/*
 * AMARIN Student Registry V2.0.4.7
 * Classroom Workspace Header Polish
 * UI/UX only — no database or classroom business-logic changes.
 */

body.sr-mw-ready{
    --mw-green:#0b7448;
    --mw-green-dark:#075b3a;
    --mw-green-soft:#eef8f2;
    --mw-green-softer:#f7fbf8;
    --mw-gold:#d4aa25;
    --mw-blue:#386fae;
    --mw-rose:#b76175;
    --mw-orange:#b97924;
    --mw-line:#dfe9e3;
    --mw-muted:#778b80;
    --mw-ink:#173d2c;
}
body.sr-mw-classrooms .content{max-width:1600px}
body.sr-mw-ready .hero{margin-bottom:14px}

.sr-mw-tabs{
    position:sticky;
    top:82px;
    z-index:22;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:70px;
    padding:10px 12px;
    margin:0 0 18px;
    border:1px solid var(--mw-line);
    border-radius:18px;
    background:rgba(255,255,255,.96);
    box-shadow:0 10px 30px rgba(19,61,44,.08);
    backdrop-filter:blur(12px);
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
}
.sr-mw-tabs::-webkit-scrollbar{display:none}
.sr-mw-tabs-label{
    flex:0 0 auto;
    min-width:154px;
    padding:2px 15px 2px 5px;
    margin-right:2px;
    border-right:1px solid #e3ece6;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:2px;
}
.sr-mw-tabs-label b{
    color:#1a4b37;
    font-size:13px;
    line-height:1.15;
    font-weight:700;
}
.sr-mw-tabs-label small{
    color:#809187;
    font-size:9px;
    line-height:1.25;
    font-weight:500;
    white-space:nowrap;
}
.sr-mw-tab{
    appearance:none;
    border:1px solid #e1eae4;
    background:#f8fbf9;
    color:#49685a;
    border-radius:13px;
    padding:8px 14px;
    min-height:50px;
    min-width:152px;
    white-space:nowrap;
    font-weight:650;
    font-size:13px;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    cursor:pointer;
    transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease;
}
.sr-mw-tab:hover{
    background:#f1f8f4;
    border-color:#cfe3d6;
    color:#24513f;
    transform:translateY(-1px);
}
.sr-mw-tab.active{
    background:linear-gradient(135deg,#0b7448,#4e963b);
    border-color:transparent;
    color:#fff;
    box-shadow:0 8px 20px rgba(11,116,72,.20)
}
.sr-mw-tab-main{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-width:0;
}
.sr-mw-tab-icon{
    width:30px;
    height:30px;
    flex:0 0 30px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#eaf5ee;
    color:#28724d;
    font-size:14px;
    line-height:1;
}
.sr-mw-tab.active .sr-mw-tab-icon{
    background:rgba(255,255,255,.16);
    color:#fff;
}
.sr-mw-tab-label{
    font-size:13px;
    line-height:1.15;
    font-weight:650;
}
.sr-mw-tab .sr-mw-tab-count{
    min-width:31px;
    height:28px;
    padding:0 9px;
    border-radius:999px;
    display:inline-grid;
    place-items:center;
    background:#eaf4ee;
    color:#397158;
    border:1px solid #d7e8de;
    font-size:10px;
    line-height:1;
    font-weight:700;
    white-space:nowrap;
}
.sr-mw-tab.active .sr-mw-tab-count{
    background:rgba(255,255,255,.18);
    color:#fff;
    border-color:rgba(255,255,255,.18);
}
.sr-mw-section-hidden{display:none!important}

.sr-mw-classroom-focus{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:20px!important;
    border-radius:22px!important;
    background:#fff!important;
    border:1px solid var(--mw-line)!important;
    box-shadow:0 14px 36px rgba(19,61,44,.06)!important;
}
.sr-mw-classroom-focus > .section-head,
.sr-mw-classroom-focus > header{
    margin-bottom:12px;
}

.sr-mw-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:14px 0;
}
.sr-mw-summary-card{
    min-height:86px;
    padding:13px 15px;
    border:1px solid var(--mw-line);
    border-radius:16px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.sr-mw-summary-card .label{font-size:10px;color:var(--mw-muted);font-weight:500}
.sr-mw-summary-card .value{font-size:23px;line-height:1.1;font-weight:700;color:var(--mw-ink)}
.sr-mw-summary-card .meta{font-size:8px;color:#91a198;margin-top:4px}
.sr-mw-summary-icon{
    width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
    background:var(--mw-green-soft);color:var(--mw-green);font-size:17px;font-weight:700;
}
.sr-mw-summary-card.warn .sr-mw-summary-icon{background:#fff4e6;color:var(--mw-orange)}
.sr-mw-summary-card.info .sr-mw-summary-icon{background:#edf4ff;color:var(--mw-blue)}
.sr-mw-summary-card.rose .sr-mw-summary-icon{background:#fff0f3;color:var(--mw-rose)}

.sr-mw-toolbar{
    display:grid;
    grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(145px,.7fr)) auto;
    gap:9px;
    align-items:end;
    padding:12px;
    margin:12px 0;
    border:1px solid var(--mw-line);
    border-radius:16px;
    background:linear-gradient(180deg,#fbfdfb,#f7faf8);
}
.sr-mw-filter{display:flex;flex-direction:column;gap:5px;min-width:0}
.sr-mw-filter label{font-size:9px;font-weight:600;color:#657b70}
.sr-mw-filter input,.sr-mw-filter select{
    width:100%;
    min-height:40px;
    border:1px solid #d8e5dd;
    border-radius:11px;
    background:#fff;
    color:#224d3c;
    padding:8px 10px;
    font:inherit;
    font-size:10px;
    outline:none;
}
.sr-mw-filter input:focus,.sr-mw-filter select:focus{
    border-color:#81b798;box-shadow:0 0 0 3px rgba(44,135,86,.09)
}
.sr-mw-search-wrap{position:relative}
.sr-mw-search-wrap input{padding-left:34px}
.sr-mw-search-icon{
    position:absolute;left:11px;bottom:10px;color:#7f958a;font-size:14px;pointer-events:none
}
.sr-mw-create{
    min-height:40px;
    border:0;
    border-radius:11px;
    padding:0 14px;
    background:linear-gradient(135deg,#087246,#4d9439);
    color:#fff;
    font:inherit;font-size:10px;font-weight:650;white-space:nowrap;
    box-shadow:0 7px 18px rgba(8,114,70,.15)
}
.sr-mw-create:hover{transform:translateY(-1px)}
.sr-mw-resultline{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin:4px 1px 9px;color:#7b8f85;font-size:9px;
}
.sr-mw-resultline strong{color:#275543}

.sr-mw-table-shell{
    border:1px solid var(--mw-line)!important;
    border-radius:15px!important;
    overflow:auto!important;
    max-height:65vh;
    background:#fff;
}
.sr-mw-table-shell table{min-width:940px!important;margin:0!important}
.sr-mw-table-shell thead th{
    position:sticky;top:0;z-index:4;
    background:#f3f8f5!important;
    color:#536f62!important;
    padding:11px 10px!important;
    font-size:9px!important;
    border-bottom:1px solid #dce8e0!important;
}
.sr-mw-table-shell tbody tr:not(.sr-mw-group-row):hover td{background:#fbfdfb}
.sr-mw-table-shell tbody td{
    padding:10px 10px!important;
    vertical-align:middle!important;
    font-size:10px!important;
    border-bottom:1px solid #edf2ee!important;
}
.sr-mw-table-shell tbody tr:last-child td{border-bottom:0!important}
.sr-mw-group-row td{
    position:sticky;
    top:38px;
    z-index:3;
    padding:8px 11px!important;
    background:#edf7f1!important;
    border-top:1px solid #d6e9dc!important;
    border-bottom:1px solid #d6e9dc!important;
    color:#19563a!important;
    font-weight:650!important;
}
.sr-mw-group-line{
    display:flex;align-items:center;justify-content:space-between;gap:12px
}
.sr-mw-group-line small{
    font-size:8px;font-weight:500;color:#6f887b
}
.sr-mw-room-name{font-weight:650;color:#164c36}
.sr-mw-badge{
    display:inline-flex;align-items:center;gap:4px;
    min-height:24px;padding:3px 8px;border-radius:999px;
    font-size:8px;font-weight:600;line-height:1.2;
    border:1px solid #dce8e1;background:#f6faf7;color:#496e5c;white-space:nowrap
}
.sr-mw-badge.mep{background:#eef3ff;border-color:#d7e2fa;color:#4668a3}
.sr-mw-badge.normal{background:#edf8f1;border-color:#d7ebde;color:#2a7950}
.sr-mw-badge.missing{background:#fff4e6;border-color:#f0dfc3;color:#a66d20}
.sr-mw-badge.active{background:#edf8f1;border-color:#d4eadc;color:#157044}
.sr-mw-badge.inactive{background:#f5f4ef;border-color:#e8e3d3;color:#867344}

.sr-mw-capacity{min-width:92px}
.sr-mw-capacity-line{display:flex;align-items:center;justify-content:space-between;gap:6px}
.sr-mw-capacity-line small{font-size:8px;color:#7d9187}
.sr-mw-mini-progress{
    height:5px;border-radius:999px;background:#edf2ee;overflow:hidden;margin-top:5px
}
.sr-mw-mini-progress span{
    display:block;height:100%;border-radius:inherit;
    background:linear-gradient(90deg,#188552,#6ea23e)
}
.sr-mw-mini-progress.near-full span{background:linear-gradient(90deg,#d49a28,#e2b23c)}
.sr-mw-mini-progress.over span{background:linear-gradient(90deg,#d65e68,#e17b67)}

.sr-mw-actions-cell{white-space:nowrap}
.sr-mw-actions-wrap{display:flex;align-items:center;gap:6px}
.sr-mw-actions-wrap .btn,
.sr-mw-actions-wrap button{
    min-height:31px!important;
    padding:6px 9px!important;
    border-radius:9px!important;
    font-size:9px!important;
}
.sr-mw-more{position:relative}
.sr-mw-more summary{
    list-style:none;width:32px;height:32px;border-radius:9px;
    border:1px solid #dbe7df;background:#fff;color:#557165;
    display:grid;place-items:center;cursor:pointer;font-weight:700;letter-spacing:1px
}
.sr-mw-more summary::-webkit-details-marker{display:none}
.sr-mw-more-menu{
    position:absolute;right:0;top:37px;z-index:15;min-width:138px;
    padding:6px;border:1px solid #dce7e0;border-radius:11px;background:#fff;
    box-shadow:0 12px 30px rgba(20,64,45,.14)
}
.sr-mw-more-menu form,.sr-mw-more-menu button{width:100%;margin:0!important}
.sr-mw-more-menu button{
    justify-content:flex-start!important;background:#fff!important;color:#765f36!important;
    border:0!important;box-shadow:none!important
}

.sr-mw-modal{
    position:fixed;inset:0;z-index:130;
    display:none;align-items:center;justify-content:center;
    padding:24px;background:rgba(7,34,24,.42);backdrop-filter:blur(8px)
}
.sr-mw-modal.open{display:flex}
.sr-mw-modal-card{
    width:min(780px,96vw);max-height:min(820px,90vh);overflow:auto;
    border-radius:22px;background:#fff;border:1px solid #dce8e0;
    box-shadow:0 30px 80px rgba(4,42,27,.25)
}
.sr-mw-modal-head{
    position:sticky;top:0;z-index:3;
    display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
    padding:17px 19px;border-bottom:1px solid #e7eee9;background:#fff
}
.sr-mw-modal-head h3{margin:0;font-size:17px;color:#174d37}
.sr-mw-modal-head p{margin:3px 0 0;font-size:9px;color:#84968d}
.sr-mw-modal-close{
    width:36px;height:36px;border:1px solid #dce8e0;border-radius:11px;
    background:#fff;color:#5d756a;font-size:18px
}
.sr-mw-modal-body{padding:18px}
.sr-mw-modal-body form{margin:0!important}
.sr-mw-modal-body .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sr-mw-modal-foot-note{
    margin-top:10px;padding:9px 11px;border-radius:11px;background:#f6faf7;
    color:#758a80;font-size:8px;border:1px solid #e3ece6
}

body.sr-mw-modal-open{overflow:hidden!important}

@media(max-width:1180px){
    .sr-mw-tabs-label{min-width:132px}
    .sr-mw-tab{min-width:142px}
    .sr-mw-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sr-mw-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sr-mw-toolbar .sr-mw-search-wrap{grid-column:1/-1}
    .sr-mw-create{width:100%}
}
@media(max-width:900px){
    .sr-mw-tabs{top:78px;min-height:62px;padding:8px 9px;gap:8px}
    .sr-mw-tabs-label{display:none}
    .sr-mw-tab{min-width:138px;min-height:46px;padding:7px 12px;font-size:12px}
    .sr-mw-tab-icon{width:28px;height:28px;flex-basis:28px}
    .sr-mw-classroom-focus{padding:14px!important;border-radius:18px!important}
    .sr-mw-table-shell{max-height:none}
}
@media(max-width:650px){
    .sr-mw-summary{grid-template-columns:1fr 1fr;gap:8px}
    .sr-mw-summary-card{padding:11px;min-height:78px}
    .sr-mw-summary-card .value{font-size:19px}
    .sr-mw-toolbar{grid-template-columns:1fr}
    .sr-mw-toolbar .sr-mw-search-wrap{grid-column:auto}
    .sr-mw-modal{padding:10px}
    .sr-mw-modal-card{width:100%;max-height:94vh;border-radius:18px}
    .sr-mw-modal-body .form-grid{grid-template-columns:1fr!important}
}