/* MABNI v46 9+ Product UX layer: teacher-proof dashboard, onboarding, reports, accessibility polish */
:root{--mabni-focus:#7c3aed;--mabni-success:#079455;--mabni-warning:#d97706;--mabni-danger:#dc2626;--mabni-card-gap:16px}
.teacher-wizard-backdrop{position:fixed;inset:0;background:rgba(3,15,35,.72);backdrop-filter:blur(8px);z-index:9999;display:none;place-items:center;padding:18px}.teacher-wizard-backdrop.open{display:grid}.teacher-wizard{width:min(920px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:30px;box-shadow:0 38px 120px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.7);padding:22px}.wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #e8edf5;padding-bottom:14px}.wizard-head h2{margin:.1rem 0;font-size:clamp(1.55rem,4vw,2.2rem);letter-spacing:-.05em}.wizard-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.wizard-dot{border:1px solid #dde5ef;background:#f8fbff;border-radius:999px;padding:8px 10px;font-weight:1000;font-size:12px;text-align:center;color:#475467}.wizard-dot.active{background:#004E92;color:white;border-color:#004E92}.wizard-body{display:grid;gap:14px}.wizard-card{display:none;border:1px solid #e4e9f2;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:22px;padding:18px}.wizard-card.active{display:block}.wizard-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.wizard-option{border:1px solid #dfe7f1;border-radius:20px;background:white;padding:16px;text-align:left;cursor:pointer}.wizard-option:hover,.wizard-option.active{border-color:#004E92;box-shadow:0 14px 32px rgba(0,78,146,.13)}.wizard-option strong{display:block;font-size:18px}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}.friendly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.teacher-home-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:145px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff,#f7faff);border:1px solid #e4eaf4;box-shadow:0 14px 34px rgba(16,24,40,.08)}.teacher-home-action strong{font-size:19px}.teacher-home-action span{color:#667085;line-height:1.45}.teacher-score-card{background:linear-gradient(135deg,#07223f,#004E92);color:white;border-radius:26px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.teacher-score-card .score-circle{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#004E92;font-size:24px;font-weight:1000;box-shadow:0 15px 34px rgba(0,0,0,.24)}.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.live-card,.report-card{border:1px solid #e4eaf4;background:white;border-radius:22px;padding:16px;box-shadow:0 12px 28px rgba(16,24,40,.07);overflow-wrap:anywhere}.live-card strong,.report-card strong{font-size:20px}.progress-meter{height:12px;background:#e8edf5;border-radius:999px;overflow:hidden}.progress-meter span{display:block;height:100%;width:var(--pct,0%);background:linear-gradient(90deg,#004E92,#CFA15B)}.advanced-note{font-size:13px;color:#667085;background:#f6f8fc;border:1px dashed #cbd5e1;border-radius:16px;padding:10px}.empty-friendly{padding:20px;border:1px dashed #cad5e5;border-radius:22px;background:#f8fbff;color:#475467;font-weight:800}.status-row .pill,.class-card,.panel,.card{min-width:0}.class-code{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em}.firebase-readable-error{white-space:normal!important;overflow-wrap:anywhere}.quick-start-list{display:grid;gap:8px;margin:0;padding-left:20px}.quick-start-list li{line-height:1.5}.student-choice-title{font-size:18px;font-weight:1000}.signin-two-choice .student-login-panel{position:relative}.signin-two-choice .student-login-panel:before{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;border:2px solid transparent}.signin-two-choice .student-login-panel:focus-within:before{border-color:#CFA15B}.report-tools{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:820px){.layout{grid-template-columns:1fr}.side{position:relative;height:auto}.topbar{align-items:flex-start}.wizard-steps{grid-template-columns:repeat(3,1fr)}.teacher-score-card{grid-template-columns:1fr}.teacher-score-card .score-circle{width:74px;height:74px}}@media(max-width:480px){.wizard-steps{grid-template-columns:1fr 1fr}.teacher-wizard{padding:14px;border-radius:22px}.wizard-head{display:block}.teacher-home-action{min-height:0}.btn,.btn-small,button{min-height:44px}}