/* SchoolLAI Teacher Experience V184 - responsive, progressive enhancement */
:root{--t184-blue:#2865bf;--t184-ink:#173c55;--t184-line:#dce7f1;--t184-muted:#627b8e}
.t184-panel{direction:rtl;text-align:right;color:var(--t184-ink);background:#f8fbff;
 padding:clamp(14px,2vw,22px);border-block:1px solid var(--t184-line);font-family:inherit}
.t184-panel *{box-sizing:border-box}
.t184-top{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.t184-top-title{display:grid;gap:3px}
.t184-top-title strong{font-size:17px;font-weight:900;letter-spacing:-.2px}
.t184-count{font-size:12px;color:var(--t184-muted)}
.t184-tabs{display:flex;flex-wrap:wrap;gap:8px}
.t184-button{appearance:none;border:1px solid #cbddeb;background:#fff;color:#2b5373;
 border-radius:12px;padding:8px 13px;min-height:42px;font:inherit;font-size:12px;
 font-weight:800;display:inline-flex;align-items:center;justify-content:center;
 gap:7px;cursor:pointer;touch-action:manipulation;transition:background-color .15s,border-color .15s}
.t184-button:hover{background:#eaf3ff}
.t184-button:focus-visible,.t184-search:focus-visible,.t184-sort:focus-visible{
 outline:3px solid #98bdf4;outline-offset:2px}
.t184-button.t184-primary{background:var(--t184-blue);color:#fff;border-color:var(--t184-blue)}
.t184-button.t184-primary:hover{background:#194f9e}
.t184-button.t184-selected:not(.t184-primary){background:#e3efff;border-color:#8bb9ec;color:#1b549f}
.t184-icon{width:17px;height:17px;flex:0 0 auto}
.t184-body{display:grid;gap:12px;margin-top:15px}
.t184-body[hidden]{display:none!important}
.t184-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,280px);gap:10px}
.t184-search-wrap,.t184-sort-wrap{position:relative;display:flex;align-items:center;min-width:0}
.t184-search-wrap .t184-icon{position:absolute;right:14px;color:#50779a;pointer-events:none}
.t184-search,.t184-sort{background:white;border:1px solid #cbddeb;border-radius:12px;
 min-height:45px;width:100%;min-width:0;color:var(--t184-ink);font:inherit;font-size:14px!important}
.t184-search{padding:9px 42px 9px 12px}
.t184-sort{padding:8px 12px;cursor:pointer}
.t184-filters{display:flex;gap:7px;flex-wrap:wrap}
.t184-filter{min-height:36px;padding:6px 12px;font-size:11.5px;border-radius:999px}
.t184-filter[aria-pressed=true]{background:#e7f1ff;border-color:#87afe3;color:#174d92}
.t184-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
 max-height:min(62dvh,730px);overflow:auto;overscroll-behavior:contain;padding:2px}
.t184-student{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;
 border:1px solid var(--t184-line);background:#fff;border-radius:15px;padding:12px 13px;
 box-shadow:0 2px 6px #284c7410}
.t184-student-content{display:grid;gap:7px;min-width:0}
.t184-name{font-size:13px;color:#1b3e59;font-weight:850;overflow-wrap:anywhere}
.t184-stats{display:flex;gap:5px;flex-wrap:wrap}
.t184-stat{background:#f4f7fa;border:1px solid #e8eef4;padding:2px 7px;border-radius:7px;
 color:#576f81;font-size:10px;white-space:nowrap;line-height:1.65}
.t184-stat b{color:#244b68;font-variant-numeric:tabular-nums}
.t184-positive{background:#ebf9f2;border-color:#c8eed9}
.t184-positive b{color:#087a51}
.t184-negative{background:#fff0f0;border-color:#f9d7da}
.t184-negative b{color:#ad4452}
.t184-quick{display:flex;gap:6px;flex:0 0 auto}
.t184-quick .t184-button{font-size:11px;min-height:40px;padding:6px 9px}
.t184-plus{background:#e5f8ee;color:#087a51;border-color:#b9e5ce}
.t184-minus{background:#fff0f0;color:#ac3e4a;border-color:#f0c5ca}
.t184-plus:hover{background:#d4f5e4}
.t184-minus:hover{background:#ffe3e6}
.t184-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.t184-result{font-size:11px;color:var(--t184-muted)}
.t184-empty{padding:22px 10px;color:var(--t184-muted);text-align:center;grid-column:1/-1}
.t184-more{min-height:38px;padding:6px 12px}
[class*="teacher-notebook-v61-module__"][class$="__book"][data-teacher184-view="closed"]
 [class*="teacher-notebook-v61-module__"][class$="__scroll"],
[class*="teacher-notebook-v61-module__"][class$="__book"][data-teacher184-view="roster"]
 [class*="teacher-notebook-v61-module__"][class$="__scroll"]{display:none!important}
[class*="teacher-notebook-v61-module__"][class$="__book"][data-teacher184-view="history"]
 [class*="teacher-notebook-v61-module__"][class$="__scroll"]{
 display:block!important;max-width:100%!important;max-height:72dvh!important;overflow:auto!important}
[class*="teacher-notebook-v61-module__"][class$="__book"][data-teacher184-view="history"]
 [class*="teacher-notebook-v61-module__"][class$="__scroll"] th:first-child{
 position:sticky;right:0;z-index:5;min-width:160px}
[class*="teacher-notebook-v61-module__"][class$="__book"] [data-quick-merits-v131]{
 max-width:100%;box-sizing:border-box}
[class*="teacher-workspace-v37-module__"][class$="__nav"] button{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;font-weight:800!important}
.t184-nav-icon{display:inline-flex;align-items:center;justify-content:center;
 color:#4e75a3;flex:0 0 auto}
[class*="teacher-workspace-v37-module__"][class$="__nav"] button:is([aria-selected=true],[data-active=true])
 .t184-nav-icon{color:var(--t184-blue)}
[class*="teacher-workspace-v37-module__"][class$="__studentRow"]{
 padding:10px 12px!important;background:#fff;border:1px solid #e3eaf1!important;
 border-radius:12px;margin-block:4px;box-shadow:0 2px 7px #24476808}
[class*="teacher-workspace-v37-module__"][class$="__studentRow"] :is(input,select){
 min-height:40px;font-size:14px!important}
@media(max-width:940px){
 .t184-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:740px){
 .t184-panel{padding:12px}
 .t184-top{align-items:stretch}
 .t184-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .t184-tabs .t184-button{padding:7px 6px}
 .t184-controls{grid-template-columns:minmax(0,1fr)}
 .t184-student{padding:11px;align-items:stretch}
 .t184-list{max-height:min(65dvh,700px)}
 .t184-stat{font-size:10px}
 [class*="teacher-workspace-v37-module__"][class$="__studentRow"]{min-width:0}
}
@media(max-width:390px){
 .t184-student{flex-wrap:wrap}
 .t184-quick{width:100%}
 .t184-quick .t184-button{flex:1}
}
@media(prefers-reduced-motion:reduce){.t184-button{transition:none}}