:root{
  --navy:#082d70;--blue:#0d5ec8;--blue-2:#e8f1ff;--gold:#f0b51d;--green:#15845d;
  --red:#c23c45;--orange:#d97706;--purple:#6d4bc3;--ink:#172238;--muted:#65728a;
  --line:#dce4ef;--surface:#fff;--background:#f3f6fa;--shadow:0 18px 45px rgba(10,42,92,.12);
  --radius:18px;--radius-sm:11px;--sidebar:274px
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--background)}
body{margin:0;min-height:100vh;color:var(--ink);background:var(--background);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%}
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.loader-screen{position:fixed;inset:0;z-index:3000;display:grid;place-content:center;justify-items:center;gap:20px;background:linear-gradient(145deg,#fff,#e8f2ff)}
.loader-screen img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 12px 25px rgba(8,45,112,.2))}
.spinner{width:42px;height:42px;border:4px solid #d4e2f6;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.auth-view,.standalone-view{min-height:100vh;padding:28px;display:grid;place-items:center;background:
 radial-gradient(circle at 15% 20%,rgba(13,94,200,.17),transparent 30%),
 radial-gradient(circle at 85% 78%,rgba(240,181,29,.16),transparent 28%),
 linear-gradient(145deg,#eef5ff,#fff 52%,#edf4fb)}
.auth-card{width:min(460px,100%);padding:34px;background:rgba(255,255,255,.96);border:1px solid rgba(8,45,112,.12);border-radius:28px;box-shadow:0 28px 80px rgba(8,45,112,.17)}
.brand-lockup{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.brand-lockup img{width:92px;height:92px;object-fit:contain}
.brand-lockup h1{font-size:25px;line-height:1.15;margin:0 0 7px;color:var(--navy)}
.brand-lockup p{margin:0;color:var(--muted)}
.brand-lockup.compact img{width:70px;height:70px}
.form-stack{display:grid;gap:17px}
.field{display:grid;gap:7px}
.field>span{font-weight:700;font-size:12px;letter-spacing:.02em;color:#35445f}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;outline:none;transition:.18s border-color,.18s box-shadow}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,94,200,.12)}
input:disabled,select:disabled,textarea:disabled{background:#f0f3f7;color:#7d8797}
textarea{min-height:92px;resize:vertical}
.password-wrap{display:flex;border:1px solid var(--line);border-radius:10px;background:#fff}
.password-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,94,200,.12)}
.password-wrap input{border:0;box-shadow:none}
.password-wrap .icon-button{border:0}
.form-message{min-height:21px;margin:0;color:var(--red);font-weight:600}
.mfa-qr{display:grid;place-items:center;margin:5px auto 22px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;width:230px}
.mfa-qr img,.mfa-qr svg{width:198px;height:198px}

.button,.icon-button{border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;transition:.18s transform,.18s box-shadow,.18s background}
.button{min-height:40px;padding:9px 15px}
.button:hover,.icon-button:hover{transform:translateY(-1px)}
.button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.button.primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 8px 18px rgba(13,94,200,.2)}
.button.secondary{background:var(--blue-2);color:var(--navy)}
.button.success{background:#e4f6ef;color:#086747}
.button.warning{background:#fff4dc;color:#915600}
.button.danger{background:#fdebed;color:#a1222e}
.button.ghost{background:#f1f4f8;color:#34435c}
.button.outline{background:#fff;color:var(--navy);border:1px solid #b8c9e0}
.button.full{width:100%}
.button.small{min-height:32px;padding:6px 10px;font-size:12px}
.icon-button{width:39px;height:39px;background:#eef2f7;color:var(--navy);font-size:18px}
.icon-button.inverse{background:rgba(255,255,255,.12);color:#fff}
.link-button{border:0;background:none;color:var(--blue);padding:0;font-weight:700}
.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#062863,#0a377e);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:80;box-shadow:10px 0 35px rgba(6,40,99,.12)}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:7px 8px 19px;border-bottom:1px solid rgba(255,255,255,.13)}
.sidebar-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 9px rgba(0,0,0,.2))}
.sidebar-brand div{min-width:0}
.sidebar-brand strong{display:block;font-size:14px;line-height:1.25}
.sidebar-brand small{display:block;color:#bcd3f7;margin-top:3px}
.nav-list{display:grid;gap:6px;margin-top:18px;overflow:auto;padding:2px 2px 8px;scrollbar-gutter:stable}
.nav-item{position:relative;border:1px solid transparent;width:100%;min-height:48px;padding:8px 10px;display:flex;align-items:center;gap:10px;border-radius:12px;background:transparent;color:#ccdcf4;text-align:left;font-weight:750;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.nav-item:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.12);color:#fff;transform:translateX(2px)}
.nav-item:focus-visible{outline:3px solid rgba(240,181,29,.62);outline-offset:2px;background:rgba(255,255,255,.12);color:#fff}
.nav-item.active{background:linear-gradient(110deg,rgba(255,255,255,.23),rgba(31,113,211,.24));border-color:rgba(255,255,255,.18);color:#fff;box-shadow:inset 4px 0 var(--gold),0 8px 18px rgba(0,18,55,.18);transform:none}
.nav-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;background:rgba(255,255,255,.08);text-align:center;font-size:17px;transition:background .16s ease,color .16s ease,transform .16s ease}
.nav-item:hover .nav-icon{background:rgba(255,255,255,.15);transform:scale(1.04)}
.nav-item.active .nav-icon{background:var(--gold);color:#17335e;box-shadow:0 4px 10px rgba(0,0,0,.16)}
.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.nav-active-dot{width:7px;height:7px;border-radius:50%;background:transparent;box-shadow:none;flex:0 0 7px}
.nav-item.active .nav-active-dot{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.15)}
.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.13)}
.profile-chip{display:flex;align-items:center;gap:10px}
.avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),#ffd66f);color:#463000;font-weight:900}
.profile-copy{min-width:0;display:grid;flex:1}
.profile-copy strong,.profile-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-copy small{color:#bcd3f7;text-transform:capitalize}

.workspace{min-width:0}
.topbar{height:80px;position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(13px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px}
.topbar-title{display:flex;align-items:center;gap:12px}
.topbar-title h2{font-size:20px;margin:0;color:#132443}
.topbar-title p{font-size:12px;margin:2px 0 0;color:var(--muted)}
.topbar-actions{display:flex;align-items:center;gap:9px}
.mobile{display:none}
.badge-button{position:relative}
.badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}
.sync-pill{height:34px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:18px;font-size:11px;font-weight:800;border:1px solid var(--line);background:#fff;color:var(--muted)}
.sync-dot{width:8px;height:8px;border-radius:50%;background:#9aa5b5}
.sync-pill.online .sync-dot{background:var(--green);box-shadow:0 0 0 4px rgba(21,132,93,.12)}
.sync-pill.pending .sync-dot{background:var(--orange);animation:pulse 1.25s infinite}
.sync-pill.offline .sync-dot,.sync-pill.error .sync-dot{background:var(--red)}
.sync-pill.error{color:var(--red);border-color:#f3c5cb;background:#fff7f8}
@keyframes pulse{50%{opacity:.35}}
.offline-bar{height:34px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;background:#fff1d7;color:#7d4d00;border-bottom:1px solid #f2d394;font-size:12px;font-weight:800;cursor:pointer}
.offline-bar:focus-visible{outline:3px solid rgba(25,111,205,.25);outline-offset:-3px}
.offline-bar.conflict{background:#fff0f2;color:#9d2230;border-color:#f0c0c6}
.content{padding:24px;max-width:1720px;margin:auto}

.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}
.page-head h3{margin:0;font-size:20px;color:#142545}
.page-head p{margin:4px 0 0;color:var(--muted)}
.page-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.grid{display:grid;gap:18px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 7px 23px rgba(22,46,89,.055)}
.stat-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:21px;font-weight:900}
.stat-icon.blue{background:#e7f0ff;color:var(--blue)}
.stat-icon.gold{background:#fff3d3;color:#a66b00}
.stat-icon.green{background:#e2f6ee;color:var(--green)}
.stat-icon.purple{background:#efeafd;color:var(--purple)}
.stat-card span{display:block;font-size:12px;color:var(--muted);font-weight:650}
.stat-card strong{display:block;font-size:27px;color:#142545;line-height:1.15;margin-top:2px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 25px rgba(22,46,89,.045);overflow:hidden}
.panel.pad{padding:19px}
.panel-header{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}
.panel-header h4,.panel-header h3{margin:0;color:#172a4d}
.panel-header p{margin:3px 0 0;color:var(--muted);font-size:12px}
.panel-body{padding:19px}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.metric{padding:13px;border-radius:12px;background:#f6f8fb}
.metric span{display:block;color:var(--muted);font-size:11px}
.metric strong{font-size:18px}
.progress{height:9px;background:#e6ebf2;border-radius:99px;overflow:hidden;margin-top:15px}
.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#42a7ef)}
.bar-list{display:grid;gap:12px}
.bar-item{display:grid;grid-template-columns:110px 1fr 45px;gap:10px;align-items:center}
.bar-item label{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar-track{height:8px;background:#e9edf3;border-radius:99px;overflow:hidden}
.bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--navy),var(--blue));border-radius:99px}
.bar-item b{text-align:right;font-size:12px}

.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);background:#fbfcfe}
.toolbar .search{position:relative;flex:1;min-width:210px}
.toolbar .search input{padding-left:35px}
.toolbar .search::before{content:"⌕";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7e8ba0;font-size:18px}
.toolbar select{width:auto;min-width:150px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #e7ebf1;vertical-align:middle}
th{position:sticky;top:0;background:#f7f9fc;color:#53617a;font-size:10px;text-transform:uppercase;letter-spacing:.07em;z-index:1}
tbody tr:hover{background:#fafcff}
td{font-size:13px}
.cell-main{display:flex;align-items:center;gap:10px}
.thumb{width:38px;height:38px;border-radius:11px;object-fit:cover;background:#e9eef5}
.cell-copy{display:grid}
.cell-copy strong{color:#192b4b}
.cell-copy small{color:var(--muted)}
.table-actions{display:flex;gap:6px;justify-content:flex-end}
.status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:99px;font-size:10px;font-weight:850;text-transform:capitalize;white-space:nowrap}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status.draft{background:#edf1f6;color:#56647a}
.status.submitted{background:#e7f0ff;color:#1658a9}
.status.class_reviewed{background:#eee9fc;color:#6343b2}
.status.approved{background:#e3f5ed;color:#08714c}
.status.published{background:#dff6ec;color:#06704a}
.status.returned{background:#fff0d9;color:#9d5b00}
.status.withdrawn{background:#fde7ea;color:#a82a35}
.pagination{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:12px}
.pagination small{color:var(--muted)}
.pagination .pager{display:flex;gap:6px}
.empty{padding:44px 20px;text-align:center;color:var(--muted)}
.empty strong{display:block;color:#34435c;font-size:15px;margin-bottom:4px}
.skeleton{height:16px;border-radius:8px;background:linear-gradient(90deg,#edf1f5,#f7f9fb,#edf1f5);background-size:200% 100%;animation:shimmer 1.2s infinite}
@keyframes shimmer{to{background-position:-200% 0}}

.tabs{display:flex;gap:6px;padding:5px;background:#e9eef5;border:1px solid #dbe3ee;border-radius:13px;overflow:auto;margin-bottom:17px;scrollbar-width:thin}
.tab{position:relative;border:1px solid transparent;background:transparent;padding:9px 14px;border-radius:9px;font-weight:780;color:#58657a;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
.tab:hover{background:rgba(255,255,255,.66);color:var(--navy)}
.tab:focus-visible{outline:3px solid rgba(24,93,177,.25);outline-offset:1px}
.tab.active{background:linear-gradient(135deg,#fff,#f8fbff);border-color:#c9d7e9;color:var(--navy);box-shadow:0 4px 12px rgba(20,45,86,.12)}
.tab.active::after{content:"";position:absolute;left:18%;right:18%;bottom:2px;height:3px;border-radius:999px;background:var(--gold)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-grid .full{grid-column:1/-1}
.check-field{display:flex;align-items:center;gap:9px;min-height:42px}
.check-field input{width:17px;height:17px}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:5px 0 12px}
.section-title h4{margin:0}
.hr{height:1px;background:var(--line);margin:18px 0}
.help-text{font-size:11px;color:var(--muted);margin:4px 0 0}
.chip-list{display:flex;gap:7px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:11px;font-weight:700}
.chip button{border:0;background:none;color:var(--red);padding:0}
.file-drop{display:grid;place-items:center;gap:7px;padding:23px;border:1px dashed #aebdd1;border-radius:13px;background:#f8fafc;text-align:center}
.file-drop input{max-width:300px}
.preview-photo{width:110px;height:110px;object-fit:cover;border-radius:17px;background:#eef2f7;border:1px solid var(--line)}

.report-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}
.report-sidebar{display:grid;gap:15px;align-content:start}
.report-summary{padding:18px;background:linear-gradient(145deg,#092e70,#0e5fc6);color:#fff;border-radius:18px}
.report-summary h3{margin:0 0 3px}
.report-summary p{margin:0;color:#cfe0fa}
.summary-number{font-size:35px;font-weight:900;margin-top:18px}
.score-grid{overflow:auto}
.score-grid table{min-width:900px}
.score-input{width:86px;padding:7px 8px;text-align:right}
.score-total{font-weight:850;color:var(--navy)}
.workflow{display:grid;gap:8px}
.timeline{display:grid;gap:0}
.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:15px}
.timeline-item:not(:last-child)::before{content:"";position:absolute;left:6px;top:13px;bottom:0;width:2px;background:#dce4ef}
.timeline-dot{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px #b7c9e3;z-index:1}
.timeline-copy strong{display:block;font-size:12px;text-transform:capitalize}
.timeline-copy small{display:block;color:var(--muted)}
.revision-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.diff-card{border:1px solid var(--line);border-radius:13px;padding:14px;overflow:auto}
.diff-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 0;border-bottom:1px solid #edf0f4}
.diff-row.changed{background:#fff8e8;margin:0 -7px;padding:7px}
.diff-row:last-child{border:0}

.modal{width:min(960px,calc(100vw - 30px));max-height:calc(100vh - 30px);border:0;border-radius:22px;padding:0;box-shadow:0 35px 100px rgba(4,23,57,.3);background:#fff}
.modal::backdrop{background:rgba(5,19,43,.58);backdrop-filter:blur(4px)}
.modal-frame{margin:0;display:flex;flex-direction:column;max-height:calc(100vh - 30px)}
.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:19px 21px;border-bottom:1px solid var(--line)}
.modal-header h3{margin:0;color:#16294a}
.modal-header p{margin:3px 0 0;color:var(--muted);font-size:12px}
.modal-body{padding:21px;overflow:auto}
.modal-footer{padding:14px 21px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.modal.small{width:min(560px,calc(100vw - 30px))}
.modal.wide{width:min(1260px,calc(100vw - 30px))}

.toast-stack{position:fixed;right:18px;bottom:18px;z-index:4000;display:grid;gap:9px;max-width:min(390px,calc(100vw - 36px))}
.toast{padding:13px 15px;border-radius:12px;background:#132443;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.2);animation:toastin .2s ease;display:flex;align-items:flex-start;gap:10px}
.toast.success{background:#0d6c4c}.toast.error{background:#a52935}.toast.warning{background:#925900}
.toast strong{display:block;font-size:12px}.toast span{display:block;font-size:11px;opacity:.88}
@keyframes toastin{from{opacity:0;transform:translateY(8px)}}
.qr-scratch{position:fixed;left:-5000px;top:-5000px;width:220px;height:220px}
.verify-card{width:min(720px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow)}
.verify-head{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}
.verify-head img{width:82px;height:82px;object-fit:contain}
.verify-head h1{margin:0;color:var(--navy)}
.verify-result{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.verify-field{padding:12px;border-radius:11px;background:#f5f8fc}
.verify-field span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.verify-field strong{display:block;margin-top:3px}
.verify-state{padding:12px 16px;border-radius:12px;font-weight:850;margin-bottom:17px}
.verify-state.valid{background:#e1f6ec;color:#066f4a}
.verify-state.invalid{background:#fde9ec;color:#a02732}

@media(max-width:1180px){
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .grid.four{grid-template-columns:repeat(2,1fr)}
  .report-layout{grid-template-columns:1fr}
  .report-sidebar{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  :root{--sidebar:265px}
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;transform:translateX(-105%);transition:.24s transform}
  .sidebar.open{transform:translateX(0)}
  .mobile{display:grid}
  .topbar{padding:0 14px;height:72px}
  .topbar-title p{display:none}
  .content{padding:15px}
  .sync-pill span:last-child{display:none}
  .grid.two,.grid.three,.form-grid,.form-grid.three{grid-template-columns:1fr}
  .report-sidebar{grid-template-columns:1fr}
}
@media(max-width:560px){
  .auth-view,.standalone-view{padding:15px}
  .auth-card{padding:23px;border-radius:21px}
  .brand-lockup img{width:70px;height:70px}
  .brand-lockup h1{font-size:21px}
  .stat-grid{grid-template-columns:1fr 1fr;gap:10px}
  .stat-card{padding:13px;gap:10px}
  .stat-icon{width:39px;height:39px}
  .stat-card strong{font-size:22px}
  .page-head{align-items:flex-start;flex-direction:column}
  .page-actions{justify-content:flex-start}
  .metric-row{grid-template-columns:1fr 1fr}
  .verify-result{grid-template-columns:1fr}
  .revision-compare{grid-template-columns:1fr}
}
@page{size:A4 portrait;margin:0}
@media print{
  html,body{width:210mm;min-height:297mm}
  body{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sidebar,.topbar,.offline-bar,.page-head,.toolbar,.button,.icon-button,.toast-stack{display:none!important}
  .app-shell{display:block}.content{padding:0;max-width:none}
  .panel{box-shadow:none;border-color:#bbb}
}
.status.archived{background:#eef0f4;color:#5a6372}
.status.active{background:#dff6ec;color:#06704a}
.status.leave{background:#fff0d9;color:#9d5b00}
.status.suspended{background:#fde7ea;color:#a82a35}
.status.resigned,.status.retired{background:#edf1f6;color:#56647a}
.small-avatar{width:38px;height:38px;border-radius:11px;flex:0 0 auto}
.comment-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 0}
.compact-empty{padding:18px 12px}
.password-wrap .button{flex:0 0 auto;height:42px}
@media(max-width:820px){.comment-actions{align-items:stretch}.comment-actions .button{flex:1}}


/* Enterprise v6.4.0 headteacher digital signature */
.signature-panel{margin:18px 0}.signature-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:24px;align-items:center}.signature-preview-wrap{min-height:150px;border:1px dashed var(--line);border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fff);display:flex;align-items:center;justify-content:center;padding:18px}.signature-preview-wrap img{display:block;max-width:100%;max-height:135px;object-fit:contain}.signature-empty{color:var(--muted);font-weight:700;text-align:center}.muted{color:var(--muted);margin:.35rem 0 0}@media(max-width:760px){.signature-layout{grid-template-columns:1fr}}


/* Enterprise v6.5.5 class-subject checklist controls */
.checklist-dropdown{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.checklist-dropdown>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;font-weight:800;color:#253957;background:#f8fbff}
.checklist-dropdown>summary::-webkit-details-marker{display:none}
.checklist-dropdown>summary:after{content:"⌄";font-size:18px;color:var(--blue)}
.checklist-dropdown[open]>summary:after{transform:rotate(180deg)}
.checklist-dropdown>summary strong{font-size:11px;color:var(--blue);background:#eaf3ff;padding:6px 9px;border-radius:99px}
.checklist-menu{max-height:460px;overflow:auto;border-top:1px solid var(--line);padding:12px;background:#f8fafc}
.checklist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 12px;color:var(--muted);font-size:12px}
.checklist-group{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;overflow:hidden}
.checklist-group:last-child{margin-bottom:0}
.checklist-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f2f6fc;border-bottom:1px solid var(--line)}
.checklist-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.checklist-option{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;background:#fff;cursor:pointer}
.checklist-option:hover{background:#f8fbff}
.checklist-option input{width:17px;height:17px}
.checklist-option span{font-weight:700;color:#30415e}
.checklist-option small{color:var(--muted)}
.check-field.compact{min-height:auto;font-size:11px}
@media(max-width:700px){
  .checklist-menu{max-height:58vh}
  .checklist-options{grid-template-columns:1fr}
  .checklist-toolbar{align-items:flex-start;flex-direction:column}
  .checklist-dropdown>summary{align-items:flex-start}
}


/* Enterprise v6.5.6 vertical multi-select dropdowns */
.independent-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.vertical-check-dropdown{
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  overflow:visible;
  position:relative;
}
.vertical-check-dropdown>summary{
  list-style:none;
  min-height:58px;
  cursor:pointer;
  display:grid;
  grid-template-columns:minmax(105px,.38fr) minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:10px 16px;
  background:#fff;
}
.vertical-check-dropdown>summary::-webkit-details-marker{display:none}
.vertical-check-dropdown>summary:after{
  content:"⌄";
  justify-self:end;
  color:#45617f;
  font-size:18px;
  line-height:1;
  grid-column:3;
}
.vertical-check-dropdown[open]>summary{
  box-shadow:0 0 0 2px rgba(18,100,197,.18);
  border-radius:12px 12px 0 0;
}
.vertical-check-dropdown[open]>summary:after{transform:rotate(180deg)}
.vertical-check-title{
  font-weight:800;
  color:#253957;
}
.vertical-check-value{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#30415e;
}
.vertical-check-panel{
  max-height:360px;
  overflow-y:auto;
  overscroll-behavior:contain;
  border-top:1px solid var(--line);
  background:#fff;
  scrollbar-width:thin;
}
.vertical-check-option{
  min-height:54px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  align-items:center;
  gap:12px;
  padding:9px 16px;
  border-bottom:1px solid var(--line);
  cursor:pointer;
  background:#fff;
}
.vertical-check-option:last-child{border-bottom:0}
.vertical-check-option:hover{background:#f7faff}
.vertical-check-option>span{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.vertical-check-option strong{
  font-size:14px;
  color:#263957;
  white-space:normal;
}
.vertical-check-option small{
  color:var(--muted);
  font-size:11px;
}
.vertical-check-option input{
  width:19px;
  height:19px;
  justify-self:end;
  accent-color:var(--blue);
}
.vertical-check-option.all-option{
  background:#f5f8ff;
  font-weight:800;
}
.vertical-check-empty{
  padding:18px 16px;
  text-align:center;
  color:var(--muted);
}
@media(max-width:760px){
  .independent-check-grid{grid-template-columns:1fr}
  .vertical-check-dropdown>summary{
    min-height:60px;
    grid-template-columns:minmax(90px,.34fr) minmax(0,1fr);
  }
  .vertical-check-panel{max-height:54vh}
  .vertical-check-option{
    min-height:58px;
    padding:10px 14px;
  }
  .vertical-check-option strong{font-size:15px}
}


/* Enterprise v6.5.7 compact teacher assignment summary */
.compact-assignment-table td{
  padding-top:10px;
  padding-bottom:10px;
  vertical-align:middle;
}
.compact-assignment-table th:nth-child(1){width:28%}
.compact-assignment-table th:nth-child(2),
.compact-assignment-table th:nth-child(3){width:20%}
.compact-assignment-table th:nth-child(4){width:10%}
.compact-assignment-table th:nth-child(5){width:14%}
.assignment-count{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.assignment-count strong{
  color:#183153;
  font-size:13px;
}
.assignment-count small{
  display:block;
  max-width:240px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:var(--muted);
}
.assignment-status-stack{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.assignment-group-summary{
  display:grid;
  grid-template-columns:2fr repeat(3,1fr);
  gap:10px;
  margin-bottom:12px;
}
.assignment-group-summary>div{
  border:1px solid var(--line);
  border-radius:12px;
  padding:11px 13px;
  background:#f8fbff;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.assignment-group-summary span{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.assignment-group-summary strong{
  color:#183153;
  font-size:14px;
}
.assignment-detail-meta{
  display:grid;
  gap:5px;
  margin-bottom:12px;
  padding:10px 12px;
  border-radius:10px;
  background:#f7f9fc;
  color:var(--muted);
  font-size:12px;
}
.assignment-detail-meta span{
  color:#253957;
  font-weight:800;
}
.assignment-detail-table{
  max-height:52vh;
  overflow:auto;
}
.assignment-detail-table table{
  min-width:650px;
}
@media(max-width:760px){
  .compact-assignment-table{
    min-width:780px;
  }
  .assignment-group-summary{
    grid-template-columns:1fr 1fr;
  }
  .assignment-group-summary>div:first-child{
    grid-column:1/-1;
  }
}


/* Enterprise v6.5.8 mixed Class Teacher and Subject Teacher responsibilities */
.teaching-responsibility-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:12px;
}
.teaching-responsibility-summary article{
  border:1px solid var(--line);
  border-radius:13px;
  background:#f8fbff;
  padding:13px 15px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.teaching-responsibility-summary article>span{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.teaching-responsibility-summary article strong{
  color:#183153;
  font-size:14px;
}
.teaching-responsibility-summary article small{
  color:var(--muted);
}
.responsibility-groups{
  display:grid;
  gap:8px;
  max-height:260px;
  overflow:auto;
}
.responsibility-group{
  display:grid;
  grid-template-columns:minmax(130px,.32fr) minmax(0,1fr);
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.responsibility-group strong{
  color:#183153;
}
.responsibility-group span{
  color:var(--muted);
}
.responsibility-empty{
  border:1px dashed var(--line);
  border-radius:12px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:4px;
  text-align:center;
  color:var(--muted);
}
.responsibility-empty strong{
  color:#253957;
}
@media(max-width:760px){
  .teaching-responsibility-summary{grid-template-columns:1fr}
  .responsibility-group{grid-template-columns:1fr}
}


/* Enterprise v6.6.0 report-card template controls */
.template-information{
  border:1px solid var(--line);
  border-radius:12px;
  padding:13px 15px;
  background:#f7faff;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.template-information strong{color:#183153}
.template-information span{color:var(--muted);font-size:12px}


/* v6.6.3 class-range report-card template administration */
.report-template-admin{margin-top:18px}
.report-template-admin .section-title>div{display:grid;gap:4px}
.report-template-admin .section-title p{margin:0;color:var(--muted);max-width:980px;line-height:1.55}
.report-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.report-template-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#f9fbff);display:grid;gap:14px;min-width:0}
.report-template-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.report-template-card-head h5{margin:0 0 5px;font-size:16px;color:var(--text)}
.report-template-card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.template-file-summary{border:1px solid #d9e2f0;border-radius:12px;background:#f3f7fd;padding:12px;display:grid;gap:4px;min-height:82px}
.template-file-summary strong{overflow-wrap:anywhere}
.template-file-summary span,.template-file-summary small{color:var(--muted);font-size:12px;line-height:1.4}
.template-file-summary.empty-template{background:#fbfcfe;border-style:dashed}
.report-template-preview{max-height:72vh;overflow:auto;background:#e8edf5;padding:16px;border-radius:14px;text-align:center}
.report-template-preview img{display:block;max-width:100%;height:auto;margin:auto;background:#fff;box-shadow:0 12px 35px rgba(18,39,76,.18)}
.docx-template-render-host .nis-docx-template-wrapper{background:#fff!important;padding:0!important}
.docx-template-render-host section.nis-docx-template{box-shadow:none!important;margin:0!important}
@media(max-width:1050px){.report-template-grid{grid-template-columns:1fr}}

/* Enterprise v6.6.7 compact academic lists, exact template preview, and automatic promotion */
.academic-list-scroll{
  max-height:520px;
  overflow-x:auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.academic-list-scroll thead th{
  position:sticky;
  top:0;
  z-index:3;
  background:#f4f7fb;
  box-shadow:0 1px 0 var(--line);
}
.template-preview-note{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
  background:#f7faff;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
  text-align:left;
}
@media(max-width:760px){
  .academic-list-scroll{max-height:58vh}
}

/* Enterprise v6.6.7 Term 3 automatic-promotion controls */
.promotion-rule-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:stretch}
.promotion-cutoff-form{align-items:end}
.promotion-setting-action{justify-content:flex-end}
.promotion-setting-action .button{min-height:44px}
.promotion-rule-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #bfd2ec;border-radius:16px;background:#f2f7fd;color:#15345f}
.promotion-rule-card strong{font-size:17px;color:#0a2f73}
.promotion-rule-card span{line-height:1.55;color:#51647d}
.promotion-processing-note{padding:12px 14px;border:1px solid #d5dfec;border-radius:12px;background:#f8fafc;color:#52647b;font-size:13px}
.automatic-promotion-field{min-height:74px;padding:11px 13px;border:1px solid #d5dfec;border-radius:12px;background:#f8fafc}
.automatic-promotion-field>strong{font-size:14px;line-height:1.3;color:#1c3557}
.automatic-promotion-field>small{font-size:11px;line-height:1.35;color:#62748a}
.automatic-promotion-field[data-promotion-state="pass"]{background:#edf9f1;border-color:#9bd3ad}
.automatic-promotion-field[data-promotion-state="pass"]>strong{color:#176b36}
.automatic-promotion-field[data-promotion-state="fail"]{background:#fff1f1;border-color:#efb2b7}
.automatic-promotion-field[data-promotion-state="fail"]>strong{color:#b4232f}
.automatic-promotion-field[data-promotion-state="warning"]{background:#fff8e8;border-color:#edcf82}
.automatic-promotion-field[data-promotion-state="warning"]>strong{color:#8b5b00}
@media(max-width:900px){.promotion-rule-layout{grid-template-columns:1fr}}

/* v6.7.0 final-build continuity controls */
.backup-recovery-panel{grid-column:1/-1}
.backup-history{margin-top:16px;max-height:420px;overflow:auto}
.backup-history table{min-width:980px}
.backup-history td{vertical-align:top}
.backup-history .button-row.compact{gap:6px;flex-wrap:wrap}
.chip.warning{background:#fff4d8;color:#7a4b00;border-color:#f0cf75}
.chip.danger{background:#fdebed;color:#9c1c2c;border-color:#f2bcc3}
.chip.success{background:#e8f7ef;color:#17603b;border-color:#a8ddc1}
@media(max-width:760px){.backup-recovery-panel{grid-column:auto}.backup-history{max-height:360px}}

/* Reusable school package generator and GitHub navigator */
.package-generator-layout{align-items:start}
.package-logo-preview{display:flex;align-items:center;gap:16px;padding:15px;border:1px solid #cfdaea;border-radius:14px;background:#f7faff}
.package-logo-preview img{width:88px;height:88px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid #d8e2ef;padding:7px;flex:0 0 auto}
.package-logo-preview div{display:grid;gap:5px;min-width:0}
.package-logo-preview strong{font-size:17px;color:var(--navy)}
.package-logo-preview span{font-size:13px;line-height:1.5;color:var(--muted)}
.navigator-steps{display:grid;gap:11px}
.navigator-steps article{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid #dbe4f0;border-radius:13px;background:#fbfdff}
.navigator-steps article>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue-2);color:var(--navy);font-weight:850;flex:0 0 auto}
.navigator-steps article div{display:grid;gap:3px}
.navigator-steps article strong{color:var(--ink)}
.navigator-steps article span{color:var(--muted);font-size:13px;line-height:1.45}
.github-link-grid{display:grid;gap:10px;margin-top:16px}
.github-link-card{display:grid;gap:4px;padding:13px 14px;border:1px solid #cbd9eb;border-radius:12px;background:#fff;color:var(--navy);text-decoration:none;transition:.18s transform,.18s box-shadow,.18s border-color}
.github-link-card:hover{transform:translateY(-1px);border-color:#8fb2e1;box-shadow:0 8px 20px rgba(13,94,200,.1)}
.github-link-card span{font-size:12px;color:var(--muted)}
.generator-progress{display:flex;align-items:center;gap:10px;padding:13px;border-radius:12px;background:#edf4ff;border:1px solid #c8daf4;color:var(--navy)}
.generator-progress>span:last-child{color:var(--muted);font-size:13px}
.spinner.small{width:20px;height:20px;border-width:3px;margin:0}
@media(max-width:760px){.package-logo-preview{align-items:flex-start}.package-logo-preview img{width:72px;height:72px}}


/* v6.7.4 compact vertical scrolling for operational directories and report creation */
#studentResults .table-wrap,
#teacherResults .table-wrap,
#headteacherResults .table-wrap,
#userResults .table-wrap,
#reportResults .table-wrap,
#auditRows .table-wrap{
  max-height:clamp(360px,62vh,680px);
  overflow-x:auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable both-edges;
}
#studentResults .table-wrap thead th,
#teacherResults .table-wrap thead th,
#headteacherResults .table-wrap thead th,
#userResults .table-wrap thead th,
#reportResults .table-wrap thead th,
#auditRows .table-wrap thead th{
  position:sticky;
  top:0;
  z-index:4;
  background:#f4f7fb;
  box-shadow:0 1px 0 var(--line);
}
.managed-card-list{
  max-height:clamp(360px,62vh,680px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.managed-card-list>.panel-header:last-child{border-bottom:0}
.new-report-student-field{display:grid;gap:8px}
.new-report-student-list{
  width:100%;
  min-height:230px;
  max-height:300px;
  overflow-y:auto;
  padding:4px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  scrollbar-gutter:stable;
}
.new-report-student-list option{
  padding:9px 11px;
  border-radius:8px;
  line-height:1.35;
}
.new-report-student-list option:checked{
  background:linear-gradient(var(--blue),var(--blue));
  color:#fff;
}
.new-report-student-list:disabled{background:#f5f7fa;color:var(--muted)}
@media(max-width:760px){
  #studentResults .table-wrap,
  #teacherResults .table-wrap,
  #headteacherResults .table-wrap,
  #userResults .table-wrap,
  #reportResults .table-wrap,
  #auditRows .table-wrap,
  .managed-card-list{max-height:55vh}
  .new-report-student-list{min-height:200px;max-height:42vh}
}

/* v6.8.1 class attendance and report workflow */
.attendance-controls{align-items:end}
.attendance-summary{margin-bottom:16px}
.attendance-status-select{min-width:125px;padding:9px 34px 9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit}
.attendance-notes{margin-top:16px}
.attendance-term-label{display:inline;color:var(--muted)}
@media (max-width:720px){.attendance-status-select{min-width:110px}.attendance-controls{grid-template-columns:1fr}}

/* Report Card Enterprise v6.9.0: platform licensing control */
/* Report Card Enterprise v6.9.1: platform-only package control */
/* Report Card Enterprise v6.9.2: controlled emergency academic delegation */
.license-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;margin:0 0 18px;border:1px solid #f0cf75;border-radius:14px;background:#fff8df;color:#654700}
.license-banner>div{display:grid;gap:4px}.license-banner strong{font-size:14px}.license-banner span,.license-banner small{font-size:12px;line-height:1.45}
.license-banner.restricted{border-color:#efb1b7;background:#fff0f1;color:#861f2a}.license-banner.warning{border-color:#f0cf75;background:#fff8df;color:#654700}
.platform-control-hero{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:16px;padding:22px;margin-bottom:20px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0b347d,#1767c8);box-shadow:0 14px 34px rgba(8,45,112,.16)}
.platform-control-hero.restricted{background:linear-gradient(135deg,#7b4b00,#d38700)}.platform-control-hero.locked{background:linear-gradient(135deg,#741a25,#bd2f3f)}
.platform-control-hero>div{display:grid;align-content:center;gap:4px;min-height:76px;padding:4px 14px;border-left:1px solid rgba(255,255,255,.2)}.platform-control-hero>div:first-child{border-left:0;padding-left:0}
.platform-control-hero span,.platform-control-hero small{font-size:12px;opacity:.85}.platform-control-hero h3{margin:0;font-size:24px}.platform-control-hero strong{font-size:18px}
.platform-license-grid{align-items:start}.platform-license-grid .panel{min-width:0}.progress.compact{height:5px;margin-top:8px}
.license-lock-row,.license-admin-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}
.license-lock-row:last-child,.license-admin-row:last-child{border-bottom:0}.license-lock-row>div,.license-admin-row>div{display:grid;gap:3px}.license-lock-row span,.license-admin-row span{font-size:13px}.license-lock-row small,.license-admin-row small{font-size:11px;color:var(--muted)}
body[data-access-mode="read_only"] .nav-item::after{content:""}
@media(max-width:1050px){.platform-control-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-control-hero>div:nth-child(3){border-left:0}}
@media(max-width:650px){.license-banner{align-items:flex-start;flex-direction:column}.platform-control-hero{grid-template-columns:1fr}.platform-control-hero>div{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:12px 0}.platform-control-hero>div:first-child{border-top:0}.license-lock-row{align-items:flex-start;flex-direction:column}}

.emergency-delegation-banner{margin-bottom:18px}
.table-subtext{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}
.delegation-capabilities{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.delegation-capabilities .check{margin:0}
.delegation-scope-note{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:12px;line-height:1.5}

/* Report Card Enterprise v7.1.0: production maturity, accessibility, mobile attendance, certificates, and awards */
.skip-link{position:fixed;left:12px;top:-90px;z-index:10000;padding:11px 16px;border-radius:9px;background:#fff;color:#082d70;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #f0b51d;outline-offset:3px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #f0b51d;outline-offset:2px}
.maturity-filter{margin-bottom:18px}.maturity-grid{align-items:start}.maturity-stat-grid{margin-bottom:18px}.maturity-metric{min-width:130px}.metric-row.wrap{flex-wrap:wrap}.metric small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.health-indicator{display:inline-flex;align-items:center;min-height:41px;padding:0 13px;border-radius:10px;font-size:13px}.health-indicator.healthy{background:#e8f7ef;color:#11633a}.health-indicator.attention{background:#fff0e1;color:#8b4600}.check-grid{display:flex;flex-wrap:wrap;gap:10px 16px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.check-grid label{display:flex;gap:7px;align-items:center;font-size:13px}.inline-progress{display:inline-block;width:100px;height:7px;margin-right:8px;overflow:hidden;border-radius:999px;background:#e5ebf4;vertical-align:middle}.inline-progress span{display:block;height:100%;background:var(--blue);border-radius:inherit}.academic-period-card{padding:18px;border-top:1px solid var(--line)}.academic-period-card:first-child{border-top:0}.academic-period-card>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}.academic-period-card>header>div{display:grid;gap:4px}.academic-period-card header span,.academic-period-card header small{color:var(--muted);font-size:12px}.academic-period-card header b{font-size:22px;color:var(--blue)}.transcript-profile code,table code{font-size:11px;word-break:break-all}.analytics-bars .bar-item label{display:grid;gap:2px;min-width:150px}.analytics-bars .bar-item small{color:var(--muted);font-size:10px}.severity{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;text-transform:capitalize}.severity.info{background:#eaf2ff;color:#164e98}.severity.warning{background:#fff4d8;color:#765000}.severity.high{background:#ffe9dd;color:#8d3e00}.severity.critical{background:#ffe3e7;color:#991d2d}.import-error-list{margin-top:14px}.template-information.success{border-color:#9fd6b7;background:#eefaf3;color:#155b35}.compact-scroll{max-height:430px;overflow:auto}.attendance-live-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.attendance-live-summary span{display:flex;gap:6px;align-items:center;padding:7px 10px;border-radius:999px;background:#eef3fa;font-size:12px}.attendance-search-field{max-width:440px;margin-bottom:14px}.attendance-mobile-list{display:none}.attendance-sticky-save{display:none}.attendance-student-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.attendance-student-identity{display:flex;gap:11px;align-items:center;margin-bottom:12px}.attendance-student-identity>div:last-child{display:grid;gap:3px}.attendance-student-identity small,.attendance-term-total{color:var(--muted);font-size:11px}.student-avatar-placeholder{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e8effa;color:var(--blue);font-weight:800}.attendance-status-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.attendance-status-button{min-height:42px;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.attendance-status-button.active{border-color:var(--blue);background:#eaf2ff;color:var(--blue)}.attendance-status-button[data-status="absent"].active{border-color:#bd2f3f;background:#fff0f1;color:#9a1f2d}.attendance-status-button[data-status="late"].active{border-color:#cf8b00;background:#fff7df;color:#765000}.attendance-status-button[data-status="excused"].active{border-color:#6e59a8;background:#f2edff;color:#523c8c}.attendance-term-total{margin-top:10px}.attendance-sticky-save{position:sticky;bottom:8px;z-index:10;align-items:center;justify-content:space-between;gap:12px;margin:18px -4px -4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 10px 30px rgba(17,37,70,.16);backdrop-filter:blur(8px)}.attendance-sticky-save>div{display:grid;gap:2px}.attendance-sticky-save small{color:var(--muted)}
@media(max-width:760px){
  .maturity-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academic-period-card>header{flex-direction:column}.inline-progress{width:72px}.attendance-desktop-table,.attendance-desktop-save{display:none!important}.attendance-mobile-list{display:grid;gap:10px}.attendance-sticky-save{display:flex}.attendance-header{align-items:flex-start}.attendance-header .button-row{width:100%}.attendance-header .button-row .button{flex:1}.attendance-body{padding:12px}.attendance-status-buttons{grid-template-columns:repeat(2,1fr)}.attendance-sticky-save .button{min-height:44px}.attendance-live-summary{gap:5px}.attendance-live-summary span{padding:6px 8px}.page-actions{flex-wrap:wrap}
}
@media(max-width:430px){.maturity-stat-grid{grid-template-columns:1fr}.attendance-status-buttons{grid-template-columns:1fr 1fr}.attendance-sticky-save{align-items:stretch;flex-direction:column}.attendance-sticky-save .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.progress span,.bar-track span,.inline-progress span{forced-color-adjust:none;background:Highlight}.status,.severity,.chip{border:1px solid CanvasText}}


/* Report Card Enterprise v7.1.0: certificates and awards */
.list-card.selectable{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.list-card.selectable>input{margin-top:4px;flex:0 0 auto}.list-card.selectable>div{display:grid;gap:3px;min-width:0}.list-card.selectable.disabled{cursor:not-allowed;opacity:.62;background:#f6f7f9}.certificate-template-form{display:grid;gap:13px;align-items:stretch}.certificate-template-form .field{min-width:0}.certificate-template-form textarea{resize:vertical}.verify-card code{word-break:break-word}.certificate-workflow-note{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--muted)}
@media(max-width:760px){.certificate-template-form .form-grid{grid-template-columns:1fr}.list-card.selectable{padding:12px}.certificate-template-form{padding:13px}}


/* Report Card Enterprise v7.1.1: certificate category template designs */
.certificate-template-design{display:grid;gap:14px}
.certificate-template-design .section-title{align-items:flex-start}
.certificate-template-preview{display:flex;justify-content:center;align-items:center;max-height:72vh;overflow:auto;padding:12px;background:#eef3f9;border:1px solid var(--line);border-radius:14px}
.certificate-template-preview img{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 12px 30px rgba(20,42,76,.18)}


/* Report Card Enterprise v7.1.3: certificate batch recipient layout */
.certificate-batch-form{min-width:0;max-width:100%;overflow:hidden}
.certificate-batch-form .form-grid{align-items:start}
.certificate-recipient-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:2px 0}
.certificate-selection-summary{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:999px;background:#eef4fc;color:var(--navy);font-size:12px;font-weight:800;white-space:nowrap}
.certificate-recipient-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:100%;max-height:350px;min-height:120px;padding:4px;overflow-y:auto;overflow-x:hidden;align-content:start;scrollbar-gutter:stable}
.certificate-recipient-results>.empty{grid-column:1/-1}
.certificate-recipient-card{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:11px;width:100%;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:.16s border-color,.16s background,.16s box-shadow}
.certificate-recipient-card:hover{border-color:#b8cbe5;background:#f8fbff;box-shadow:0 4px 12px rgba(13,94,200,.07)}
.certificate-recipient-card:has(input:checked){border-color:var(--blue);background:#edf5ff;box-shadow:0 0 0 2px rgba(13,94,200,.08)}
.certificate-recipient-card>input{width:18px!important;height:18px!important;min-width:18px;margin:2px 0 0;padding:0;accent-color:var(--blue);box-shadow:none}
.certificate-recipient-copy{display:grid;gap:3px;min-width:0}
.certificate-recipient-name{display:block;color:#182b4b;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.certificate-recipient-meta{display:block;color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.certificate-recipient-warning{min-height:0;margin-top:2px;font-size:10px}
.certificate-recipient-card.disabled{cursor:not-allowed;opacity:.62;background:#f5f7fa}
.list-card.selectable>input[type="checkbox"]{width:18px;height:18px;min-width:18px;padding:0}
@media(max-width:820px){.certificate-recipient-results{grid-template-columns:1fr;max-height:390px}.certificate-recipient-toolbar{align-items:flex-start}.certificate-recipient-toolbar .button-row{width:100%}.certificate-recipient-toolbar .button{flex:1}}
@media(max-width:560px){.certificate-recipient-card{padding:12px}.certificate-recipient-results{padding:2px;gap:8px}.certificate-selection-summary{width:100%;justify-content:center}}

/* Report Card Enterprise v7.2.3 Final: Platform Super Administrator control centre */
.platform-page-head{padding-bottom:2px}
.platform-tabs{max-width:520px;margin:0 0 18px;background:#fff;box-shadow:0 8px 24px rgba(17,45,86,.07)}
.platform-tabs .tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding-inline:18px}
.platform-tabs .tab.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--navy),#1765bd);box-shadow:0 7px 18px rgba(10,47,115,.24)}
.platform-tabs .tab.active::after{background:var(--gold)}
.platform-license-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start}
.platform-license-grid>.panel{min-width:0}
.platform-package-workspace{display:grid;grid-template-columns:minmax(350px,.82fr) minmax(520px,1.18fr);gap:18px;align-items:start}
.platform-package-workspace>.grid{align-content:start}
.platform-register-panel,.platform-history-panel{overflow:hidden}
.platform-register-scroll{max-height:440px;overflow:auto;scrollbar-gutter:stable both-edges}
.platform-history-scroll{max-height:390px;overflow:auto;scrollbar-gutter:stable both-edges}
.platform-register-scroll thead th,.platform-history-scroll thead th{position:sticky;top:0;z-index:3;background:#f3f6fb;box-shadow:0 1px 0 var(--line)}
.package-action-row{min-width:228px;justify-content:flex-start}
.package-filename{display:inline-block;max-width:360px;word-break:break-word;font-weight:650;color:#253a5e}
.audit-json{display:block;max-width:620px;white-space:normal;overflow-wrap:anywhere;color:#44536b;font-size:10px;line-height:1.45}
.destructive-confirmation{display:grid;gap:14px}
.platform-control-hero{box-shadow:0 12px 30px rgba(17,45,86,.08)}
.platform-control-hero>div{min-width:0}
.platform-control-hero strong,.platform-control-hero h3{overflow-wrap:anywhere}
@media(max-width:1100px){.platform-package-workspace,.platform-license-grid{grid-template-columns:1fr}.platform-tabs{max-width:none}}
@media(max-width:720px){.platform-tabs{width:100%}.platform-tabs .tab{flex:1;justify-content:center}.platform-register-scroll,.platform-history-scroll{max-height:360px}.package-action-row{min-width:190px}}


/* v7.4.0 r4 Licence and Capacity + renewal lifecycle */
.license-capacity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.license-capacity-card{display:grid;gap:11px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.license-capacity-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.license-capacity-card header>div{display:grid;gap:3px}.license-capacity-card header small,.license-capacity-card>small{color:var(--muted);font-size:11px}
.license-capacity-value{display:flex;align-items:baseline;gap:6px}.license-capacity-value b{font-size:23px;color:var(--navy)}.license-capacity-value span{color:var(--muted);font-size:12px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-grid>div{display:grid;gap:4px;padding:12px;border-radius:11px;background:var(--surface-soft)}.detail-grid span{color:var(--muted);font-size:11px}.detail-grid strong{overflow-wrap:anywhere;font-size:13px}
.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.license-disabled-features{margin-top:14px}.license-disabled-features summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.license-disabled-features .chip-grid{margin-top:10px}
.status.pending{background:#fff0d9;color:#9d5b00}.status.rejected{background:#fde7ea;color:#a82a35}.status.neutral{background:#edf1f6;color:#56647a}.status.perpetual{background:#e3f5ed;color:#08714c}.status.expired,.status.revoked{background:#fde7ea;color:#a82a35}.status.grace_period{background:#fff0d9;color:#9d5b00}
@media(max-width:1000px){.license-capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.license-capacity-grid,.detail-grid{grid-template-columns:1fr}}

/* r11 Professional Student ID Card Generator */
.id-card-template-chip{margin-left:auto;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:11px;white-space:nowrap}
.id-card-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.id-card-preview-grid figure{margin:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.id-card-preview-grid img{display:block;width:100%;height:auto;border-radius:9px;box-shadow:0 8px 26px rgba(15,35,65,.12)}
.id-card-preview-grid figcaption{padding-top:8px;color:var(--muted);font-size:11px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.id-card-candidate-area{margin-top:16px}
.id-card-candidate-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px 10px 0 0;background:var(--surface-soft);font-size:12px}
.id-card-candidate-toolbar label{display:flex;align-items:center;gap:7px;font-weight:800}
.id-card-candidate-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-height:430px;overflow:auto;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px}
.id-card-candidate{display:flex;align-items:flex-start;gap:10px;padding:12px;border-bottom:1px solid var(--line);background:#fff;cursor:pointer}
.id-card-candidate:nth-child(odd){border-right:1px solid var(--line)}
.id-card-candidate span{display:grid;gap:3px;min-width:0}.id-card-candidate strong{font-size:13px}.id-card-candidate small{color:var(--muted);font-size:11px}
.id-card-candidate.disabled{background:#f7f8fa;color:#7f8999;cursor:not-allowed}.id-card-candidate.disabled strong{color:#6b7280}
.status.replaced{background:#edf1f6;color:#56647a}.status.expired{background:#fde7ea;color:#a82a35}
@media(max-width:900px){.id-card-preview-grid,.id-card-candidate-results{grid-template-columns:1fr}.id-card-candidate:nth-child(odd){border-right:0}.id-card-template-chip{margin-left:0;width:100%;white-space:normal}.id-card-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.id-card-stat-grid{grid-template-columns:1fr}.id-card-preview-grid{gap:10px}}

/* r12 Staff ID Cards, Teacher Profile and Timetable */
.segmented-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.segmented-tabs button{border:1px solid var(--border,#d8e0eb);background:#fff;color:#26354d;border-radius:12px;padding:10px 15px;font-weight:750;cursor:pointer}.segmented-tabs button.active{background:var(--primary,#0a2f73);border-color:var(--primary,#0a2f73);color:#fff}.staff-avatar-photo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:#eef3fa;color:#0a2f73;font-weight:800;position:relative;flex:0 0 auto}.staff-avatar-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.staff-avatar-photo.loaded img{opacity:1}.staff-avatar-photo.loaded span{display:none}.staff-photo-editor{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:14px;border:1px solid #d8e0eb;border-radius:16px;background:#f8fafc;margin-bottom:18px}.staff-photo-editor>img,.staff-photo-editor>span{width:102px;height:122px;border-radius:14px;object-fit:cover;display:grid;place-items:center;background:#e8eef8;color:#0a2f73;font-size:30px;font-weight:850;border:1px solid #cbd6e5}.staff-profile-record{display:grid;gap:16px}.staff-profile-summary{display:flex;align-items:center;gap:18px;padding:18px;border-radius:18px;background:#f5f8fc;border:1px solid #d8e0eb}.staff-profile-summary img,.staff-profile-placeholder{width:104px;height:124px;border-radius:14px;object-fit:cover;display:grid;place-items:center;background:#e8eef8;color:#0a2f73;font-size:34px;font-weight:850;border:1px solid #cbd6e5}.staff-profile-summary h3{margin:0 0 5px;font-size:23px}.staff-profile-summary p{margin:0 0 8px;color:#64748b}.teacher-profile-hero{display:flex;gap:18px;align-items:center;margin-bottom:20px}.teacher-profile-hero img,.teacher-profile-hero>span{width:128px;height:150px;object-fit:cover;border-radius:16px;background:#e8eef8;color:#0a2f73;display:grid;place-items:center;font-size:40px;font-weight:850;border:1px solid #cbd6e5}.teacher-profile-hero h3{margin:0 0 6px;font-size:26px}.teacher-profile-hero p{margin:0 0 10px;color:#64748b}.profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.profile-detail-grid .verify-field{border:1px solid #e0e7f0;border-radius:12px;padding:11px 13px;background:#fbfcfe}.timetable-week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.timetable-day{overflow:hidden}.timetable-period-list{padding:10px 16px 16px;display:grid;gap:10px}.timetable-period{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid #dce4ef;border-radius:14px;background:#fbfcfe}.timetable-time{display:flex;align-items:center;gap:6px;color:#0a2f73}.timetable-time span{font-size:12px;color:#7a8799}.timetable-time strong{font-size:14px}.id-card-tabs{margin-top:-6px}.destructive-confirmation{display:grid;gap:14px}
@media(max-width:900px){.timetable-week-grid{grid-template-columns:1fr}.staff-photo-editor{grid-template-columns:1fr}.teacher-profile-layout{grid-template-columns:1fr}.profile-detail-grid{grid-template-columns:1fr}.timetable-period{grid-template-columns:88px minmax(0,1fr)}.timetable-period .table-actions{grid-column:1/-1;justify-content:flex-end}}

/* r14 Professional School Prospectus Management */
.prospectus-toolbar{display:flex;align-items:end;gap:24px;justify-content:space-between;margin-bottom:18px}.prospectus-toolbar .field{min-width:260px;margin:0}.prospectus-summary{display:flex;flex-direction:column;gap:4px;text-align:right}.prospectus-summary strong{font-size:1.08rem;color:var(--navy)}.prospectus-summary span{color:var(--muted)}
.prospectus-range-grid{align-items:stretch}.prospectus-range-card{padding:20px;display:flex;flex-direction:column;gap:17px;min-height:300px}.prospectus-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.prospectus-card-head h3{margin:5px 0 0;font-size:1.08rem}.prospectus-card-head .eyebrow,.prospectus-section-head .eyebrow{font-size:.73rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:800}.prospectus-empty-card{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;color:var(--muted)}
.prospectus-guidance{margin-top:18px}.prospectus-guidance h4{margin:0 0 14px}.prospectus-guidance .grid>div{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.prospectus-guidance p{margin:5px 0 0;color:var(--muted);line-height:1.55;font-size:.9rem}
.prospectus-editor{display:flex;flex-direction:column;gap:18px}.prospectus-section-stack{display:flex;flex-direction:column;gap:16px}.prospectus-editor-section{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.prospectus-section-head{padding:16px 18px;background:linear-gradient(135deg,var(--surface-soft),#fff);display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.prospectus-section-head h4{margin:4px 0 0}.prospectus-section-head p{margin:5px 0 0;color:var(--muted);font-size:.88rem}.prospectus-editor-section .table-wrap{border-radius:0;border:0}.prospectus-subtotal{display:flex;justify-content:flex-end;gap:28px;align-items:center;padding:11px 18px;background:#f3f7fc;border-top:1px solid var(--line)}.prospectus-subtotal span{color:var(--muted);font-weight:700}.prospectus-subtotal strong{color:var(--navy);font-size:1.02rem}
.prospectus-preview-document{background:#fff;color:#15233d;border:1px solid #d7dfeb;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(22,38,67,.08)}.prospectus-preview-document>header{padding:24px 28px 22px;background:linear-gradient(135deg,var(--navy),#17498e);color:#fff}.prospectus-preview-brand{display:flex;gap:16px;align-items:center}.prospectus-preview-brand img{width:74px;height:74px;object-fit:contain;border-radius:0;background:transparent;padding:5px;border:none;box-shadow:none}.prospectus-preview-brand h2{margin:0;font-size:1.2rem}.prospectus-preview-brand p{margin:4px 0 0;opacity:.85}.prospectus-preview-title{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.24)}.prospectus-preview-title span{display:block;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.prospectus-preview-title h1{margin:5px 0 6px;font-size:1.8rem}.prospectus-preview-title strong{color:#ffe8a2}.prospectus-preview-document>section{padding:22px 28px;border-top:1px solid #e3e9f2}.prospectus-preview-document>section h3{margin:0 0 10px;color:var(--navy);font-size:1.12rem}.prospectus-preview-document .section-note{color:#65758c;margin:0 0 12px}.prospectus-notice{margin:18px 28px 0;padding:14px 16px;border-radius:12px;background:#fff8df;border:1px solid #f5d783;color:#5b4810}.prospectus-preview-subtotal{display:flex;justify-content:flex-end;gap:25px;margin-top:10px;font-weight:800}.prospectus-preview-subtotal strong{color:var(--navy)}.prospectus-preview-document>footer{padding:20px 28px;background:#f5f8fc;border-top:2px solid var(--gold);display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.prospectus-preview-document>footer>div{display:flex;flex-direction:column;gap:5px}.prospectus-preview-document>footer small{max-width:650px;color:#6a778b}.prospectus-preview-document>footer span{font-size:.84rem;color:#66758a;text-align:right}
@media(max-width:980px){.prospectus-toolbar{align-items:stretch;flex-direction:column}.prospectus-summary{text-align:left}.prospectus-section-head{flex-direction:column}.prospectus-preview-document>footer{align-items:flex-start;flex-direction:column}.prospectus-preview-document>footer span{text-align:left}}

/* r16 School Prospectus one-page/report-card-header preview parity */
.prospectus-preview-r16>header{padding:18px 24px 16px}.prospectus-preview-r16 .prospectus-preview-brand{align-items:center}.prospectus-preview-r16 .prospectus-preview-brand>div{flex:1;text-align:center}.prospectus-preview-r16 .prospectus-preview-brand img{width:82px;height:82px}.prospectus-preview-r16 .prospectus-preview-brand h2{font-size:1.38rem;text-transform:uppercase}.prospectus-preview-r16 .prospectus-preview-brand p{margin:2px 0;font-size:.82rem}.prospectus-preview-r16 .prospectus-preview-brand h1{margin:8px 0 0;font-size:1.28rem}.prospectus-preview-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding:14px 28px;border-bottom:1px solid #e3e9f2;background:#fff}.prospectus-preview-meta span{display:flex;gap:8px;align-items:baseline;font-size:.88rem;color:#52647e}.prospectus-preview-meta b{color:#17233b}.prospectus-preview-r16 .prospectus-notice{display:flex;flex-direction:column;gap:4px;padding:10px 14px}.prospectus-preview-r16>section{padding:12px 28px}.prospectus-preview-r16>section h3{margin:0 0 7px;padding:7px 10px;background:var(--navy);color:#fff;font-size:.93rem;text-transform:uppercase}.prospectus-preview-r16 .section-note{margin:0 0 7px;font-size:.8rem}.prospectus-preview-r16 table th{font-size:.72rem}.prospectus-preview-r16 table td{padding:7px 9px;font-size:.8rem}.prospectus-preview-r16 table td:first-child{width:62%}.prospectus-preview-r16 .prospectus-preview-subtotal{margin-top:5px;font-size:.82rem}.prospectus-preview-r16>footer{padding:13px 28px}.prospectus-preview-r16>footer span{font-size:.76rem}@media(max-width:700px){.prospectus-preview-meta{grid-template-columns:1fr}.prospectus-preview-r16 .prospectus-preview-brand{align-items:flex-start}.prospectus-preview-r16 .prospectus-preview-brand>div{text-align:left}}


/* r17 universal official school logo management */
.school-logo-settings{padding:12px;border:1px solid var(--line,#d9e1ec);border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff)}
.school-logo-settings>span{display:block;font-weight:800;margin-bottom:10px;color:var(--ink,#17233b)}
.school-logo-settings-grid{display:grid;grid-template-columns:148px minmax(0,1fr);gap:16px;align-items:start}
.school-logo-settings-preview{width:148px;min-height:148px;display:grid;place-items:center;padding:10px;border:1px solid #cfd9e8;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(20,45,85,.06)}
.school-logo-settings-preview img{display:block;width:128px;height:128px;object-fit:contain;image-rendering:auto}
.school-logo-settings-actions{display:grid;gap:9px;min-width:0}
.school-logo-settings-actions strong{color:var(--ink,#17233b)}
.school-logo-settings-actions input[type=file]{width:100%;max-width:100%}
.school-logo-settings-actions .button-row{margin-top:1px;flex-wrap:wrap}
@media(max-width:650px){.school-logo-settings-grid{grid-template-columns:1fr}.school-logo-settings-preview{width:100%;min-height:138px}.school-logo-settings-preview img{width:118px;height:118px}}

/* r30 bounded history/list scrolling + stable sticky headings */
.history-scroll{
  max-height:clamp(300px,48vh,460px);
  overflow-y:auto;
  overflow-x:auto;
  scrollbar-gutter:stable both-edges;
  overscroll-behavior:contain;
}
.history-scroll thead th,
.backup-history thead th{
  position:sticky;
  top:0;
  z-index:3;
  background:var(--surface,#fff);
  box-shadow:0 1px 0 var(--line);
}
.class-progress-scroll{max-height:clamp(320px,50vh,480px)}
.correction-history-scroll,.recovery-history-scroll,.restore-history-scroll{max-height:clamp(300px,46vh,430px)}
.backup-history{max-height:clamp(320px,50vh,460px)}
@media(max-width:760px){
  .history-scroll,.backup-history,.class-progress-scroll,.correction-history-scroll,.recovery-history-scroll,.restore-history-scroll{max-height:55vh}
}