/* MATCHSIK v32.27 — teacher/mobile operations polish */
:root{--v3227-blue:#1769ff;--v3227-navy:#0b2c59;--v3227-orange:#ff6b2c;--v3227-green:#14936a;--v3227-red:#d94841;--v3227-line:#dbe5f1;--v3227-soft:#f5f8fc}
.v3227-nav-badge,.v3227-tab-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--v3227-blue);color:#fff!important;font-size:10px!important;font-weight:1000!important;line-height:1;box-shadow:0 5px 14px rgba(23,105,255,.22);flex:0 0 auto}.v3227-nav-badge[hidden],.v3227-tab-badge[hidden]{display:none!important}.v3227-nav-badge[data-tone="orange"],.v3227-tab-badge[data-tone="orange"]{background:var(--v3227-orange)}.v3227-nav-badge[data-tone="green"],.v3227-tab-badge[data-tone="green"]{background:var(--v3227-green)}.v3227-nav-badge[data-tone="red"],.v3227-tab-badge[data-tone="red"]{background:var(--v3227-red)}
.tabs .tab,.portal-tabs .tab,.t28-nav>button{position:relative}.tabs .tab.has-v3227-notice,.portal-tabs .tab.has-v3227-notice,.t28-nav>button.has-v3227-notice{padding-right:10px}.tabs .v3227-tab-badge,.portal-tabs .v3227-tab-badge{margin-left:5px;vertical-align:middle}
/* teacher navigation */
body.v3227-teacher{background:linear-gradient(180deg,#f5f8fd 0,#eef4fb 55%,#f8fafc 100%)}
body.v3227-teacher .t28-header{background:rgba(8,40,79,.97)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:0 10px 28px rgba(8,35,70,.12)}body.v3227-teacher .t28-brand{color:#fff!important}body.v3227-teacher .t28-brand-mark{background:#1769ff!important}body.v3227-teacher .t28-head-actions button{border-color:#31577f!important;background:#143f6e!important;color:#fff!important}body.v3227-teacher .v288-server-state{border-color:#b9e8d3!important;background:#effcf6!important;color:#197050!important}
body.v3227-teacher .t28-sidebar{border-color:#d6e2ef;background:rgba(255,255,255,.96);box-shadow:0 16px 42px rgba(29,65,108,.08)}body.v3227-teacher .t28-nav{gap:7px}body.v3227-teacher .t28-nav>button{justify-content:space-between;min-height:45px;padding:0 12px;border:1px solid transparent;border-radius:13px;color:#38536f;transition:.16s ease}body.v3227-teacher .t28-nav>button:hover{border-color:#d5e2f1;background:#f4f8fd}body.v3227-teacher .t28-nav>button.active{border-color:#1769ff;background:linear-gradient(135deg,#1769ff,#2b6ad0)!important;color:#fff!important;box-shadow:0 8px 20px rgba(23,105,255,.22)}.v3227-nav-label{min-width:0;white-space:nowrap}
.t28-nav .v3227-group-nav{display:flex!important;align-items:center!important;gap:10px!important;min-height:64px!important;padding:9px 10px!important;border:1px solid #ffd1bb!important;border-radius:15px!important;background:linear-gradient(135deg,#fff1e8,#fff8f3)!important;color:#9d3a16!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(255,107,44,.08)}.v3227-group-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#ff6b2c,#f05216);color:#fff;font-weight:1000;box-shadow:0 8px 18px rgba(255,107,44,.25)}.v3227-group-copy{display:grid;min-width:0;line-height:1.2}.v3227-group-copy b{font-size:13px}.v3227-group-copy small{margin-top:4px;color:#a76a50;font-size:9px;font-weight:800}.v3227-group-arrow{margin-left:auto;font-weight:1000}.v3227-group-nav .v3227-nav-badge{margin-left:0}
/* teacher cards and student detail */
body.v3227-teacher .t28-card{border:1px solid #d8e4f0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 38px rgba(28,62,104,.065)!important}.m2820-student-list{display:grid!important;gap:13px!important}.m2820-student-card{padding:0!important;overflow:hidden!important}.m2820-student-card>summary{position:relative;list-style:none;padding:18px 18px!important;cursor:pointer;background:linear-gradient(180deg,#fff,#fbfdff)}.m2820-student-card>summary::-webkit-details-marker{display:none}.m2820-student-card>summary:after{content:'⌄';position:absolute;right:16px;top:17px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d9e4f1;border-radius:10px;background:#f4f8fd;color:#315d91;font-weight:1000;transition:transform .18s}.m2820-student-card[open]>summary:after{transform:rotate(180deg)}.m2820-student-summary{padding-right:38px!important}.m2820-student-main h2{display:flex!important;gap:8px;align-items:baseline;flex-wrap:wrap;margin:8px 0 4px!important}.v3227-student-name{font-size:21px;font-weight:1000;color:#102f57;letter-spacing:-.045em}.v3227-student-course{font-size:14px;font-weight:850;color:#52708f}.m2820-student-main p{margin:5px 0 0!important;color:#5e7188!important;line-height:1.55}.m2820-summary-side{padding-right:6px}.m2820-student-detail{padding:4px 18px 20px!important;border-top:1px solid #edf2f8;background:#fbfdff}.t286-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:15px 0 0!important}.t286-detail-grid>div{min-width:0;padding:14px!important;border:1px solid #dfe8f3!important;border-radius:14px!important;background:#fff!important}.t286-detail-grid>div.wide{grid-column:1/-1!important}.t286-detail-grid dt{margin:0 0 5px;color:#72849a;font-size:10px;font-weight:900;letter-spacing:.02em}.t286-detail-grid dd{margin:0!important;color:#193a63;font-size:13px;font-weight:800;line-height:1.6;white-space:pre-wrap}.v3227-student-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0 0}.v3227-student-overview>div{padding:14px;border:1px solid #dbe7f5;border-radius:14px;background:linear-gradient(145deg,#f7faff,#fff)}.v3227-student-overview small{display:block;color:#6b84a4;font-size:9px;font-weight:1000}.v3227-student-overview b{display:block;margin-top:5px;color:#12345f;font-size:14px}.v3227-student-overview span{display:block;margin-top:5px;color:#62758c;font-size:11px;line-height:1.55}.m2820-session-list{margin-top:18px;padding-top:17px;border-top:1px solid #e4ecf5}.m2820-session-list h3{font-size:16px}.m2820-session-row{border:1px solid #e2eaf3!important;border-radius:13px!important;background:#fff!important}.v3227-filterbar{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:10px!important;padding:11px!important;border:1px solid #dbe5f0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(30,64,105,.04)}.v3227-filterbar input,.v3227-filterbar select{min-width:0!important;min-height:44px!important;border:1px solid #d4e0ed!important;border-radius:12px!important;padding:0 12px!important;background:#fbfdff!important}
/* small group dashboard spotlight */
.v3227-group-spotlight{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;margin:0 0 16px;padding:19px 20px;border:1px solid #ffd0b9;border-radius:21px;background:linear-gradient(120deg,#fff3eb 0,#fffaf7 60%,#fff 100%);color:#7e3518;text-decoration:none;box-shadow:0 14px 34px rgba(199,81,25,.08)}.v3227-group-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#ff6b2c,#ed4f15);color:#fff;font-size:22px;font-weight:1000;box-shadow:0 12px 26px rgba(255,107,44,.24)}.v3227-group-spotlight-copy>span{color:#cf5a27;font-size:9px;font-weight:1000;letter-spacing:.14em}.v3227-group-spotlight-copy h2{margin:4px 0 4px;font-size:20px}.v3227-group-spotlight-copy p{margin:0;color:#97664e;font-size:12px;line-height:1.55}.v3227-group-metrics{display:flex;align-items:center;gap:9px}.v3227-group-metrics>span{display:grid;min-width:68px;padding:9px 11px;border:1px solid #f0d8cb;border-radius:13px;background:#fff}.v3227-group-metrics small{font-size:9px;color:#9b765f}.v3227-group-metrics b{font-size:20px}.v3227-group-metrics .attention{border-color:#ffc2a5;background:#fff0e8}.v3227-group-metrics>strong{padding:11px 13px;border-radius:12px;background:#ff6b2c;color:#fff;font-size:11px;white-space:nowrap}
/* schedule request inbox */
.v3227-teacher-change-page{display:grid;gap:18px}.v3227-change-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:30px;border-radius:25px;background:linear-gradient(135deg,#0d3768,#1d4f85 70%,#2e69a7);color:#fff;box-shadow:0 18px 46px rgba(17,59,105,.17)}.v3227-change-hero span{color:#8fc4ff;font-size:10px;font-weight:1000;letter-spacing:.13em}.v3227-change-hero h1{margin:5px 0 8px;font-size:36px}.v3227-change-hero p{max-width:720px;margin:0;color:#d7e8fb;font-size:12px;line-height:1.7}.v3227-change-kpi{display:grid;place-items:center;min-width:100px;padding:16px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(255,255,255,.1)}.v3227-change-kpi small{font-size:10px;color:#c8e2ff}.v3227-change-kpi b{margin-top:2px;font-size:34px}.v3227-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 3px 10px}.v3227-section-head small{color:#6483aa;font-size:9px;font-weight:1000;letter-spacing:.14em}.v3227-section-head h2{margin:3px 0 0;font-size:20px}.v3227-section-head>span{padding:7px 10px;border-radius:999px;background:#eef5ff;color:#2d67ad;font-size:11px;font-weight:900}.v3227-request-list{display:grid;gap:12px}.v3227-request-card{padding:20px;border:1px solid #dbe6f2;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(26,60,102,.06)}.v3227-request-head{display:flex;justify-content:space-between;gap:15px}.v3227-request-head h2{margin:7px 0 3px;color:#12345f;font-size:22px}.v3227-request-head p{margin:0;color:#667c96;font-size:11px}.v3227-request-head time{color:#8191a5;font-size:10px;white-space:nowrap}.v3227-request-tags{display:flex;gap:6px;flex-wrap:wrap}.v3227-request-tags span{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:950}.v3227-request-tags .kind{background:#eaf3ff;color:#225fa7}.v3227-request-tags .kind.pattern{background:#eef9f4;color:#26755b}.v3227-request-tags .state{background:#fff2e9;color:#b65224}.v3227-request-tags .state[data-state="COMPLETED"]{background:#e9f8f0;color:#197052}.v3227-request-tags .state[data-state="REJECTED"],.v3227-request-tags .state[data-state="CANCELLED"]{background:#f5f5f5;color:#777}.v3227-request-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:15px}.v3227-request-compare>div{min-width:0;padding:13px;border:1px solid #e0e7f0;border-radius:14px;background:#f8fafc}.v3227-request-compare>div.requested{border-color:#bcd4f5;background:#f0f6ff}.v3227-request-compare small,.v3227-request-reason small,.v3227-teacher-reply small,.v3227-sent-options>small{display:block;color:#76879b;font-size:9px;font-weight:900}.v3227-request-compare b{display:block;margin-top:4px;color:#1d4069;font-size:12px;line-height:1.55}.v3227-request-reason,.v3227-teacher-reply{margin-top:10px;padding:13px 14px;border-radius:14px;background:#f8fafc}.v3227-request-reason p,.v3227-teacher-reply p{margin:5px 0 0;color:#425d79;font-size:12px;line-height:1.65;white-space:pre-wrap}.v3227-request-actions{display:flex;gap:8px;margin-top:14px}.v3227-request-actions button{min-height:43px;padding:0 16px;border-radius:12px;font-weight:950}.v3227-request-actions .approve{border:0;background:#1769ff;color:#fff}.v3227-request-actions .reject{border:1px solid #efc7c3;background:#fff3f2;color:#b23b34}.v3227-alternative{margin-top:10px;border:1px solid #e0e8f2;border-radius:14px;background:#fbfcfe}.v3227-alternative summary{padding:13px 14px;color:#315f94;font-size:11px;font-weight:900;cursor:pointer}.v3227-alternative form{display:grid;gap:9px;padding:0 14px 14px}.v3227-option-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.v3227-option-row label{display:grid;gap:4px;color:#687c92;font-size:9px;font-weight:900}.v3227-option-row input,.v3227-alternative textarea{width:100%;min-height:42px;padding:9px 10px;border:1px solid #d8e3ef;border-radius:11px;background:#fff}.v3227-option-row button{width:42px;height:42px;border:1px solid #e2e7ed;border-radius:11px;background:#fff}.v3227-alternative .add,.v3227-alternative .send{min-height:42px;border-radius:11px;font-weight:900}.v3227-alternative .add{border:1px dashed #b9cce4;background:#f3f7fc;color:#2b649f}.v3227-alternative .send{border:0;background:#153f6f;color:#fff}.v3227-sent-options{margin-top:10px}.v3227-sent-options>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.v3227-sent-options span{padding:7px 9px;border-radius:10px;background:#edf5ff;color:#32679e;font-size:10px;font-weight:800}.v3227-empty-request,.v3227-request-error{padding:32px;border:1px solid #dbe5f0;border-radius:20px;background:#fff;text-align:center}.v3227-empty-request>div{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:16px;background:#e9f8f1;color:#19815d;font-size:22px;font-weight:1000}.v3227-empty-request h2{margin:12px 0 5px;font-size:19px}.v3227-empty-request p,.v3227-request-error p{margin:0;color:#6c7f93;font-size:12px}.v3227-request-error{border-color:#f0cbc7;background:#fff9f8}.v3227-request-error button{margin-top:12px;min-height:40px;padding:0 13px;border:0;border-radius:11px;background:#b9443c;color:#fff;font-weight:900}
/* student/admin tab stability */
.portal-tabs,.tabs{scroll-padding-inline:6px;overscroll-behavior-x:contain}.portal-tabs .tab,.tabs .tab{display:inline-flex;align-items:center;justify-content:center;gap:3px}.profile-grid{align-items:stretch}
@media(max-width:980px){body.v3227-teacher .t28-layout{gap:10px!important}body.v3227-teacher .t28-sidebar{position:static!important;top:auto!important;width:100%!important;max-width:100%!important;overflow:visible!important}}
@media(max-width:760px){
 body.v3227-teacher .t28-layout{width:calc(100% - 14px)!important;margin:10px auto 56px!important}.t28-sidebar{padding:7px!important;border-radius:18px!important}.t28-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;min-width:0!important;width:100%!important;overflow:visible!important}.t28-nav>button{width:100%!important;min-width:0!important;min-height:42px!important;padding:7px 5px!important;justify-content:center!important;gap:4px!important;text-align:center!important;font-size:11px!important;white-space:normal!important;line-height:1.15}.v3227-nav-label{white-space:normal!important}.t28-nav .v3227-group-nav{grid-column:1/-1!important;width:100%!important;min-width:0!important;min-height:54px!important}.v3227-group-copy{display:flex!important;gap:6px;align-items:baseline!important}.v3227-group-copy small{margin:0!important}.v3227-group-icon{width:32px;height:32px;border-radius:10px}.t28-nav .v3227-nav-badge{position:absolute;right:3px;top:3px;min-width:17px;height:17px;padding:0 4px;font-size:9px!important}.v3227-group-nav .v3227-nav-badge{position:static!important}
 .v3227-filterbar{grid-template-columns:1fr!important;padding:8px!important}.v3227-filterbar input,.v3227-filterbar select{width:100%!important}.m2820-student-card>summary{padding:15px 13px!important}.m2820-student-summary{display:block!important;padding-right:34px!important}.m2820-summary-side{display:flex!important;gap:7px;align-items:center!important;margin-top:8px}.v3227-student-name{font-size:19px}.v3227-student-course{font-size:12px}.m2820-student-detail{padding:3px 12px 16px!important}.t286-detail-grid{grid-template-columns:1fr!important}.t286-detail-grid>div.wide{grid-column:auto!important}.v3227-student-overview{grid-template-columns:1fr!important}.v3227-group-spotlight{grid-template-columns:auto minmax(0,1fr);padding:15px;gap:12px}.v3227-group-mark{width:45px;height:45px;border-radius:14px}.v3227-group-metrics{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.v3227-group-metrics>strong{grid-column:1/-1;text-align:center}.v3227-group-spotlight-copy p{font-size:11px}
 .v3227-change-hero{grid-template-columns:1fr;padding:23px 18px;border-radius:22px}.v3227-change-hero h1{font-size:30px}.v3227-change-kpi{display:flex;justify-content:space-between;min-width:0;padding:11px 13px}.v3227-change-kpi b{font-size:24px}.v3227-request-card{padding:15px;border-radius:17px}.v3227-request-head{display:grid}.v3227-request-head time{order:-1}.v3227-request-compare{grid-template-columns:1fr}.v3227-request-compare>span{transform:rotate(90deg);justify-self:center}.v3227-request-actions{display:grid;grid-template-columns:1fr 1fr}.v3227-request-actions button{width:100%}.v3227-option-row{grid-template-columns:1fr 1fr auto}.portal-tabs,.tabs{margin-inline:0!important;padding:5px 3px 10px!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}.portal-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.portal-tabs .tab,.tabs .tab{flex:0 0 auto!important;min-height:42px!important;padding:9px 12px!important;white-space:nowrap!important}
}
@media(max-width:360px){.t28-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v3227-option-row{grid-template-columns:1fr}.v3227-option-row button{width:100%}.v3227-request-actions{grid-template-columns:1fr}}