/* SureThing Kids Teacher Dashboard v2.7 — core shell/header.
 * Page-specific styling lives in sibling files so later changes can be made
 * to one area without rewriting the entire dashboard.
 */
.stktm-teacher-dashboard-page,
.stktm-teacher-dashboard-page .site,
.stktm-teacher-dashboard-page .site-content,
.stktm-teacher-dashboard-page .content-area,
.stktm-teacher-dashboard-page .site-main,
.stktm-teacher-dashboard-page main{background:#fff!important}
.stktm-teacher-dashboard-page .entry-header,
.stktm-teacher-dashboard-page .page-header{display:none!important}
.stktm-teacher-dashboard-page .site-main,
.stktm-teacher-dashboard-page main{padding-top:0!important}

.stktm-shell-v27{max-width:1200px;margin:10px auto 28px;padding:10px 12px 16px;background:#fff!important;border:2px solid #147d78!important;border-radius:16px;color:#111827;box-shadow:0 8px 26px rgba(23,32,51,.06)}
.stktm-shell-v27 .stktm-action-notice-wrap{margin:0 0 8px}
.stktm-shell-v27 .stktm-action-notice-wrap:empty{display:none}
.stktm-persistent-header{position:sticky;top:0;z-index:30;background:#fff;padding:0 0 8px}
.stktm-dashboard-hero-v27{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:46px!important;margin:0 0 7px!important;padding:7px 9px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e6ecef!important;border-radius:0!important;box-shadow:none!important}
.stktm-hero-copy-v27{display:flex;align-items:center;gap:7px;min-width:0}
.stktm-dashboard-home-link{color:#172033!important;text-decoration:none!important;font-size:19px;font-weight:900;line-height:1.15}
.stktm-dashboard-home-link:hover{color:#147d78!important}
.stktm-current-view{color:#657180;font-size:12px;font-weight:700;white-space:nowrap}
.stktm-shell-v27 .stktm-head-actions{gap:6px!important}
.stktm-shell-v27 .stktm-head-actions>.stktm-button{min-height:34px!important;padding:6px 10px!important;font-size:12px!important}

.stktm-shell-v27 .stktm-next-panel-v27{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0!important;padding:11px 13px!important;border-radius:11px!important;border-left:5px solid #63ddd4!important;background:#172033!important;box-shadow:none!important}
.stktm-next-label-line{display:flex;align-items:center;gap:9px;min-width:0}.stktm-next-label-line>span{color:#95fef9;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.stktm-next-label-line>strong{font-size:15px;color:#fff;min-width:0}
.stktm-next-time-line{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px;color:#dce8f0;font-size:11px;font-weight:650}
.stktm-shell-v27 .stktm-big-countdown{margin-top:4px;font-size:19px;line-height:1;color:#95fef9;font-weight:900;letter-spacing:.04em}
.stktm-shell-v27 .stktm-next-actions{display:flex!important;align-items:center;gap:6px;min-width:0!important}.stktm-shell-v27 .stktm-next-actions button,.stktm-shell-v27 .stktm-next-actions a{min-height:36px!important;padding:7px 10px!important;border-radius:8px!important;font-size:11px!important;white-space:nowrap}
.stktm-shell-v27 .stktm-test-button{background:#fff!important;color:#172033!important;border:1px solid #d4e1e9!important}.stktm-shell-v27 .stktm-open-lesson-button{background:#20bdb1!important;border-color:#20bdb1!important;color:#082a2a!important;font-weight:900}.stktm-shell-v27 .stktm-open-lesson-button.is-disabled{background:#64717d!important;border-color:#64717d!important;color:#eef2f4!important;opacity:.65}

.stktm-shell-v27 .stktm-dashboard-view{padding-top:10px}.stktm-shell-v27 .stktm-section{margin:10px 0}.stktm-shell-v27 .stktm-white-section,.stktm-shell-v27 .stktm-calendar-section{background:#fff;border:1px solid #dfe7eb;border-radius:12px;box-shadow:none}.stktm-shell-v27 .stktm-section-heading-row h3{font-size:21px;color:#172033}
.stktm-shell-v27 .stktm-metrics-grid{margin:0 0 10px;gap:7px}.stktm-shell-v27 .stktm-metric{min-height:66px;padding:9px 10px;background:#f8fafb;border:1px solid #e3e9ed;border-radius:9px}.stktm-shell-v27 .stktm-metric strong{font-size:19px}.stktm-shell-v27 .stktm-metric span{color:#4e5b68}.stktm-shell-v27 .stktm-metric small{color:#657180}

.stktm-media-dialog::backdrop{background:rgba(23,32,51,.38)}
.stktm-media-dialog-card{width:min(540px,92vw)!important;max-width:540px!important;padding:28px!important;text-align:left}
.stktm-media-dialog-card h3{margin:3px 0 10px;font-size:25px;color:#172033}.stktm-media-message{margin:0 0 20px;color:#344252;font-size:15px;line-height:1.55}.stktm-media-dialog-card .stktm-dialog-actions{justify-content:flex-end}

@media(max-width:820px){
  .stktm-persistent-header{position:relative}
  .stktm-dashboard-hero-v27{align-items:flex-start!important;flex-direction:column}
  .stktm-shell-v27 .stktm-next-panel-v27{grid-template-columns:1fr}.stktm-shell-v27 .stktm-next-actions{flex-wrap:wrap}
}
@media(max-width:620px){
  .stktm-shell-v27{margin:0;padding:8px;border-left:0!important;border-right:0!important;border-radius:0}
  .stktm-dashboard-home-link{font-size:17px}.stktm-current-view{font-size:11px}
  .stktm-shell-v27 .stktm-next-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr}.stktm-shell-v27 .stktm-next-actions>*{width:100%}
}


/* v2.16.3 lesson-start alert */
.stktm-shell-v27 .stktm-start-bell-alert{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:2px solid #78e4dc;border-radius:12px;background:#e8fffd;color:#172033;font-weight:900;letter-spacing:.035em;white-space:nowrap;box-shadow:0 0 0 0 rgba(120,228,220,.58)}
.stktm-shell-v27 .stktm-start-bell-alert[hidden]{display:none!important}
.stktm-shell-v27 .stktm-start-bell-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#78e4dc;color:#172033;transform-origin:50% 10%;animation:stktm-bell-swing .5s ease-in-out infinite alternate,stktm-bell-pulse 1s ease-in-out infinite}
.stktm-shell-v27 .stktm-start-bell-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.stktm-shell-v27 .stktm-next-panel-v27.is-lesson-start-alert{border-left-color:#78e4dc!important;box-shadow:0 0 0 3px rgba(120,228,220,.22)!important}
@keyframes stktm-bell-swing{from{transform:rotate(-12deg) scale(1)}to{transform:rotate(12deg) scale(1.08)}}
@keyframes stktm-bell-pulse{0%,100%{box-shadow:0 0 0 0 rgba(120,228,220,.60)}50%{box-shadow:0 0 0 12px rgba(120,228,220,0)}}
@media (prefers-reduced-motion:reduce){.stktm-shell-v27 .stktm-start-bell-icon{animation:none}}