/* Teacher workspace: one navigation system, one class context, three insight views. */
body.teacher-mode{background:var(--ui-bg);color:var(--ui-ink)}
.teacher-mode .cm-header{height:68px;background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none}
.teacher-mode .cm-brand b{color:#2b384c}.teacher-mode .cm-brand small{color:#6a82a5}
.teacher-mode #view{width:min(1440px,calc(100% - 64px));padding:28px 0 48px}
.teacher-mode .dash-head{margin:0 0 22px!important;min-height:64px;padding-left:244px}
.teacher-mode .dash-head h1{font-size:28px!important;letter-spacing:-.6px;color:#232e3e}
.teacher-mode .dash-head small{font-size:11px;color:#6c84a7;letter-spacing:.04em}
.workspace-description{margin:8px 0 0;font-size:13px;color:#667fa3;line-height:1.6}
.teacher-mode .teacher-workspace{display:grid;grid-template-columns:216px minmax(0,1fr);gap:28px;align-items:start}
.teacher-mode .teacher-sidebar{position:sticky;top:90px;margin-top:-86px;min-height:600px;border:0;border-radius:20px;background:#222c3c;padding:24px 14px;color:#b6c2d3;box-shadow:0 10px 24px #1c263610}
.workspace-label{padding:5px 14px 24px;font-size:9px;letter-spacing:.12em;color:#94a5bf}.workspace-label small{display:block;margin-top:8px;font-size:16px;letter-spacing:0;font-weight:650;color:#fff}
.teacher-mode .teacher-sidebar nav{display:grid;gap:8px}
.teacher-mode .teacher-sidebar nav a{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:11px;color:#bdc7d7;font-size:14px;font-weight:500;text-decoration:none;background:none;transition:background .15s}
.teacher-mode .teacher-sidebar nav a:hover{background:#303d51;color:white}.teacher-mode .teacher-sidebar nav a[aria-current=page]{background:#5179b6;color:white;box-shadow:0 5px 15px #0d172530}
.teacher-sidebar nav svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sidebar-class{margin:30px 12px 10px;padding-top:22px;border-top:1px solid #36445a}.sidebar-class small,.sidebar-class b,.sidebar-class span{display:block}.sidebar-class small{font-size:10px;color:#94a5bf}.sidebar-class b{font-size:14px;color:#e8eef7;margin:10px 0;overflow-wrap:anywhere}.sidebar-class span{font-size:12px;color:#a8b6cb}
.teacher-mode .teacher-sidebar-footer{display:flex;flex-direction:column;border:0;margin:32px 10px 0;padding:0;gap:6px}.teacher-mode .teacher-sidebar-footer .text-btn{font-size:11px;color:#b3bfd2;text-align:left;padding:8px 0;min-height:36px;margin:0;background:none}
.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;min-height:44px}.teacher-mode .teacher-context{display:flex;gap:12px;margin:0;justify-content:flex-start;font-size:12px;color:#667fa3}.teacher-mode .teacher-context[hidden]{display:none}.teacher-mode .teacher-context select{max-width:330px;min-width:160px;padding:10px 36px 10px 14px;background:#fff;border:1px solid #dbe2ed;border-radius:9px;color:#2e3a4d;min-height:42px}
.teacher-mode .teacher-refresh{margin-left:auto;color:#5e779c;font-size:12px;border:1px solid #dbe2ed;border-radius:9px;background:#fff;padding:8px 13px;min-height:40px}
.teacher-mode .panel{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:24px}
.teacher-mode h2,.teacher-mode h3{color:#2c384a}.teacher-mode .panel-head{margin-bottom:20px}.teacher-mode .panel-head h2{font-size:18px;margin:0}.teacher-mode .primary{background:#4d77b6;color:#fff;border:1px solid #4d77b6;border-radius:9px;padding:11px 17px;min-height:42px;font-size:13px;box-shadow:none;font-weight:600;cursor:pointer}.teacher-mode .secondary{background:#fff;color:#4a5e7c;border:1px solid #dde3ed;border-radius:9px;padding:10px 15px;min-height:42px;font-size:13px;font-weight:500;cursor:pointer}.teacher-mode button:disabled{opacity:.55;cursor:not-allowed}.teacher-mode button:focus-visible,.teacher-mode a:focus-visible,.teacher-mode summary:focus-visible{outline:3px solid #aec3e3;outline-offset:3px}
.teacher-mode .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.teacher-mode .kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;border-top:3px solid #47628a;box-shadow:none}.teacher-mode .kpi:nth-child(2){border-top-color:#6c90c5}.teacher-mode .kpi:nth-child(3){border-top-color:#8ba2c5}.teacher-mode .kpi:nth-child(4){border-top-color:#d5a354}.teacher-mode .kpi small{color:#6c84a7;font-size:12px}.teacher-mode .kpi b{color:#2f3c4f;font-size:30px;margin-top:12px}
.overview-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.journey-entry{display:flex;flex-direction:column;background:#e7ecf3;border:1px solid #d0dae9;border-radius:16px;padding:24px;text-decoration:none;color:#24426e}.journey-entry:nth-child(2){background:#eff3fa;border-color:#e1e9f4;color:#4c70a7}.journey-entry:nth-child(3){background:#edf1f8;border-color:#dfe5ef;color:#60799f}.entry-number{font-size:11px;letter-spacing:.07em;font-weight:650}.teacher-mode .journey-entry h2{font-size:19px;line-height:1.5;color:inherit;margin:20px 0 10px}.journey-entry p{font-size:13px;line-height:1.8;color:#5a7296;margin:0 0 26px}.journey-entry>b{font-size:13px;margin-top:auto}.overview-recent .recent-row{padding:12px 0}.overview-recent .recent-row strong{color:#5776a4}
.teacher-mode #teacher-classes>.panel{padding:0;border:0;background:none}.teacher-mode #teacher-classes .panel-head{margin:0 0 18px}.teacher-mode #teacher-classes .class-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.teacher-mode #teacher-classes .class-item{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #dde3ed;border-radius:16px;background:#fff;overflow:visible;min-width:0}
.teacher-mode #teacher-classes .class-row{display:flex;align-items:center;gap:12px;padding:22px 20px;background:none;border-radius:16px 16px 0 0;text-align:left;color:#2e3a4d;min-height:108px;grid-column:auto;cursor:pointer}.teacher-mode #teacher-classes .class-row.active{background:#f5f8fc}.class-avatar{width:44px;height:44px;display:grid;place-items:center;flex:none;background:#eaeff7;color:#597baf;border-radius:12px;font-size:20px;font-weight:650}.class-item[data-color="1"] .class-avatar{background:#e1e8f3;color:#375684}.class-item[data-color="2"] .class-avatar{background:#ebf0f7;color:#677fa4}.class-item[data-color="3"] .class-avatar{background:#fff0d8;color:#ae7c31}.teacher-mode .class-row>span:nth-child(2){min-width:0;flex:1}.teacher-mode .class-row b{display:block;font-size:17px;overflow-wrap:anywhere}.teacher-mode .class-row small{display:block;font-size:12px;margin-top:7px;color:#6d84a7}.class-selected{font-size:10px;color:#617aa0;white-space:nowrap}.class-row.active .class-selected{color:#5578ad;background:#e9eff7;border-radius:6px;padding:5px 7px}
.teacher-mode #teacher-classes .class-invite{display:flex;gap:10px;padding:15px 20px;margin:0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;background:#fbfcfe;flex-wrap:wrap}.class-invite>small{font-size:11px;color:#7e92b1}.teacher-mode .class-invite code{font-size:16px;color:#516788;letter-spacing:2px}.teacher-mode .class-invite button{margin-left:auto;min-height:32px;padding:5px 8px;font-size:11px;border:0;background:none;color:#5a7297}.class-invite button svg{width:14px;height:14px}
.teacher-mode .class-management-actions{padding:16px 20px;display:flex;gap:8px;flex-wrap:wrap}.teacher-mode .class-management-actions .primary,.teacher-mode .class-management-actions .secondary{font-size:12px;padding:9px 13px;min-height:38px}.class-more{margin-left:auto;position:relative;align-self:center}.class-more summary{list-style:none;cursor:pointer;font-size:12px;color:#778dae;padding:10px 4px}.class-more summary::-webkit-details-marker{display:none}.class-more .delete-class{position:absolute;right:0;top:40px;z-index:5;white-space:nowrap;background:#fff;border:1px solid #efdcd9;box-shadow:0 6px 20px #222c3c18;color:#ae5148}.teacher-mode .class-more[open] summary{color:#ad5148}
.teacher-mode #teacher-tasks .agent-console{display:flex;align-items:center;gap:20px;padding:22px 26px;border:1px solid #e1e9f4;border-radius:16px;background:#f2f5fa;color:#425b80;box-shadow:none;margin:0 0 20px;min-height:0}.teacher-mode #teacher-tasks .agent-console h2{font-size:20px;color:#374e71;margin:8px 0}.teacher-mode #teacher-tasks .agent-console p{font-size:12px;color:#6c84a7;margin:0}.teacher-mode #teacher-tasks .agent-console small{font-size:11px;color:#7188aa}.teacher-mode #teacher-tasks .agent-actions{margin-left:auto}.teacher-mode #aiTask{background:#4d77b6;color:white;border:0;border-radius:9px;padding:12px 18px;white-space:nowrap;font-size:13px;min-height:42px}.teacher-mode .task-list .task-row{border-color:#e5eaf2}
.insight-tabs{display:flex;gap:6px;padding:5px;background:#e7ecf3;border-radius:12px;width:fit-content;max-width:100%;margin:0 0 22px}.insight-tabs button{padding:11px 22px;background:none;border:0;border-radius:8px;color:#6880a4;font-size:13px;cursor:pointer;min-height:42px}.insight-tabs button[aria-selected=true]{background:white;color:#5a7297;box-shadow:0 2px 8px #2c3b5112;font-weight:650}.teacher-mode [role=tabpanel][hidden]{display:none!important}
.insight-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.insight-observation{min-width:0}.teacher-mode .insight-hero{display:block;padding:26px;background:#ebeff6;border:1px solid #dae1ec;border-radius:16px;color:#53698b}.teacher-mode .insight-hero h2{font-size:22px;line-height:1.5;margin:12px 0;color:#41526c}.teacher-mode .insight-hero small{font-size:11px;color:#788eae}.teacher-mode .insight-hero p{font-size:13px;line-height:1.8;color:#657da2}.teacher-mode .insight-hero-number{display:flex;align-items:baseline;gap:12px;text-align:left;margin-top:22px}.teacher-mode .insight-hero-number b{font-size:42px;color:#5e789e}.teacher-mode .insight-hero-number span{color:#6d85a8;font-size:11px}.teacher-mode .insight-summary-strip{margin:16px 0;padding:17px 4px;border-color:#e3e8f0;border-radius:12px}.teacher-mode .insight-summary-strip b{font-size:23px;color:#465976}.teacher-mode .insight-summary-strip small{font-size:10px;color:#798faf}.teacher-mode .insight-overview>.panel{margin:0;padding:22px}.teacher-mode .ability-radar svg{max-width:330px}.teacher-mode .radar-area{fill:#829dc52b;stroke:#758eb3}.teacher-mode .radar-point{fill:#758eb3}.teacher-mode .radar-label{fill:#5e789d}.teacher-mode .radar-values>div{background:#f2f5f9;border-radius:8px;padding:10px 2px}.teacher-mode .radar-values span{color:#7d92b1;font-size:10px}.teacher-mode .radar-values b{color:#657da2;font-size:19px}.teacher-mode .ability-radar>p{font-size:10px;color:#8a9cb8}
.teacher-mode .priority-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;row-gap:18px}.teacher-mode .priority-question{border-color:#e1e7ef!important;border-top:3px solid #d5a465!important;padding:20px!important;border-radius:14px!important}.teacher-mode .priority-question h3{font-size:17px!important;line-height:1.6!important}.teacher-mode .priority-meta small{color:#778dae}.teacher-mode .priority-question p{color:#657da2}.teacher-mode .priority-question details{color:#5b7397}.teacher-mode .insight-section-heading h3{font-size:17px}.teacher-mode .insight-section-heading span{color:#7e92b1}.teacher-mode .insight-more,.teacher-mode .teacher-secondary-data{border-color:#e1e7f0;border-radius:12px;color:#597195;background:white}.teacher-mode .lesson-plan{margin-bottom:20px}.teacher-mode .lesson-plan>small{color:#99733a;font-size:11px}.teacher-mode .lesson-plan h2{font-size:21px}.teacher-mode .lesson-plan p{color:#6b83a6;font-size:13px;line-height:1.7}.teacher-mode .lesson-evidence{background:#fff4df;color:#957239!important}.teacher-mode .lesson-steps article{border-color:#e3e9f1;background:#fbfcfe}.teacher-mode .lesson-steps b{font-size:13px;color:#516788}.teacher-mode .ai-advice{display:flex;gap:20px;align-items:center;background:#eff3f8;border-color:#dee4ee}.teacher-mode .ai-advice h2{font-size:18px;color:#4f6483}.teacher-mode .ai-advice p{font-size:12px;color:#7087a9}.teacher-mode .ai-advice small{color:#7c91b0}.teacher-mode .ai-advice button{margin-left:auto;min-height:42px;white-space:nowrap;background:#667ea3;border:0;color:white;border-radius:9px;padding:12px 18px;font-size:12px}
.teacher-mode .news-page-head{background:#fff5e7;border:1px solid #f0dfc8;border-radius:16px;padding:22px 24px}.teacher-mode .news-page-head h2{font-size:20px;color:#966b35}.teacher-mode .news-page-head small{color:#b38a53;font-size:11px}.teacher-mode .news-page-head p{color:#9c876b;font-size:12px;max-width:620px}.teacher-mode .news-filters{background:#fff;padding:16px;border-radius:12px;border:1px solid var(--line)}.teacher-mode .news-filters label{color:#6c84a7;font-size:11px}.teacher-mode .news-filters input,.teacher-mode .news-filters select{border-color:#dfe5ef;border-radius:8px;color:#485b78;min-height:42px;font-size:13px}.teacher-mode .law-news-card{border-color:#e0e6ef;border-radius:14px;padding:22px}.teacher-mode .law-news-card h3{font-size:19px;color:#36455b}.teacher-mode .news-meta>span{background:#eff3fa;color:#6981a5;padding:5px 8px;border-radius:6px;font-size:10px}.teacher-mode .news-meta time{align-self:center;font-size:11px;color:#8498b5}.teacher-mode .news-question{background:#f6f8fa;border-radius:9px}.teacher-mode .news-question small{color:#90a2bd;font-size:10px}.teacher-mode .news-question b{color:#677fa4;font-size:12px}.teacher-mode .law-news-card footer a{color:#6c83a7}.teacher-mode .news-feedback{color:#4e6383;font-size:12px}.teacher-mode .law-news-card .news-event{color:#8094b2;font-size:11px}.teacher-mode .news-count{font-size:12px;color:#798faf}
.service-notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:#fff3df;border:1px solid #ebd4aa;color:#966c2e;border-radius:12px;padding:16px;margin-bottom:20px;font-size:12px;line-height:1.7}.service-notice[hidden]{display:none}.service-notice b{font-size:13px}.service-notice button{background:#fff;border:1px solid #e4cfaa;color:#966c2e;padding:8px 10px;border-radius:7px;cursor:pointer}.teacher-mode .site-footer{border-color:#dfe5ee;color:#8397b4;font-size:11px}.teacher-mode .cm-modal-card{border-radius:18px}.teacher-mode .form h2{font-size:23px;color:#303e52}.teacher-mode .member-row{border-color:#e5eaf2}.teacher-mode .member-row span{background:#eff3fa;border-radius:6px;padding:5px 9px;align-self:center;color:#7389ab;font-size:12px}
@media(max-width:1150px){.teacher-mode #view{width:calc(100% - 40px)}.teacher-mode .teacher-workspace{grid-template-columns:180px minmax(0,1fr);gap:20px}.teacher-mode .dash-head{padding-left:200px}.teacher-mode .teacher-sidebar{padding:22px 10px}.teacher-mode .teacher-sidebar nav a{gap:10px;padding:13px 12px}.overview-journey{grid-template-columns:1fr}.journey-entry{padding:20px}.teacher-mode .journey-entry h2{margin:10px 0}.journey-entry p{margin-bottom:15px}.teacher-mode .priority-grid{grid-template-columns:1fr}.teacher-mode .priority-grid .priority-question{display:block;grid-row:auto}.teacher-mode .priority-grid .priority-question>div{display:flex;flex-direction:column;gap:14px}.insight-overview{grid-template-columns:1fr}.teacher-mode #teacher-classes .class-list{grid-template-columns:1fr}.teacher-mode .kpi{padding:18px 14px}}
@media(max-width:760px){.teacher-mode #view{width:calc(100% - 28px);padding-top:18px}.teacher-mode .cm-header{height:58px}.teacher-mode .dash-head{padding:0;margin-bottom:18px!important}.teacher-mode .dash-head h1{font-size:25px!important}.workspace-description{font-size:12px}.teacher-mode .teacher-workspace{display:flex;flex-direction:column;gap:16px}.teacher-mode .teacher-sidebar{position:static;min-height:0;margin:0;padding:7px;width:100%;border-radius:12px;background:#293548}.workspace-label,.sidebar-class{display:none}.teacher-mode .teacher-sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.teacher-mode .teacher-sidebar nav a{flex-direction:column;gap:7px;font-size:10px;padding:10px 1px;border-radius:8px}.teacher-sidebar nav svg{width:17px;height:17px}.teacher-mode .teacher-sidebar-footer{margin:8px 7px 0;display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid #3a4a61;padding-top:2px}.teacher-mode .teacher-sidebar-footer .text-btn{font-size:10px;min-height:30px}.teacher-mode .teacher-content{width:100%}.workspace-toolbar{margin-bottom:16px}.teacher-mode .teacher-context{gap:8px;font-size:11px}.teacher-mode .teacher-context select{min-width:0;max-width:180px;width:150px;padding-right:18px;font-size:12px}.teacher-mode .teacher-refresh{font-size:11px;padding:8px 10px}.teacher-mode .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.teacher-mode .kpi{padding:16px 18px}.teacher-mode .kpi b{font-size:27px}.teacher-mode .panel{padding:20px}.teacher-mode #teacher-classes .class-row{padding:20px 16px}.teacher-mode #teacher-classes .class-invite{padding:12px 16px}.teacher-mode .class-management-actions{padding:14px 16px}.teacher-mode #teacher-tasks .agent-console{display:block;padding:20px}.teacher-mode #teacher-tasks .agent-actions{margin:16px 0 0}.teacher-mode #teacher-tasks .agent-console h2{font-size:18px}.insight-tabs{width:100%;gap:3px;padding:4px}.insight-tabs button{flex:1;padding:10px 5px;font-size:12px}.teacher-mode .insight-hero{padding:22px}.teacher-mode .insight-hero h2{font-size:21px}.teacher-mode .ai-advice{display:block}.teacher-mode .ai-advice button{margin:12px 0 0}.teacher-mode .news-page-head{padding:20px;gap:12px}.teacher-mode .news-page-head p{margin:8px 0}.teacher-mode .law-news-card{padding:20px}.teacher-mode .news-filters{padding:12px}.teacher-mode .news-filters input,.teacher-mode .news-filters select{font-size:12px}.teacher-mode .site-footer{margin-top:20px}}
.teacher-mode .workspace-toolbar[hidden]{display:none}.teacher-mode #teacher-classes .panel-head{display:flex;align-items:center;gap:10px}.teacher-mode #teacher-classes .panel-head h2{margin-right:auto}.teacher-mode #teacher-classes .panel-head .teacher-refresh{margin-left:0}
.teacher-mode #teacher-classes .class-row{flex:1}
