/* MATCHSIK v32.27 category-level teacher portal refinement */
body.v3227-teacher{margin:0;max-width:100vw;overflow-x:clip}body.v3227-teacher *,body.v3227-teacher *::before,body.v3227-teacher *::after{box-sizing:border-box}body.v3227-teacher .t28-layout,body.v3227-teacher .t28-sidebar,body.v3227-teacher .t28-main,body.v3227-teacher [data-view]{max-width:100%;min-width:0}
body.v3227-teacher .t28-main{min-width:0}
body.v3227-teacher .t28-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:5px 0 18px;padding:23px 25px;border:1px solid #d9e5f1;border-radius:22px;background:linear-gradient(135deg,#fff,#f6f9fd);box-shadow:0 10px 30px rgba(28,62,104,.045)}
body.v3227-teacher .t28-page-head h1{margin:4px 0 6px;color:#102f57;font-size:clamp(28px,4vw,39px);line-height:1.08;letter-spacing:-.055em}
body.v3227-teacher .t28-page-head p{margin:0;color:#647990;font-size:13px;line-height:1.68}
body.v3227-teacher .t286-eyebrow{color:#3e78bd!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.14em!important}
body.v3227-teacher .t28-form-grid{gap:11px!important}
body.v3227-teacher .t28-field{min-width:0}
body.v3227-teacher .t28-field label{margin-bottom:3px;color:#526c88!important;font-size:10px!important;font-weight:950!important}
body.v3227-teacher .t28-field input,body.v3227-teacher .t28-field select,body.v3227-teacher .t28-field textarea{width:100%;min-width:0;min-height:46px;border:1px solid #d5e1ed!important;border-radius:12px!important;background:#fbfdff!important;color:#17375d!important;padding:10px 12px!important;outline:0;transition:border-color .15s,box-shadow .15s,background .15s}
body.v3227-teacher .t28-field input:focus,body.v3227-teacher .t28-field select:focus,body.v3227-teacher .t28-field textarea:focus{border-color:#78a9e7!important;background:#fff!important;box-shadow:0 0 0 4px rgba(23,105,255,.08)!important}
body.v3227-teacher .t28-save{min-height:45px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#1769ff,#255fc0)!important;color:#fff!important;font-weight:950!important;box-shadow:0 9px 20px rgba(23,105,255,.18)!important}
body.v3227-teacher .t28-danger{min-height:40px!important;border:1px solid #efc8c4!important;border-radius:11px!important;background:#fff5f4!important;color:#b44039!important;font-weight:900!important}
body.v3227-teacher .t28-row-list{display:grid!important;gap:9px!important}
body.v3227-teacher .t28-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0;padding:13px 14px!important;border:1px solid #e0e9f3!important;border-radius:14px!important;background:#fff!important}
body.v3227-teacher .t28-row>div{min-width:0}body.v3227-teacher .t28-row b{display:block;color:#173960;font-size:13px!important;line-height:1.5}body.v3227-teacher .t28-row small{display:block;margin-top:3px;color:#718398;font-size:10px!important;line-height:1.5}
body.v3227-teacher .t28-row button:not(.t28-danger){min-height:39px;padding:0 12px;border:1px solid #cddded;border-radius:11px;background:#f3f7fc;color:#315f94;font-weight:900;white-space:nowrap}
body.v3227-teacher .t28-grid{gap:11px!important}body.v3227-teacher .t28-stat{border:1px solid #dce7f2!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;box-shadow:none!important}body.v3227-teacher .t28-stat span{color:#6e8197!important}body.v3227-teacher .t28-stat b{color:#12355e!important}
body.v3227-teacher .t28-calendar-card{overflow:hidden}body.v3227-teacher .t28-calendar-head{padding-bottom:13px;border-bottom:1px solid #e7eef6}body.v3227-teacher .t28-calendar-head h2{color:#15375f!important}body.v3227-teacher .t28-calendar-head button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d8e4f0!important;border-radius:12px!important;background:#f6f9fd!important;color:#315f94!important;font-size:22px!important}body.v3227-teacher .t28-calendar-weekdays{color:#6d8299;font-weight:900}body.v3227-teacher .t28-calendar-day{position:relative;min-width:0!important;border-color:#e1e9f2!important;background:#fff!important;color:#17385e!important}body.v3227-teacher .t28-calendar-day.other{background:#f7f9fc!important;color:#a3afbd!important}body.v3227-teacher .t28-calendar-day.selected{outline:2px solid #1769ff!important;outline-offset:-2px;background:#edf5ff!important}body.v3227-teacher .t28-calendar-day.today .t28-calendar-day-number{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#153f6f;color:#fff}
body.v3227-teacher .m2813-upload-zone{border:1px dashed #bfcfe1!important;border-radius:15px!important;background:#f8fbff!important}body.v3227-teacher .m2813-upload-status{color:#6c8199!important}
body.v3227-teacher .m28-save-bar{position:sticky;bottom:10px;z-index:5;margin-top:15px;padding:10px;border:1px solid #d8e4ef;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(29,61,99,.1);backdrop-filter:blur(12px)}
body.v3227-teacher .t28-card-sub{color:#6a7d92!important;line-height:1.65!important}
body.v3227-teacher button:focus-visible,body.v3227-teacher a:focus-visible,body.v3227-teacher input:focus-visible,body.v3227-teacher select:focus-visible,body.v3227-teacher textarea:focus-visible{outline:3px solid rgba(23,105,255,.18)!important;outline-offset:2px!important}
@media(max-width:760px){body.v3227-teacher .t28-main{width:100%!important}body.v3227-teacher .t28-page-head{display:block;margin-bottom:12px;padding:18px 16px;border-radius:18px}body.v3227-teacher .t28-page-head h1{font-size:27px}body.v3227-teacher .t28-page-head p{font-size:11px}.t28-form-grid{grid-template-columns:1fr!important}.t28-field.full{grid-column:auto!important}body.v3227-teacher .t28-row{align-items:flex-start!important;flex-direction:column!important}body.v3227-teacher .t28-row>button,body.v3227-teacher .t28-row>div:last-child:not(:first-child){width:100%}body.v3227-teacher .t28-row>div:last-child:not(:first-child){display:flex;gap:6px;flex-wrap:wrap}body.v3227-teacher .t28-row button{flex:1 1 auto}.m28-save-bar{bottom:6px!important}.t28-calendar-days{min-width:0!important}.t28-calendar-day{min-height:54px!important;padding:5px!important}.t28-calendar-day-number{font-size:10px!important}.t286-day-dots{gap:2px!important}.t286-day-dots i{width:4px!important;height:4px!important}}
