/* AMARIN Student Registry V1.7.9 — Classroom Interaction & Detail Modal */
:root{
  --sr-readable-ink:#173f31;
  --sr-readable-muted:#71857a;
  --sr-readable-line:#e2ebe5;
  --sr-readable-soft:#f7faf8;
}
body{
  font-family:"Noto Sans Thai","Prompt","Leelawadee UI",Tahoma,sans-serif !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:1.62 !important;
  color:var(--sr-readable-ink) !important;
}
h1,h2,h3,h4,h5,h6{font-weight:600 !important;letter-spacing:-.015em}
p,span,small,label,td,th,input,select,textarea,button,a{font-feature-settings:"kern" 1}
.muted{font-size:12px !important;line-height:1.55;color:#74887e !important}
.mini{font-size:10px !important}
.section-head h2{font-size:18px !important;font-weight:600 !important;line-height:1.35}
.section-head p{font-size:11.5px !important;line-height:1.55;color:#7a8d83 !important}
.badge{font-size:10px !important;font-weight:500 !important}
.side-link,.side-disabled{font-size:12.5px !important;font-weight:400 !important}
.side-link.active{font-weight:500 !important}
.side-label{font-size:10px !important;font-weight:500 !important}
.side-section summary{font-size:12.5px !important;font-weight:500 !important}
.sidebar-user b,.top-profile b{font-weight:500 !important}
.top-pill strong,.app-btn,.notice-btn{font-weight:500 !important}
.top-pill strong{font-size:11.5px !important}.top-pill small{font-size:9px !important}
.field label{font-size:11.5px !important;font-weight:500 !important}
.field input,.field select,.field textarea{font-size:12.5px !important;line-height:1.55}
.table th{font-size:11px !important;font-weight:500 !important}.table td{font-size:11.5px !important;line-height:1.55}
.btn{font-size:11.5px !important;font-weight:500 !important}
.quick-link b,.quick-disabled b,.role-name,.room-name,.level-name{font-weight:500 !important}
.context-row span{font-size:10.5px !important}.context-row b{font-size:11px !important;font-weight:500 !important}
.card,.panel{box-shadow:0 10px 30px rgba(24,75,45,.055) !important}

/* Dashboard */
.sr-home-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:30px 32px;border-radius:24px;background:linear-gradient(112deg,#07573a 0%,#087747 56%,#869c2e 100%);color:#fff;box-shadow:0 18px 44px rgba(23,76,45,.14);border:1px solid rgba(255,255,255,.12)}
.sr-home-hero:before,.sr-home-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.sr-home-hero:before{width:310px;height:310px;right:-80px;top:-145px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 44px rgba(255,255,255,.045),0 0 0 88px rgba(255,255,255,.025)}.sr-home-hero:after{width:170px;height:170px;right:140px;bottom:-120px;background:rgba(255,255,255,.035)}
.sr-home-hero-copy,.sr-home-hero-actions{position:relative;z-index:2}.sr-home-kicker{font-size:10px;font-weight:600;letter-spacing:.06em;color:#ffe37d;margin-bottom:7px}.sr-home-hero h1{font-size:29px;line-height:1.3;margin:0;font-weight:600 !important}.sr-home-hero p{margin:7px 0 0;font-size:13px;color:#e4f0e9}.sr-home-status-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.sr-status-pill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:10px;color:#f4faf7}.sr-status-pill-gold{background:#fff7d9;color:#775800;border-color:#efd274}.sr-dot{width:6px;height:6px;border-radius:50%;background:#75e3a2;box-shadow:0 0 0 4px rgba(117,227,162,.12)}
.sr-home-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.sr-hero-action{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:10px 14px;border-radius:13px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);font-size:11px;font-weight:500;color:#fff;backdrop-filter:blur(8px);transition:.18s}.sr-hero-action.primary{background:#fff;color:#0b6b43;border-color:#fff}.sr-hero-action:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(4,47,30,.12)}
.sr-quick-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.sr-quick-tile{display:flex;align-items:center;gap:10px;padding:12px 13px;min-height:76px;border:1px solid #e2eae5;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(28,73,48,.04);transition:.18s}.sr-quick-tile:hover{transform:translateY(-2px);border-color:#bcd7c6;box-shadow:0 12px 26px rgba(24,75,45,.08)}.sr-quick-tile-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;font-size:17px;background:#eef7f1;color:#147148}.sr-quick-tile-icon.blue{background:#edf4ff;color:#3777c6}.sr-quick-tile-icon.purple{background:#f2efff;color:#6d5cc2}.sr-quick-tile-icon.cyan{background:#eaf8ff;color:#2380a5}.sr-quick-tile-icon.rose{background:#fff0f5;color:#bc567a}.sr-quick-tile-icon.gold{background:#fff7df;color:#9b7311}.sr-quick-tile b{display:block;font-size:11.5px;font-weight:500}.sr-quick-tile small{display:block;margin-top:2px;font-size:9px;color:#83948b;line-height:1.4}
.sr-color-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:14px}.sr-color-card{position:relative;overflow:hidden;min-height:116px;border-radius:18px;padding:18px 19px;color:#fff;box-shadow:0 12px 28px rgba(26,67,47,.1)}.sr-color-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-44px;bottom:-72px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 28px rgba(255,255,255,.05)}.sr-color-card.purple{background:linear-gradient(120deg,#6650d7,#7658df)}.sr-color-card.blue{background:linear-gradient(120deg,#2798ca,#367ee0)}.sr-color-card.pink{background:linear-gradient(120deg,#dc4c90,#e85071)}.sr-color-card.coral{background:linear-gradient(120deg,#ef6257,#f24f63)}.sr-color-card-label{display:block;font-size:10.5px;color:rgba(255,255,255,.88)}.sr-color-card-value{font-size:31px;line-height:1.1;margin-top:6px;font-weight:600}.sr-color-card-foot{display:block;margin-top:6px;font-size:9.5px;color:rgba(255,255,255,.84)}.sr-color-card-icon{position:absolute;right:17px;top:16px;width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:16px;z-index:2}
.sr-dashboard-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(305px,.72fr);gap:15px;margin-top:15px}.sr-dashboard-main,.sr-dashboard-side{display:flex;flex-direction:column;gap:15px}.sr-dashboard-panel{padding:18px;border-radius:20px}.sr-section-head{align-items:flex-start}.sr-section-eyebrow{display:block;font-size:8.5px;letter-spacing:.08em;font-weight:600;color:#5d67cb;margin-bottom:4px}.sr-section-head h2{font-size:18px !important}.sr-section-head p{max-width:720px}
.sr-stage-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sr-stage-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e3ebe6;background:linear-gradient(180deg,#fff,#fbfdfb);border-radius:16px}.sr-stage-icon{width:43px;height:43px;flex:0 0 43px;border-radius:13px;display:grid;place-items:center;font-size:18px}.sr-stage-icon.kindergarten{background:#eaf7ef;color:#087246}.sr-stage-icon.primary{background:#fff6df;color:#a67c17}.sr-stage-content{min-width:0;flex:1}.sr-stage-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sr-stage-top span{font-size:11.5px;font-weight:500}.sr-stage-top b{font-size:18px;font-weight:600;color:#0a593a}.sr-stage-sub{font-size:9.5px;color:#7b8d83;margin-top:2px}.sr-soft-progress{height:5px;background:#edf2ee;border-radius:999px;overflow:hidden;margin-top:7px}.sr-soft-progress span{display:block;height:100%;background:linear-gradient(90deg,#16854f,#70a83d);border-radius:inherit}
.sr-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.sr-level-card{display:block;padding:12px;border:1px solid #e3ebe6;border-radius:14px;background:#fff;transition:.18s}.sr-level-card:hover{transform:translateY(-2px);border-color:#b9d5c3;box-shadow:0 9px 20px rgba(18,83,51,.07)}.sr-level-head{display:flex;align-items:baseline;justify-content:space-between;gap:7px}.sr-level-head span{font-size:10.5px;font-weight:500}.sr-level-head b{font-size:19px;font-weight:600;color:#087047}.sr-level-meta{font-size:9px;color:#7e9187;margin-top:3px}.sr-level-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.sr-level-tags span{font-size:7.5px;padding:3px 6px;border-radius:999px;background:#eef7f1;color:#42705b}
.sr-classroom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:11px 0 13px}.sr-level-filter{display:flex;gap:6px;flex-wrap:wrap}.sr-level-filter a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border-radius:999px;border:1px solid #dce7df;background:#fff;color:#45695a;font-size:10.5px;font-weight:500}.sr-level-filter a.active{background:#087246;border-color:#087246;color:#fff;box-shadow:0 6px 15px rgba(8,114,70,.13)}.sr-filter-caption{font-size:10px;color:#7a8d83}.sr-filter-caption b{font-weight:500;color:#315947}
.sr-room-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.sr-room-summary>div{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #e3ebe6;border-radius:14px;background:#fafdfb}.sr-room-summary .ico{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#edf7f0;color:#087246}.sr-room-summary .ico.male{background:#eef5ff;color:#3d75bb}.sr-room-summary .ico.female{background:#fff1f5;color:#b85578}.sr-room-summary .ico.rooms{background:#fff7e6;color:#997317}.sr-room-summary p{margin:0;font-size:9px;color:#809188}.sr-room-summary p b{display:block;margin-top:1px;font-size:15px;font-weight:600;color:#164a36}
.sr-room-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sr-room-card{padding:12px;border:1px solid #e2ebe5;border-radius:14px;background:#fff;min-width:0}.sr-room-card-head{display:flex;justify-content:space-between;gap:9px}.sr-room-card-head h3{font-size:11.5px;margin:0;font-weight:600 !important;color:#154936}.sr-room-card-head>div>span{font-size:8.5px;color:#7f9188}.sr-room-total{text-align:right}.sr-room-total span{font-size:7.5px;color:#8b9b93;display:block}.sr-room-total b{font-size:19px;color:#087047;font-weight:600}.sr-room-gender{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.sr-room-gender>div{background:#f6faf7;border-radius:9px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between}.sr-room-gender span{font-size:8px;color:#7d9086}.sr-room-gender b{font-size:10px;font-weight:500;color:#345f4c}.sr-room-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-top:7px;padding-top:7px;border-top:1px solid #edf2ee;font-size:7.8px;color:#81938a}.sr-room-card-foot b{font-weight:500;color:#426956}
.sr-gender-widget{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:14px}.sr-donut{width:126px;height:126px;border-radius:50%;background:conic-gradient(#3e7fdb 0 var(--male-pct),#e05a86 var(--male-pct) 100%);display:grid;place-items:center;position:relative}.sr-donut:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}.sr-donut div{position:relative;text-align:center;z-index:2}.sr-donut strong{display:block;font-size:21px;font-weight:600;color:#164a36;line-height:1.1}.sr-donut span{font-size:9px;color:#85978e}.sr-gender-legend{display:flex;flex-direction:column;gap:8px}.sr-gender-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px}.sr-gender-legend .dot{width:7px;height:7px;border-radius:50%}.sr-gender-legend .dot.male{background:#3e7fdb}.sr-gender-legend .dot.female{background:#e05a86}.sr-gender-legend .dot.unknown{background:#b5c0ba}.sr-gender-legend span{font-size:10px;color:#73867c}.sr-gender-legend b{font-size:11px;font-weight:500;color:#244f3e}
.sr-side-actions{display:flex;flex-direction:column;gap:7px}.sr-side-actions a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e3ebe6;border-radius:13px;background:#fff;transition:.18s}.sr-side-actions a:hover{background:#f7fbf8;border-color:#c4d9cb}.sr-side-actions>a>span{width:34px;height:34px;border-radius:10px;background:#edf7f0;color:#087246;display:grid;place-items:center}.sr-side-actions b{display:block;font-size:10.5px;font-weight:500}.sr-side-actions small{display:block;font-size:8px;color:#87978f;margin-top:1px;line-height:1.35}.sr-side-actions i{font-style:normal;color:#83968c;font-size:17px}
.sr-quality-list{display:flex;flex-direction:column}.sr-quality-list>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #edf2ee}.sr-quality-list>div:last-child{border-bottom:0}.sr-quality-list span{font-size:9.5px;color:#71857a}.sr-quality-list b{font-size:11px;font-weight:500;color:#224f3e}.sr-quality-list small{font-size:8px;color:#8b9b93}

@media(max-width:1220px){.sr-quick-tiles{grid-template-columns:repeat(3,1fr)}.sr-level-grid{grid-template-columns:repeat(3,1fr)}.sr-room-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.sr-dashboard-layout{grid-template-columns:1fr}.sr-color-stats{grid-template-columns:repeat(2,1fr)}.sr-home-hero{align-items:flex-start}.sr-room-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sr-home-hero{display:block;padding:22px 19px}.sr-home-hero h1{font-size:24px}.sr-home-hero-actions{justify-content:flex-start;margin-top:16px}.sr-quick-tiles{grid-template-columns:repeat(2,1fr)}.sr-color-stats{grid-template-columns:repeat(2,1fr)}.sr-stage-cards{grid-template-columns:1fr}.sr-level-grid{grid-template-columns:repeat(2,1fr)}.sr-room-summary{grid-template-columns:repeat(2,1fr)}.sr-room-grid{grid-template-columns:1fr}.sr-gender-widget{grid-template-columns:120px 1fr}.sr-donut{width:112px;height:112px}}
@media(max-width:430px){.sr-quick-tiles{grid-template-columns:1fr}.sr-color-stats{grid-template-columns:1fr}.sr-level-grid{grid-template-columns:1fr}.sr-room-summary{grid-template-columns:1fr}}


/* ==========================================================================\n   V1.7.7-C — Gender Highlight & Classroom Distribution Refresh\n   ========================================================================== */\n.sr-gender-key{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-2px 0 11px}.sr-gender-key>span{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:4px 9px;border-radius:999px;border:1px solid #e2ebe5;background:#f8fbf9;color:#657b70;font-size:8.7px;font-weight:500}.sr-gender-key i{font-style:normal;font-size:10px}.sr-gender-key .all{background:#eef8f1;border-color:#d9eadf;color:#157347}.sr-gender-key .male{background:#eef5ff;border-color:#d8e6fb;color:#2f6fed}.sr-gender-key .female{background:#fff1f6;border-color:#f6dce7;color:#c94f7f}.sr-gender-key .rooms{background:#fff8e8;border-color:#f1e5c6;color:#a8780a}\n\n.sr-room-summary>div{position:relative;overflow:hidden;background:#fff}.sr-room-summary>div:after{content:"";position:absolute;inset:auto -18px -24px auto;width:70px;height:70px;border-radius:50%;opacity:.38}.sr-room-summary .sr-summary-total{background:#f4fbf6;border-color:#dcebe1}.sr-room-summary .sr-summary-total:after{background:#d9efe1}.sr-room-summary .sr-summary-male{background:#f5f9ff;border-color:#dce8fb}.sr-room-summary .sr-summary-male:after{background:#dbe9ff}.sr-room-summary .sr-summary-female{background:#fff6f9;border-color:#f3dfe7}.sr-room-summary .sr-summary-female:after{background:#f9dce8}.sr-room-summary .sr-summary-rooms{background:#fffaf0;border-color:#eee4cc}.sr-room-summary .sr-summary-rooms:after{background:#f9e9b8}.sr-room-summary p,.sr-room-summary .ico{position:relative;z-index:1}.sr-room-summary .sr-summary-male p b{color:#2f6fbd}.sr-room-summary .sr-summary-female p b{color:#bd4d77}.sr-room-summary .sr-summary-rooms p b{color:#9a7418}\n\n.sr-room-card{position:relative;overflow:hidden;padding:13px;border-radius:15px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sr-room-card:hover{transform:translateY(-2px);border-color:#c8ddd0;box-shadow:0 10px 24px rgba(20,77,48,.065)}.sr-room-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#d9e6dd}.sr-room-card.sr-room-dominant-male:before{background:#70a3ee}.sr-room-card.sr-room-dominant-female:before{background:#e882a7}.sr-room-card.sr-room-dominant-balanced:before{background:linear-gradient(180deg,#70a3ee 0 50%,#e882a7 50% 100%)}\n.sr-room-card-head h3{font-size:12.5px !important;font-weight:600 !important}.sr-room-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:4px}.sr-room-card-head>div>.sr-room-meta{font-size:inherit}.sr-room-program{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;background:#edf7f0;color:#39705a;font-size:7.8px;font-weight:600;letter-spacing:.02em}.sr-room-program.mep{background:#f4efff;color:#6b56a9}.sr-room-program.ep{background:#eef5ff;color:#3e70ad}.sr-room-level-name{font-size:8.5px;color:#7f9188}.sr-room-total{min-width:44px}.sr-room-total b{font-size:22px;font-weight:600}.sr-room-total small{display:block;margin-top:-1px;font-size:7.3px;color:#8c9c94}\n\n.sr-room-gender{gap:7px;margin-top:9px}.sr-room-gender>div{position:relative;overflow:hidden;padding:7px 9px;border:1px solid transparent;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sr-room-gender .sr-room-gender-male{background:#eef5ff;border-color:#e1ecfb}.sr-room-gender .sr-room-gender-female{background:#fff1f6;border-color:#f6e0e9}.sr-room-gender .sr-room-gender-male.is-highlight{border-color:#8eb6ef;box-shadow:0 0 0 2px rgba(62,127,219,.07)}.sr-room-gender .sr-room-gender-female.is-highlight{border-color:#eba2bd;box-shadow:0 0 0 2px rgba(224,90,134,.07)}.sr-room-gender .sr-room-gender-male span,.sr-room-gender .sr-room-gender-male b{color:#356fb7}.sr-room-gender .sr-room-gender-female span,.sr-room-gender .sr-room-gender-female b{color:#b84f77}.sr-room-gender span{font-size:8.5px;font-weight:500}.sr-room-gender span i{font-style:normal;font-size:10px;margin-right:2px}.sr-room-gender b{font-size:12px;font-weight:600}\n.sr-room-gender-bar{display:flex;height:4px;margin-top:7px;border-radius:999px;overflow:hidden;background:#edf2ef}.sr-room-gender-bar span{display:block;height:100%}.sr-room-gender-bar .male{background:#5b92df}.sr-room-gender-bar .female{background:#de6e97}.sr-room-card-foot{margin-top:8px;padding-top:8px}\n\n@media(max-width:700px){.sr-gender-key{gap:5px}.sr-gender-key>span{font-size:8.4px}.sr-room-card{padding:12px}.sr-room-total b{font-size:20px}}\n

/* ==========================================================================
   V1.7.8 — Classroom Interaction & Detail Modal
   ========================================================================== */
.sr-room-card-clickable{cursor:pointer;outline:none}.sr-room-card-clickable:hover{transform:translateY(-3px);border-color:#b9d7c5;box-shadow:0 13px 28px rgba(20,77,48,.09)}.sr-room-card-clickable:focus-visible{border-color:#79b493;box-shadow:0 0 0 4px rgba(15,122,67,.12),0 12px 28px rgba(20,77,48,.08)}.sr-room-open-hint{margin-left:auto;color:#3f725c!important;font-weight:500!important;white-space:nowrap}.sr-room-open-hint b{font-size:9px!important;color:#26714e!important}.sr-room-card-clickable:hover .sr-room-open-hint{color:#087246!important}

.sr-classroom-detail-modal[hidden]{display:none!important}.sr-classroom-detail-modal{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:18px;background:rgba(8,36,24,.5);backdrop-filter:blur(5px)}.sr-classroom-detail-dialog{width:min(840px,96vw);max-height:92vh;overflow:auto;border-radius:24px;border:1px solid #dce7e0;background:#fff;box-shadow:0 32px 90px rgba(4,46,29,.24)}.sr-classroom-detail-head{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 15px;background:rgba(255,255,255,.97);border-bottom:1px solid #edf2ef}.sr-classroom-detail-head h2{margin:0;font-size:20px!important;font-weight:600!important;color:#154936}.sr-classroom-detail-head p{margin:4px 0 0;font-size:10px;color:#7d9086}.sr-classroom-detail-close{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid #dfe8e2;border-radius:12px;background:#fff;color:#547065;font-size:20px;cursor:pointer}.sr-classroom-detail-close:hover{background:#f4faf6;color:#087246}.sr-classroom-detail-body{padding:20px 22px 22px}.sr-classroom-detail-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid #dcebe2;border-radius:16px;background:linear-gradient(135deg,#f5fbf7,#fbfdf9)}.sr-classroom-detail-banner strong{display:block;font-size:22px;font-weight:600;color:#075f3c}.sr-classroom-detail-banner div>span{display:block;margin-top:3px;font-size:10.5px;color:#74887e}.sr-classroom-detail-banner div>span>b{font-weight:600;color:#5f51a6}.sr-classroom-status-active{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ebf8ef;color:#117043;font-size:10px;font-weight:500;white-space:nowrap}
.sr-classroom-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.sr-classroom-detail-stats>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e1eae4;border-radius:15px;background:#fafdfb}.sr-classroom-detail-stats>div>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;font-size:16px}.sr-classroom-detail-stats p{margin:0;font-size:9px;color:#7c8f85}.sr-classroom-detail-stats p b{display:inline-block;margin:1px 4px 0 0;font-size:20px;font-weight:600}.sr-classroom-detail-stats p small{font-size:9px;color:#809288}.sr-classroom-detail-stats .total{background:#f4fbf6}.sr-classroom-detail-stats .total>span{background:#e5f4e9;color:#147047}.sr-classroom-detail-stats .total b{color:#126944}.sr-classroom-detail-stats .male{background:#f3f8ff}.sr-classroom-detail-stats .male>span{background:#e5f0ff;color:#3b75c1}.sr-classroom-detail-stats .male b{color:#356fb7}.sr-classroom-detail-stats .female{background:#fff5f8}.sr-classroom-detail-stats .female>span{background:#fde7ef;color:#bd527a}.sr-classroom-detail-stats .female b{color:#b84f77}.sr-classroom-detail-stats .capacity{background:#fffaf0}.sr-classroom-detail-stats .capacity>span{background:#fff0c9;color:#9b7415}.sr-classroom-detail-stats .capacity b{color:#916d18}
.sr-classroom-detail-ratio{margin-top:14px;padding:13px 14px;border:1px solid #e3ebe6;border-radius:15px;background:#fbfdfc}.sr-classroom-detail-ratio-head,.sr-classroom-detail-ratio-labels{display:flex;align-items:center;justify-content:space-between;gap:12px}.sr-classroom-detail-ratio-head span{font-size:10px;color:#74877d}.sr-classroom-detail-ratio-head b{font-size:10px;font-weight:500;color:#315f4c}.sr-classroom-detail-ratio-bar{display:flex;height:8px;margin:9px 0 6px;border-radius:999px;overflow:hidden;background:#eef3f0}.sr-classroom-detail-ratio-bar span{height:100%;transition:width .25s ease}.sr-classroom-detail-ratio-bar .male{background:#5d92df}.sr-classroom-detail-ratio-bar .female{background:#df7298}.sr-classroom-detail-ratio-labels span{font-size:9px}.sr-classroom-detail-ratio-labels span:first-child{color:#4477bb}.sr-classroom-detail-ratio-labels span:last-child{color:#b7597d}
.sr-classroom-detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.sr-classroom-detail-info>div{padding:11px 12px;border:1px solid #e4ece7;border-radius:13px;background:#fff}.sr-classroom-detail-info span{display:block;font-size:8.5px;color:#84968d}.sr-classroom-detail-info b{display:block;margin-top:3px;font-size:11px;font-weight:500;color:#234f3e}.sr-classroom-detail-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:17px;padding-top:15px;border-top:1px solid #edf2ef}.sr-classroom-action-students{background:#087246!important;color:#fff!important;border-color:#087246!important}.sr-classroom-action-edit{background:#f1f8f3!important;color:#126944!important;border-color:#d4e8da!important}

/* Existing Master Data classroom rows become clickable without replacing the form/editor. */
.sr-classroom-row-clickable{cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.sr-classroom-row-clickable:hover td{background:#f7fbf8!important}.sr-classroom-row-clickable:focus-visible{outline:2px solid rgba(15,122,67,.25);outline-offset:-2px}.sr-classroom-row-clickable td:first-child{position:relative}.sr-classroom-row-clickable td:first-child:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:#8fc7a5;opacity:0;transition:opacity .15s ease}.sr-classroom-row-clickable:hover td:first-child:before{opacity:1}

@media(max-width:760px){.sr-classroom-detail-modal{padding:8px}.sr-classroom-detail-dialog{width:100%;max-height:96vh;border-radius:18px}.sr-classroom-detail-head,.sr-classroom-detail-body{padding-left:15px;padding-right:15px}.sr-classroom-detail-stats{grid-template-columns:repeat(2,1fr)}.sr-classroom-detail-info{grid-template-columns:1fr}.sr-classroom-detail-banner{align-items:flex-start;flex-direction:column}.sr-classroom-detail-actions>*{flex:1 1 auto;text-align:center;justify-content:center}}


/* V1.7.9 — Classroom Student Quick View */
.sr-classroom-student-preview{margin-top:14px;border:1px solid #e2ebe5;border-radius:16px;background:#fff;overflow:hidden}
.sr-classroom-student-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #edf2ef;background:#fbfdfc}
.sr-classroom-student-preview-head h3{margin:1px 0 0;font-size:13px!important;font-weight:600!important;color:#174c39}
.sr-classroom-student-preview-head>span{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 9px;border-radius:999px;background:#edf8f1;color:#1b6b49;font-size:9px;font-weight:500;white-space:nowrap}
.sr-classroom-student-preview-list{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;padding:5px 12px 8px}
.sr-classroom-student-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:46px;padding:7px 3px;border-bottom:1px solid #f0f3f1}
.sr-classroom-student-row:nth-last-child(-n+2){border-bottom-color:transparent}
.sr-student-seq{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f2f7f4;color:#527267;font-size:9px;font-weight:600}
.sr-student-identity{min-width:0}.sr-student-identity a,.sr-student-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#174c39;font-size:10.5px;font-weight:500;text-decoration:none}.sr-student-identity a:hover{color:#087246;text-decoration:underline;text-underline-offset:2px}.sr-student-identity small{display:block;margin-top:2px;color:#8a9a92;font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-student-gender{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;font-size:8.5px;font-weight:500;white-space:nowrap}.sr-student-gender.male{background:#eef5ff;color:#3975bf}.sr-student-gender.female{background:#fff0f5;color:#bd577d}.sr-student-gender.unknown{background:#f2f4f3;color:#6e7b75}
.sr-classroom-student-preview-empty{padding:20px 14px;text-align:center;color:#809188;font-size:10px}
.sr-classroom-detail-dialog{width:min(900px,96vw)}
@media(max-width:760px){.sr-classroom-student-preview-list{grid-template-columns:1fr}.sr-classroom-student-row:nth-last-child(-n+2){border-bottom:1px solid #f0f3f1}.sr-classroom-student-row:last-child{border-bottom-color:transparent}}

/* ==========================================================================\n   V1.7.10 — Premium Classroom Cards & Modal Polish\n   Visual-only refinement. No data or behavior changes.\n   ========================================================================== */
:root{
  --sr-premium-green:#0a7048;
  --sr-premium-green-deep:#07593a;
  --sr-premium-line:#d9e7df;
  --sr-premium-shadow:0 14px 34px rgba(20,72,48,.075);
  --sr-premium-shadow-hover:0 22px 46px rgba(16,74,47,.13);
}

/* Make the dashboard surfaces feel more layered without reducing readability. */
.sr-dashboard-panel{
  border:1px solid rgba(214,229,220,.92)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fcfefd 100%)!important;
  box-shadow:0 12px 34px rgba(23,71,48,.055)!important;
}
.sr-quick-tile,
.sr-stage-card,
.sr-level-card{
  border-color:#dfe9e3!important;
  box-shadow:0 9px 24px rgba(24,75,45,.045)!important;
}
.sr-quick-tile:hover,
.sr-stage-card:hover,
.sr-level-card:hover{
  border-color:#c4d9cc!important;
  box-shadow:0 15px 32px rgba(22,78,49,.085)!important;
}

/* Premium classroom summary cards. */
.sr-room-summary>div{
  min-height:74px;
  border-radius:17px!important;
  border-color:#dce9e1!important;
  box-shadow:0 8px 22px rgba(27,78,52,.04);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.sr-room-summary>div:hover{
  transform:translateY(-2px);
  border-color:#c7dccf!important;
  box-shadow:0 14px 28px rgba(20,77,48,.075);
}
.sr-room-summary .ico{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.74),0 5px 13px rgba(25,81,52,.05);
}
.sr-room-summary p b{font-size:17px!important;letter-spacing:-.02em}

/* Premium classroom cards: clean, soft, dimensional, still academic. */
.sr-room-card{
  isolation:isolate;
  border:1px solid var(--sr-premium-line)!important;
  border-radius:19px!important;
  padding:15px 15px 13px!important;
  background:
    radial-gradient(circle at 92% 5%,rgba(43,143,88,.075),transparent 31%),
    linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
  box-shadow:var(--sr-premium-shadow)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease!important;
}
.sr-room-card:before{
  width:4px!important;
  top:14px!important;
  bottom:14px!important;
  border-radius:999px!important;
  left:0!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.7);
}
.sr-room-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:116px;
  height:116px;
  border-radius:50%;
  right:-62px;
  top:-66px;
  background:radial-gradient(circle,rgba(30,135,77,.11) 0%,rgba(30,135,77,0) 72%);
  pointer-events:none;
  transition:transform .28s ease,opacity .28s ease;
}
.sr-room-card-clickable:hover{
  transform:translateY(-5px)!important;
  border-color:#b8d5c3!important;
  box-shadow:var(--sr-premium-shadow-hover)!important;
}
.sr-room-card-clickable:hover:after{transform:scale(1.18);opacity:.92}
.sr-room-card-clickable:active{transform:translateY(-2px)!important}
.sr-room-card-clickable:focus-visible{
  border-color:#70ad89!important;
  box-shadow:0 0 0 4px rgba(17,123,69,.12),var(--sr-premium-shadow-hover)!important;
}
.sr-room-card.sr-room-dominant-male{background:radial-gradient(circle at 92% 5%,rgba(76,132,226,.08),transparent 31%),linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important}
.sr-room-card.sr-room-dominant-female{background:radial-gradient(circle at 92% 5%,rgba(223,91,139,.08),transparent 31%),linear-gradient(180deg,#fff 0%,#fffafd 100%)!important}
.sr-room-card.sr-room-dominant-balanced{background:radial-gradient(circle at 92% 5%,rgba(80,131,218,.055),transparent 24%),radial-gradient(circle at 83% 4%,rgba(224,99,145,.055),transparent 31%),linear-gradient(180deg,#fff 0%,#fcfdfd 100%)!important}

.sr-room-card-head{align-items:flex-start!important;gap:12px!important}
.sr-room-card-head h3{
  font-size:14px!important;
  line-height:1.25!important;
  letter-spacing:-.012em!important;
  color:#103f30!important;
}
.sr-room-meta{margin-top:6px!important;gap:6px!important}
.sr-room-program{
  min-height:22px!important;
  padding:3px 8px!important;
  border:1px solid #dceadf;
  background:linear-gradient(180deg,#f2faf4,#eaf6ee)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  font-size:8px!important;
}
.sr-room-program.mep{border-color:#e4dcf6;background:linear-gradient(180deg,#f7f3ff,#f0eaff)!important;color:#6d54ad!important}
.sr-room-program.ep{border-color:#dbe8f8;background:linear-gradient(180deg,#f4f8ff,#ebf3ff)!important;color:#3970ad!important}
.sr-room-level-name{font-size:9px!important;color:#7a8e84!important}
.sr-room-total{
  min-width:61px!important;
  padding:6px 9px 7px;
  border:1px solid #dce9e1;
  border-radius:13px;
  background:rgba(247,251,248,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.sr-room-total span{font-size:8px!important}
.sr-room-total b{display:inline-block;font-size:24px!important;line-height:1!important;letter-spacing:-.04em;color:#087047!important}
.sr-room-total small{display:inline-block!important;margin-left:3px!important;font-size:7.5px!important}

.sr-room-gender{gap:8px!important;margin-top:11px!important}
.sr-room-gender>div{
  min-height:43px;
  padding:8px 10px!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.sr-room-gender .sr-room-gender-male{background:linear-gradient(180deg,#f4f8ff,#edf4ff)!important;border-color:#dce9fa!important}
.sr-room-gender .sr-room-gender-female{background:linear-gradient(180deg,#fff7fa,#fff0f5)!important;border-color:#f3dce6!important}
.sr-room-gender .sr-room-gender-male.is-highlight{border-color:#8cb4ed!important;box-shadow:0 0 0 3px rgba(62,127,219,.06),inset 0 1px 0 rgba(255,255,255,.9)!important}
.sr-room-gender .sr-room-gender-female.is-highlight{border-color:#e99fba!important;box-shadow:0 0 0 3px rgba(224,90,134,.06),inset 0 1px 0 rgba(255,255,255,.9)!important}
.sr-room-gender span{font-size:9px!important}.sr-room-gender span i{font-size:12px!important}
.sr-room-gender b{font-size:13px!important;letter-spacing:-.01em}
.sr-room-gender-bar{height:6px!important;margin-top:9px!important;box-shadow:inset 0 1px 2px rgba(26,65,45,.06)}
.sr-room-card-foot{margin-top:10px!important;padding-top:9px!important;border-top-color:#e9f0ec!important;font-size:8.3px!important}
.sr-room-open-hint{
  display:inline-flex!important;
  align-items:center;
  gap:4px;
  min-height:24px;
  padding:3px 7px;
  border-radius:999px;
  background:#f1f8f3;
  color:#286b4c!important;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.sr-room-card-clickable:hover .sr-room-open-hint{background:#e6f4eb;color:#086c43!important;transform:translateX(1px)}

/* Premium modal surface and content cards. */
.sr-classroom-detail-modal{background:rgba(6,31,21,.58)!important;backdrop-filter:blur(8px) saturate(110%)!important}
.sr-classroom-detail-dialog{
  border-radius:28px!important;
  border:1px solid rgba(221,234,226,.96)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fcfefd 100%)!important;
  box-shadow:0 34px 100px rgba(4,44,29,.29),0 0 0 1px rgba(255,255,255,.5) inset!important;
}
.sr-classroom-detail-head{
  padding-top:22px!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(12px)!important;
}
.sr-classroom-detail-head h2{font-size:21px!important;letter-spacing:-.018em!important}
.sr-classroom-detail-close{box-shadow:0 5px 15px rgba(23,74,48,.05)}
.sr-classroom-detail-banner{
  position:relative;
  overflow:hidden;
  padding:17px 18px!important;
  border-radius:19px!important;
  border-color:#d7e9de!important;
  background:linear-gradient(125deg,#f3fbf6 0%,#fbfdfb 62%,#f4f9e9 100%)!important;
  box-shadow:0 10px 24px rgba(24,79,49,.05)!important;
}
.sr-classroom-detail-banner:after{
  content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-70px;top:-82px;
  background:radial-gradient(circle,rgba(80,154,75,.15),rgba(80,154,75,0) 70%);pointer-events:none;
}
.sr-classroom-detail-banner strong{font-size:24px!important;letter-spacing:-.025em!important}
.sr-classroom-status-active{border:1px solid #d5eadc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.sr-classroom-detail-stats{gap:10px!important;margin-top:15px!important}
.sr-classroom-detail-stats>div{
  min-height:72px;
  border-radius:17px!important;
  box-shadow:0 8px 20px rgba(23,74,48,.04),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.sr-classroom-detail-stats>div>span{width:39px!important;height:39px!important;border-radius:13px!important}
.sr-classroom-detail-stats p b{font-size:22px!important;letter-spacing:-.025em}
.sr-classroom-detail-ratio,
.sr-classroom-detail-info>div,
.sr-classroom-student-preview{
  border-color:#dfeae3!important;
  box-shadow:0 8px 22px rgba(23,75,49,.035)!important;
}
.sr-classroom-detail-ratio{border-radius:17px!important;background:linear-gradient(180deg,#fdfefd,#fafdfb)!important}
.sr-classroom-detail-ratio-bar{height:9px!important;box-shadow:inset 0 1px 2px rgba(20,61,42,.08)}
.sr-classroom-detail-info>div{border-radius:15px!important;background:linear-gradient(180deg,#fff,#fbfdfc)!important}
.sr-classroom-student-preview{border-radius:19px!important}
.sr-classroom-student-preview-head{padding:14px 15px!important;background:linear-gradient(180deg,#fbfdfc,#f7fbf8)!important}
.sr-classroom-student-preview-head h3{font-size:14px!important}
.sr-classroom-student-preview-head>span{border:1px solid #d8ebdf!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.sr-classroom-student-preview-list{padding:7px 13px 10px!important;gap:0 12px!important}
.sr-classroom-student-row{
  min-height:50px!important;
  padding:8px 5px!important;
  border-bottom-color:#edf2ef!important;
  border-radius:10px;
  transition:background .16s ease,transform .16s ease;
}
.sr-classroom-student-row:hover{background:#f7fbf8;transform:translateX(1px)}
.sr-student-seq{background:linear-gradient(180deg,#f3f8f5,#edf4f0)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.sr-student-identity a,.sr-student-identity strong{font-size:11px!important}
.sr-student-gender{border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.sr-student-gender.male{border-color:#dbe8f8}.sr-student-gender.female{border-color:#f1dbe4}
.sr-classroom-detail-actions .btn{min-height:40px!important;border-radius:12px!important;padding-left:15px!important;padding-right:15px!important}
.sr-classroom-action-students{background:linear-gradient(135deg,#087246,#178650)!important;box-shadow:0 9px 20px rgba(8,114,70,.16)!important}
.sr-classroom-action-students:hover{transform:translateY(-1px);box-shadow:0 13px 25px rgba(8,114,70,.21)!important}
.sr-classroom-action-edit{background:linear-gradient(180deg,#f4faf6,#edf7f0)!important}

@media(max-width:760px){
  .sr-room-card{border-radius:17px!important;padding:13px!important}
  .sr-room-total{min-width:55px!important}.sr-room-total b{font-size:21px!important}
  .sr-classroom-detail-dialog{border-radius:21px!important}
  .sr-classroom-detail-stats>div{min-height:66px}
}


/* ================================================================
   AMARIN Student Registry V1.7.10-B
   Premium Alternating Classroom Cards
   Stable sequence from full classroom order: Gold · Coral · Mint · Sky · Rose · repeat
   ================================================================ */
:root{
  --sr-gender-male-bg:#f1f3ff;
  --sr-gender-male-line:#c7ceff;
  --sr-gender-male-ink:#4e5fc6;
  --sr-gender-female-bg:#fff1f6;
  --sr-gender-female-line:#efbfd1;
  --sr-gender-female-ink:#b54f7c;
}
.sr-room-theme-gold{--room-accent:#d2aa3f;--room-soft:#fff3c8;--room-bg:#fffaf2;--room-border:#eadcae;--room-ink:#6f5719;--room-shadow:rgba(156,119,31,.12)}
.sr-room-theme-coral{--room-accent:#df746d;--room-soft:#ffe0dd;--room-bg:#fff4f2;--room-border:#f0c0bc;--room-ink:#8d403b;--room-shadow:rgba(183,75,68,.12)}
.sr-room-theme-mint{--room-accent:#55ad79;--room-soft:#dff4e7;--room-bg:#f3fcf6;--room-border:#bfe4cd;--room-ink:#2e7249;--room-shadow:rgba(52,137,89,.12)}
.sr-room-theme-sky{--room-accent:#5b9fe4;--room-soft:#dcecff;--room-bg:#f3f8ff;--room-border:#bed9f6;--room-ink:#326ca8;--room-shadow:rgba(67,125,190,.12)}
.sr-room-theme-rose{--room-accent:#d2639a;--room-soft:#f8d5e8;--room-bg:#fff1f8;--room-border:#e9b8d1;--room-ink:#914366;--room-shadow:rgba(172,71,120,.13)}

.sr-room-card[class*="sr-room-theme-"]{
  position:relative;overflow:hidden;
  border-color:var(--room-border)!important;
  background:radial-gradient(circle at 94% 2%,color-mix(in srgb,var(--room-soft) 78%,transparent),transparent 35%),linear-gradient(152deg,#fff 0%,var(--room-bg) 100%)!important;
  box-shadow:0 10px 27px var(--room-shadow),0 1px 0 rgba(255,255,255,.9) inset!important;
}
.sr-room-card[class*="sr-room-theme-"]::before{background:linear-gradient(180deg,var(--room-accent),color-mix(in srgb,var(--room-accent) 64%,#fff))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--room-accent) 18%,transparent),0 6px 18px var(--room-shadow)!important}
.sr-room-card[class*="sr-room-theme-"]::after{background:radial-gradient(circle,color-mix(in srgb,var(--room-accent) 16%,transparent) 0%,transparent 72%)!important}
.sr-room-card[class*="sr-room-theme-"] .sr-room-total{border-color:color-mix(in srgb,var(--room-accent) 30%,#e7ece9)!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--room-soft) 54%,#fff))!important;box-shadow:0 5px 14px var(--room-shadow),inset 0 1px 0 rgba(255,255,255,.95)!important}
.sr-room-card[class*="sr-room-theme-"] .sr-room-total b{color:var(--room-ink)!important}
.sr-room-card[class*="sr-room-theme-"] .sr-room-open-hint{border:1px solid color-mix(in srgb,var(--room-accent) 27%,#e6ece8)!important;background:color-mix(in srgb,var(--room-soft) 76%,#fff)!important;color:var(--room-ink)!important;box-shadow:0 3px 9px color-mix(in srgb,var(--room-accent) 10%,transparent)!important}
.sr-room-card[class*="sr-room-theme-"] .sr-room-program{border-color:color-mix(in srgb,var(--room-accent) 28%,#e5ebe7)!important;background:color-mix(in srgb,var(--room-soft) 58%,#fff)!important;color:var(--room-ink)!important}
.sr-room-card .sr-room-program.mep{border-color:#d9cdf0!important;background:#f1ebfb!important;color:#665099!important}
.sr-room-card .sr-room-program.ep{border-color:#cddff3!important;background:#edf5ff!important;color:#3e6f9f!important}
.sr-room-card-clickable[class*="sr-room-theme-"]:hover{transform:translateY(-5px) scale(1.006)!important;border-color:color-mix(in srgb,var(--room-accent) 56%,#fff)!important;box-shadow:0 18px 38px var(--room-shadow),0 1px 0 rgba(255,255,255,.94) inset!important}
.sr-room-card-clickable[class*="sr-room-theme-"]:hover .sr-room-open-hint{background:var(--room-accent)!important;border-color:var(--room-accent)!important;color:#fff!important;box-shadow:0 7px 16px var(--room-shadow)!important}

.sr-room-gender .sr-room-gender-male{background:linear-gradient(180deg,#f8f9ff,var(--sr-gender-male-bg))!important;border-color:var(--sr-gender-male-line)!important;color:var(--sr-gender-male-ink)!important}
.sr-room-gender .sr-room-gender-female{background:linear-gradient(180deg,#fff8fb,var(--sr-gender-female-bg))!important;border-color:var(--sr-gender-female-line)!important;color:var(--sr-gender-female-ink)!important}
.sr-room-gender .sr-room-gender-male.is-highlight{border-color:#8996ea!important;box-shadow:0 0 0 3px rgba(78,95,198,.07),inset 0 1px 0 rgba(255,255,255,.9)!important}
.sr-room-gender .sr-room-gender-female.is-highlight{border-color:#df91b0!important;box-shadow:0 0 0 3px rgba(181,79,124,.07),inset 0 1px 0 rgba(255,255,255,.9)!important}
.sr-room-gender .sr-room-gender-male b,.sr-room-gender .sr-room-gender-male i{color:var(--sr-gender-male-ink)!important}
.sr-room-gender .sr-room-gender-female b,.sr-room-gender .sr-room-gender-female i{color:var(--sr-gender-female-ink)!important}
.sr-room-gender-bar{display:flex!important;width:100%;overflow:hidden;gap:0!important;border-radius:999px!important;background:#edf1ef!important;border:1px solid rgba(219,228,223,.92)}
.sr-room-gender-bar>span{display:block!important;height:100%!important;margin:0!important;border:0!important}
.sr-room-gender-bar .male{background:linear-gradient(90deg,#6877d8,#8290e4)!important}
.sr-room-gender-bar .female{background:linear-gradient(90deg,#d8759e,#e590b1)!important}

.sr-classroom-detail-modal[class*="sr-modal-theme-"]{--modal-accent:#2c8553;--modal-soft:#eaf7ef;--modal-border:#cfe8d8;--modal-ink:#235e3d}
.sr-modal-theme-gold{--modal-accent:#d2aa3f!important;--modal-soft:#fff3c8!important;--modal-border:#eadcae!important;--modal-ink:#6f5719!important}
.sr-modal-theme-coral{--modal-accent:#df746d!important;--modal-soft:#ffe0dd!important;--modal-border:#f0c0bc!important;--modal-ink:#8d403b!important}
.sr-modal-theme-mint{--modal-accent:#55ad79!important;--modal-soft:#dff4e7!important;--modal-border:#bfe4cd!important;--modal-ink:#2e7249!important}
.sr-modal-theme-sky{--modal-accent:#5b9fe4!important;--modal-soft:#dcecff!important;--modal-border:#bed9f6!important;--modal-ink:#326ca8!important}
.sr-modal-theme-rose{--modal-accent:#d2639a!important;--modal-soft:#f8d5e8!important;--modal-border:#e9b8d1!important;--modal-ink:#914366!important}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] .sr-classroom-detail-dialog{border-color:var(--modal-border)!important}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] .sr-classroom-detail-head{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--modal-accent) 18%,transparent)!important}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] .sr-classroom-detail-head .sr-section-eyebrow{color:var(--modal-ink)!important}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] .sr-classroom-detail-banner{border-color:var(--modal-border)!important;background:linear-gradient(128deg,color-mix(in srgb,var(--modal-soft) 72%,#fff),#fff 62%,color-mix(in srgb,var(--modal-soft) 52%,#fff))!important}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] .sr-classroom-detail-banner:after{background:radial-gradient(circle,color-mix(in srgb,var(--modal-accent) 20%,transparent),transparent 70%)!important}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] #srClassroomDetailName{color:var(--modal-ink)!important}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] #srClassroomDetailProgram{background:color-mix(in srgb,var(--modal-soft) 70%,#fff)!important;border-color:var(--modal-border)!important;color:var(--modal-ink)!important}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] .sr-classroom-action-students{background:linear-gradient(135deg,var(--modal-accent),color-mix(in srgb,var(--modal-accent) 78%,#174b36))!important;box-shadow:0 9px 20px color-mix(in srgb,var(--modal-accent) 22%,transparent)!important}
.sr-classroom-detail-modal .sr-classroom-detail-stats .male{background:var(--sr-gender-male-bg)!important;color:var(--sr-gender-male-ink)!important;border-color:var(--sr-gender-male-line)!important}
.sr-classroom-detail-modal .sr-classroom-detail-stats .female{background:var(--sr-gender-female-bg)!important;color:var(--sr-gender-female-ink)!important;border-color:var(--sr-gender-female-line)!important}
.sr-classroom-detail-ratio-bar{display:flex!important;overflow:hidden!important;gap:0!important}
.sr-classroom-detail-ratio-bar .male{background:linear-gradient(90deg,#6877d8,#8290e4)!important}
.sr-classroom-detail-ratio-bar .female{background:linear-gradient(90deg,#d8759e,#e590b1)!important}

@media(max-width:760px){.sr-room-card[class*="sr-room-theme-"]{background:linear-gradient(155deg,#fff,var(--room-bg))!important}.sr-room-card-clickable[class*="sr-room-theme-"]:hover{transform:translateY(-2px)!important}}

/* ================================================================
   AMARIN Student Registry V1.7.10-C
   Vibrant Accent Premium Cards
   Principle: vivid identity accents + calm readable surfaces.
   ================================================================ */
:root{
  --sr-gender-male-bg:#f2f5ff;
  --sr-gender-male-line:#c6d0ef;
  --sr-gender-male-ink:#5368b7;
  --sr-gender-female-bg:#fff3f8;
  --sr-gender-female-line:#ecc2d5;
  --sr-gender-female-ink:#b55c87;
}

/* More vivid accents, deliberately keeping the card body very light. */
.sr-room-theme-gold{--room-accent:#d8a414;--room-soft:#ffefb0;--room-bg:#fffdf6;--room-border:#eed98d;--room-ink:#795908;--room-shadow:rgba(177,128,8,.14)}
.sr-room-theme-coral{--room-accent:#ee675d;--room-soft:#ffd7d2;--room-bg:#fff9f8;--room-border:#f2b8b2;--room-ink:#9b4039;--room-shadow:rgba(200,74,65,.14)}
.sr-room-theme-mint{--room-accent:#2fab68;--room-soft:#d2f3df;--room-bg:#f8fdf9;--room-border:#aee0c1;--room-ink:#267246;--room-shadow:rgba(38,143,83,.14)}
.sr-room-theme-sky{--room-accent:#3f8fe5;--room-soft:#d6eaff;--room-bg:#f8fbff;--room-border:#b5d5f6;--room-ink:#2869ad;--room-shadow:rgba(54,124,198,.14)}
.sr-room-theme-rose{--room-accent:#e05b96;--room-soft:#f9d5e6;--room-bg:#fff8fb;--room-border:#efb2cf;--room-ink:#9d3f69;--room-shadow:rgba(193,67,125,.14)}

.sr-room-card[class*="sr-room-theme-"]{
  border-color:color-mix(in srgb,var(--room-accent) 34%,#e6ece8)!important;
  background:
    radial-gradient(circle at 93% 5%,color-mix(in srgb,var(--room-accent) 11%,transparent) 0%,transparent 34%),
    linear-gradient(155deg,#fff 0%,color-mix(in srgb,var(--room-bg) 88%,#fff) 100%)!important;
  box-shadow:
    inset 0 3px 0 color-mix(in srgb,var(--room-accent) 78%,#fff),
    0 10px 26px color-mix(in srgb,var(--room-shadow) 68%,transparent),
    0 1px 0 rgba(255,255,255,.96)!important;
}
.sr-room-card[class*="sr-room-theme-"]::before{
  width:4px!important;
  background:linear-gradient(180deg,var(--room-accent),color-mix(in srgb,var(--room-accent) 68%,#fff))!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--room-accent) 22%,transparent)!important;
}
.sr-room-card[class*="sr-room-theme-"]::after{
  width:118px!important;height:118px!important;right:-48px!important;top:-46px!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--room-accent) 16%,transparent) 0%,transparent 69%)!important;
  opacity:.78!important;
}

.sr-room-card[class*="sr-room-theme-"] .sr-room-total{
  border-color:color-mix(in srgb,var(--room-accent) 38%,#e6ece8)!important;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--room-soft) 58%,#fff))!important;
  box-shadow:0 6px 15px color-mix(in srgb,var(--room-shadow) 76%,transparent),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.sr-room-card[class*="sr-room-theme-"] .sr-room-total b{color:var(--room-ink)!important}
.sr-room-card[class*="sr-room-theme-"] .sr-room-program:not(.mep):not(.ep){
  border-color:color-mix(in srgb,var(--room-accent) 34%,#e7ece9)!important;
  background:color-mix(in srgb,var(--room-soft) 67%,#fff)!important;
  color:var(--room-ink)!important;
}
.sr-room-card[class*="sr-room-theme-"] .sr-room-open-hint{
  border-color:color-mix(in srgb,var(--room-accent) 35%,#e6ece8)!important;
  background:color-mix(in srgb,var(--room-soft) 68%,#fff)!important;
  color:var(--room-ink)!important;
}
.sr-room-card-clickable[class*="sr-room-theme-"]:hover{
  transform:translateY(-5px) scale(1.007)!important;
  border-color:color-mix(in srgb,var(--room-accent) 58%,#fff)!important;
  box-shadow:
    inset 0 4px 0 var(--room-accent),
    0 19px 40px color-mix(in srgb,var(--room-shadow) 92%,transparent),
    0 1px 0 rgba(255,255,255,.96)!important;
}
.sr-room-card-clickable[class*="sr-room-theme-"]:hover::after{opacity:1!important;transform:scale(1.12)!important}
.sr-room-card-clickable[class*="sr-room-theme-"]:hover .sr-room-open-hint{
  background:var(--room-accent)!important;
  border-color:var(--room-accent)!important;
  color:#fff!important;
  box-shadow:0 7px 17px color-mix(in srgb,var(--room-accent) 25%,transparent)!important;
}

/* Gender remains a stable semantic palette so room theme does not compete with sex data. */
.sr-room-gender .sr-room-gender-male{
  background:linear-gradient(180deg,#fafbff,var(--sr-gender-male-bg))!important;
  border-color:var(--sr-gender-male-line)!important;
}
.sr-room-gender .sr-room-gender-female{
  background:linear-gradient(180deg,#fffafd,var(--sr-gender-female-bg))!important;
  border-color:var(--sr-gender-female-line)!important;
}
.sr-room-gender .sr-room-gender-male.is-highlight{border-color:#8395db!important;box-shadow:0 0 0 2px rgba(83,104,183,.08)!important}
.sr-room-gender .sr-room-gender-female.is-highlight{border-color:#d990af!important;box-shadow:0 0 0 2px rgba(181,92,135,.08)!important}
.sr-room-gender .sr-room-gender-male span,.sr-room-gender .sr-room-gender-male b,.sr-room-gender .sr-room-gender-male i{color:var(--sr-gender-male-ink)!important}
.sr-room-gender .sr-room-gender-female span,.sr-room-gender .sr-room-gender-female b,.sr-room-gender .sr-room-gender-female i{color:var(--sr-gender-female-ink)!important}
.sr-room-gender-bar .male,.sr-classroom-detail-ratio-bar .male{background:linear-gradient(90deg,#5368b7,#7386cf)!important}
.sr-room-gender-bar .female,.sr-classroom-detail-ratio-bar .female{background:linear-gradient(90deg,#b55c87,#d37ca4)!important}

/* Modal uses the same vivid identity only as an accent, not as a full background. */
.sr-modal-theme-gold{--modal-accent:#d8a414!important;--modal-soft:#ffefb0!important;--modal-border:#eed98d!important;--modal-ink:#795908!important}
.sr-modal-theme-coral{--modal-accent:#ee675d!important;--modal-soft:#ffd7d2!important;--modal-border:#f2b8b2!important;--modal-ink:#9b4039!important}
.sr-modal-theme-mint{--modal-accent:#2fab68!important;--modal-soft:#d2f3df!important;--modal-border:#aee0c1!important;--modal-ink:#267246!important}
.sr-modal-theme-sky{--modal-accent:#3f8fe5!important;--modal-soft:#d6eaff!important;--modal-border:#b5d5f6!important;--modal-ink:#2869ad!important}
.sr-modal-theme-rose{--modal-accent:#e05b96!important;--modal-soft:#f9d5e6!important;--modal-border:#efb2cf!important;--modal-ink:#9d3f69!important}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] .sr-classroom-detail-dialog{
  box-shadow:0 26px 70px rgba(23,62,44,.18),inset 0 3px 0 color-mix(in srgb,var(--modal-accent) 76%,#fff)!important;
}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] .sr-classroom-detail-banner{
  background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--modal-accent) 12%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--modal-soft) 58%,#fff),#fff 67%)!important;
}
.sr-classroom-detail-modal[class*="sr-modal-theme-"] .sr-classroom-action-students{
  background:linear-gradient(135deg,var(--modal-accent),color-mix(in srgb,var(--modal-accent) 76%,#214c3a))!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--modal-accent) 25%,transparent)!important;
}

@media(max-width:760px){
  .sr-room-card[class*="sr-room-theme-"]{box-shadow:inset 0 3px 0 color-mix(in srgb,var(--room-accent) 74%,#fff),0 7px 20px color-mix(in srgb,var(--room-shadow) 55%,transparent)!important}
  .sr-room-card-clickable[class*="sr-room-theme-"]:hover{transform:translateY(-2px)!important}
}