/* Minimal teacher portal visual system */
.mt-teacher-shell{--mt-green:#126b45;--mt-soft:#f6f9f7;--mt-line:#dfe7e2;--mt-text:#10241b;--mt-muted:#6b776f;background:#f7faf8;min-height:100vh}
.mt-topbar{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.98);border-bottom:1px solid var(--mt-line);box-shadow:none}
.mt-topbar-inner{max-width:1540px;margin:auto;min-height:72px;padding:0 28px;display:grid;grid-template-columns:250px minmax(0,1fr) auto;gap:18px;align-items:center}
.mt-brand{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;color:var(--mt-text)}
.mt-brand .brand-mark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--mt-green);color:#fff;font-size:21px;font-weight:800}
.mt-brand strong{display:block;font-size:18px;letter-spacing:.01em}.mt-brand small{display:block;color:var(--mt-muted);margin-top:2px;font-size:11px}
.mt-nav{display:flex;align-items:stretch;justify-content:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.mt-nav::-webkit-scrollbar{display:none}
.mt-nav button{border:0;background:transparent;color:#647068;display:flex;align-items:center;gap:7px;padding:25px 10px 21px;font-size:13px;font-weight:650;white-space:nowrap;border-bottom:3px solid transparent;border-radius:0}
.mt-nav button:hover{color:var(--mt-green);background:#f8fbf9}.mt-nav button.active{color:var(--mt-green);border-bottom-color:var(--mt-green);background:transparent}
.mt-nav-icon{font-size:13px;opacity:.9}
.mt-profile{border:1px solid var(--mt-line);background:#fff;border-radius:14px;padding:7px 10px;display:flex;align-items:center;gap:9px;min-width:190px;color:var(--mt-text);cursor:pointer;text-align:left}
.mt-profile .mt-avatar{width:36px;height:36px;border-radius:10px;background:var(--mt-green);color:#fff;display:grid;place-items:center;font-weight:800}.mt-profile strong{display:block;font-size:12px}.mt-profile small{display:block;color:var(--mt-muted);font-size:10px;margin-top:2px}.mt-profile>span:last-child{margin-left:auto;color:var(--mt-muted)}
.mt-main{max-width:1540px;margin:auto;padding:30px 28px 60px}.mt-main .page-head{margin-bottom:20px;padding:0}.mt-main .page-head h1{font-size:30px;letter-spacing:-.025em;margin:4px 0 5px}.mt-main .page-head p{color:var(--mt-muted);margin:0}.mt-main .eyebrow{color:var(--mt-green);font-size:11px;letter-spacing:.12em}
.mt-main .panel,.mt-main .db-section,.mt-main .teacher-home-hero,.mt-main .teacher-home-metric{border:1px solid var(--mt-line);box-shadow:none;background:#fff;border-radius:14px}
.mt-main .btn{box-shadow:none}.mt-main .btn.primary{background:var(--mt-green)}
.mt-main .data-table th{background:#fafcfb;color:#68746d;font-size:11px;text-transform:none;letter-spacing:0}.mt-main .data-table td{border-color:#edf1ef}.mt-main .data-table tr:hover td{background:#fbfdfc}
.mt-main .status,.mt-main .db-status,.mt-main .tl-pill{font-weight:650}
.teacher-home-redesign .teacher-home-hero-art{display:none}.teacher-home-redesign .teacher-home-hero{padding:26px 28px}.teacher-home-redesign .teacher-home-hero-copy{max-width:none}.teacher-home-redesign .teacher-home-hero h1{font-size:31px;margin:6px 0}.teacher-home-redesign .teacher-home-hero-actions{display:none}
.teacher-home-redesign .teacher-home-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.teacher-home-redesign .teacher-home-metric:nth-child(5){display:none}
.teacher-home-redesign .teacher-home-metric{padding:16px}.teacher-home-redesign .teacher-home-metric-icon{width:42px;height:42px;border-radius:10px}
.teacher-home-redesign .teacher-home-grid-main{grid-template-columns:1fr 1fr;gap:14px}.teacher-home-redesign .teacher-home-panel{padding:20px}
.teacher-home-redesign .teacher-home-actions-grid{grid-template-columns:1fr 1fr}.teacher-home-redesign .teacher-home-action{min-height:92px;border:1px solid var(--mt-line);background:#fff!important}.teacher-home-redesign .teacher-home-action:hover{border-color:#9bbcac}
.teacher-home-redesign .teacher-home-assessment-overview{display:none}
.db-subject-toolbar,.tl-workspace{box-shadow:none!important}.tl-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.tl-kpis>div{border-color:var(--mt-line);border-radius:12px}
@media(max-width:1180px){.mt-topbar-inner{grid-template-columns:210px minmax(0,1fr) 54px;padding:0 18px}.mt-profile{min-width:0;border:0;padding:0}.mt-profile>span:not(.mt-avatar){display:none}.mt-nav button{padding-left:8px;padding-right:8px}.mt-main{padding:24px 18px 50px}}
@media(max-width:760px){.mt-topbar-inner{display:flex;min-height:64px}.mt-nav{display:none}.mt-profile{margin-left:auto}.mt-main{padding:18px 14px 90px}.teacher-home-redesign .teacher-home-metrics,.tl-kpis{grid-template-columns:1fr 1fr}.teacher-home-redesign .teacher-home-grid-main{grid-template-columns:1fr}.mobile-nav .mt-nav-icon{display:block}.mt-main .page-head{align-items:flex-start}.mt-main .page-head .actions{width:100%}}
@media(max-width:480px){.teacher-home-redesign .teacher-home-metrics,.tl-kpis{grid-template-columns:1fr}.teacher-home-redesign .teacher-home-actions-grid{grid-template-columns:1fr}}

/* Grouped teacher navigation */
.mt-group-nav{display:flex;align-items:stretch;justify-content:center;gap:8px;min-width:0}
.mt-group,.mt-profile-wrap{position:relative}
.mt-group-trigger{height:72px;border:0;border-bottom:3px solid transparent;background:transparent;padding:0 13px;display:flex;align-items:center;gap:8px;color:#637068;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.mt-group-trigger:hover,.mt-group.active>.mt-group-trigger,.mt-group.open>.mt-group-trigger{color:var(--mt-green);background:#f7faf8}.mt-group.active>.mt-group-trigger{border-bottom-color:var(--mt-green)}
.mt-chevron{font-size:12px;transition:transform .15s ease}.mt-group.open .mt-chevron,.mt-profile-wrap.open .mt-chevron{transform:rotate(180deg)}
.mt-group-menu,.mt-profile-menu{display:none;position:absolute;top:calc(100% + 8px);z-index:1200;background:#fff;border:1px solid var(--mt-line);border-radius:13px;box-shadow:0 12px 30px rgba(15,45,31,.12);padding:7px;min-width:220px}
.mt-group.open .mt-group-menu,.mt-profile-wrap.open .mt-profile-menu{display:grid}
.mt-group-menu{left:0;gap:3px}.mt-group-menu button,.mt-profile-menu button{border:0;background:#fff;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--mt-text);font:inherit;font-size:13px;cursor:pointer}
.mt-group-menu button:hover,.mt-group-menu button.active,.mt-profile-menu button:hover{background:#f2f7f4;color:var(--mt-green)}.mt-group-menu button.active{font-weight:750}
.mt-profile-wrap{justify-self:end}.mt-profile-menu{right:0;min-width:245px;gap:2px}.mt-profile-menu button>span:last-child{display:grid;gap:2px}.mt-profile-menu strong{font-size:13px}.mt-profile-menu small{font-size:10px;color:var(--mt-muted);font-weight:400}.mt-profile-menu .danger{color:#a43a3a}.mt-profile-menu .danger:hover{background:#fff5f5;color:#8d2727}.mt-menu-rule{height:1px;background:var(--mt-line);margin:4px 2px}
@media(max-width:1180px){.mt-group-trigger{padding:0 9px}.mt-group-nav{gap:2px}}
/* Never leave the teacher shell without navigation. Device mode CSS can hide
   the bottom nav on laptop/tablet, so the grouped top nav must remain visible. */
html[data-device-mode="laptop"] .mt-group-nav,
html[data-device-mode="tablet"] .mt-group-nav{display:flex!important}
@media(max-width:760px){
 html:not([data-device-mode="laptop"]):not([data-device-mode="tablet"]) .mt-group-nav{display:none}
}
@media(max-width:980px){
 html[data-device-mode="laptop"] .mt-topbar-inner,
 html[data-device-mode="tablet"] .mt-topbar-inner{grid-template-columns:170px minmax(0,1fr) 48px;gap:8px;padding-left:10px;padding-right:10px}
 html[data-device-mode="laptop"] .mt-group-trigger,
 html[data-device-mode="tablet"] .mt-group-trigger{padding:0 7px;font-size:12px}
}