:root{
  --navy:#091E36; --navy-2:#102A4A; --gold:#E0A930; --gold-soft:#F4C542;
  --ink:#1B2733; --muted:#5C6B7A; --line:#E3E8ED; --bg:#F5F7F9; --white:#fff;
  --ok:#1E7A46; --ok-bg:#E8F5EE; --warn:#8A5A00; --warn-bg:#FDF3DF;
  --info:#1F4E79; --info-bg:#EAF2FA; --danger:#B3261E; --danger-bg:#FCEEEC;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
.devbar{background:#241C08;color:#F0E2BE;padding:10px 24px;display:flex;
  align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px}
.devbar strong{color:var(--gold-soft)}
.devbar .sp{flex:1}
.devbar form{display:inline}
.devbar button{font:inherit;font-size:12.5px;padding:5px 13px;border-radius:5px;
  cursor:pointer;background:transparent;color:#F0E2BE;border:1px solid #5A4A22}
.devbar button:hover{border-color:var(--gold)}
.devbar button.on{background:var(--gold);color:#241C08;font-weight:600;border-color:var(--gold)}
header{background:var(--navy);color:#fff}
.hbar{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:18px}
.hbar.wide{max-width:1500px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}
.logo .mark{width:34px;height:34px;border-radius:7px;background:var(--gold);
  color:var(--navy);display:grid;place-items:center;overflow:hidden}
.logo .mark-star{font-size:22px;line-height:1}
.logo .wm{font-size:18px;font-weight:600;letter-spacing:-.01em}
.logo .wm em{font-style:normal;color:var(--gold-soft)}
.hdiv{width:1px;height:26px;background:rgba(255,255,255,.18)}
.district{font-size:13.5px;color:#C7D2DE}
.district b{display:block;color:#fff;font-weight:600;font-size:14.5px}
.hsp{flex:1}
.who{display:flex;align-items:center;gap:11px}
.who .txt{text-align:right;font-size:12.5px;color:#A9BACB;line-height:1.35}
.who .txt b{display:block;color:#fff;font-size:13.5px;font-weight:600}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--navy-2);
  border:1.5px solid rgba(224,169,48,.55);color:var(--gold-soft);
  display:grid;place-items:center;font-size:13px;font-weight:600}
.signout{background:none;border:none;color:#A9BACB;font:inherit;font-size:12.5px;
  cursor:pointer;padding:4px 2px;border-bottom:1px solid transparent;text-decoration:none}
.signout:hover{color:#fff;border-bottom-color:rgba(255,255,255,.4)}
main{max-width:1180px;margin:0 auto;padding:34px 24px 70px}
main.wide{max-width:1500px}
.greet h1{font-size:26px;font-weight:600;letter-spacing:-.02em}
.greet p{color:var(--muted);margin-top:5px;font-size:14.5px}
.yr{display:inline-block;margin-left:10px;vertical-align:2px;font-size:11.5px;
  font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);
  background:#DCE4EC;padding:3px 9px;border-radius:20px}
.banner{margin-top:24px;background:var(--white);border:1px solid var(--line);
  border-left:4px solid var(--gold);border-radius:9px;padding:17px 20px;
  display:flex;align-items:center;gap:17px;flex-wrap:wrap;
  box-shadow:0 1px 2px rgba(16,32,52,.05)}
.banner .bico{width:38px;height:38px;border-radius:8px;flex:none;background:#FDF3DF;
  color:var(--warn);display:grid;place-items:center;font-size:19px}
.banner .btxt{flex:1;min-width:260px}
.banner .btxt b{display:block;font-size:14.5px;margin-bottom:2px}
.banner .btxt span{font-size:13.5px;color:var(--muted)}
.banner .due{font-size:13px;color:var(--warn);font-weight:600;white-space:nowrap}
.sect{margin:34px 0 15px;display:flex;align-items:baseline;gap:12px}
.sect h2{font-size:12.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted)}
.sect .rule{flex:1;height:1px;background:var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:17px}
.grid.two-up{grid-template-columns:repeat(2,1fr)}
@media(max-width:720px){.grid.two-up{grid-template-columns:1fr}}
.tile{background:var(--white);border:1px solid var(--line);border-radius:11px;
  padding:21px;display:flex;flex-direction:column;gap:13px;text-decoration:none;
  color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;
  box-shadow:0 1px 2px rgba(16,32,52,.05)}
a.tile:hover{border-color:var(--gold);transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(9,30,54,.10)}
.tile .top{display:flex;align-items:flex-start;gap:13px}
.tile .ico{width:42px;height:42px;border-radius:9px;flex:none;background:var(--navy);
  color:var(--gold-soft);display:grid;place-items:center;font-size:19px}
.tile h3{font-size:16px;font-weight:600;letter-spacing:-.01em}
.tile .desc{font-size:13.5px;color:var(--muted);flex:1}
.tile .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-top:13px;border-top:1px solid var(--line)}
.tile.primary{border-color:var(--gold);
  box-shadow:0 0 0 1px var(--gold),0 4px 14px rgba(9,30,54,.09)}
.tile.primary .ico{background:var(--gold);color:var(--navy)}
a.tile.primary:hover{box-shadow:0 0 0 1px var(--gold),0 8px 22px rgba(9,30,54,.14)}
.tile.soon{opacity:.62;cursor:default;background:#FBFCFD}
.tile.soon .ico{background:#8895A3;color:#fff}
.pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}
.pill.action{background:var(--warn-bg);color:var(--warn)}
.pill.done{background:var(--ok-bg);color:var(--ok)}
.pill.open{background:var(--info-bg);color:var(--info)}
.pill.soon{background:#EEF1F4;color:#6B7A88}
.ext-mark{font-size:13px;color:var(--muted);font-weight:400}
a.tile.external:hover .ext-mark{color:var(--gold)}
.go{font-size:13px;font-weight:600;color:var(--navy)}
a.tile:hover .go{color:var(--gold)}
.meter{height:5px;border-radius:3px;background:#E9EDF1;overflow:hidden}
.meter i{display:block;height:100%;background:var(--gold);border-radius:3px}
.mrow{display:flex;justify-content:space-between;font-size:12.5px;
  color:var(--muted);margin-bottom:6px}
.mrow b{color:var(--ink);font-weight:600}
.support{margin-top:36px;background:var(--white);border:1px solid var(--line);
  border-radius:10px;padding:19px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.support .stx{flex:1;min-width:240px;font-size:13.5px;color:var(--muted)}
.support .stx b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:2px;font-weight:600}
.btn{font:inherit;font-size:13.5px;font-weight:600;padding:9px 17px;border-radius:7px;
  border:1px solid var(--navy);background:var(--navy);color:#fff;text-decoration:none;
  display:inline-block;cursor:pointer}
.btn:hover{background:var(--navy-2)}
.btn.ghost{background:transparent;color:var(--navy)}
.btn.ghost:hover{background:#EDF1F5}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.btn.gold:hover{background:#C9962A}
.btn:disabled{opacity:.5;cursor:not-allowed}
footer{max-width:1180px;margin:0 auto;padding:0 24px 46px;color:#8794A2;
  font-size:12.5px;display:flex;gap:18px;flex-wrap:wrap}
footer.wide{max-width:1500px}
.signin-wrap{min-height:calc(100vh - 44px);display:grid;place-items:center;padding:40px 20px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:38px 36px;
  width:100%;max-width:430px;box-shadow:0 8px 30px rgba(9,30,54,.08)}
.card .brand{display:flex;align-items:center;gap:11px;margin-bottom:26px}
.card .brand .mark{width:46px;height:46px;border-radius:10px;background:var(--navy);
  display:grid;place-items:center;overflow:hidden;flex:none}
.card .brand .mark-star{color:var(--gold);font-size:34px;line-height:1;
  display:block;transform:translateY(-1px)}
.card .brand .wm{font-size:20px;font-weight:600;color:var(--navy)}
.card .brand .wm em{font-style:normal;color:var(--gold)}
.card h1{font-size:20px;font-weight:600;margin-bottom:6px}
.card p.lede{font-size:14px;color:var(--muted);margin-bottom:24px}
.card .note{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--muted)}
.rolebtns{display:flex;flex-direction:column;gap:10px}
.rolebtns button{width:100%;text-align:left;padding:13px 16px;border-radius:9px;
  border:1px solid var(--line);background:#fff;font:inherit;cursor:pointer}
.rolebtns button:hover{border-color:var(--gold);background:#FFFDF7}
.rolebtns b{display:block;font-size:14.5px;font-weight:600}
.rolebtns span{font-size:12.5px;color:var(--muted)}
.rhead{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:6px}
.rhead .rt{flex:1;min-width:280px}
.rhead h1{font-size:23px;font-weight:600;letter-spacing:-.02em}
.rhead .crumb{font-size:12.5px;color:var(--muted);margin-bottom:6px}
.rhead .crumb a{color:var(--muted)}
.actions{display:flex;gap:9px;flex-wrap:wrap}
.summary{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 6px}
.chip{background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 15px;
  min-width:150px}
.chip .lbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted);font-weight:600}
.chip .val{font-size:18px;font-weight:600;margin-top:2px}
.chip .val small{font-size:12.5px;color:var(--muted);font-weight:400}
.tablewrap{margin-top:18px;background:#fff;border:1px solid var(--line);
  border-radius:11px;overflow:auto}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}
thead th{background:#F7F9FB;text-align:left;font-weight:600;font-size:12px;
  letter-spacing:.03em;text-transform:uppercase;color:var(--muted);
  padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap;
  position:sticky;top:0;z-index:2}
thead th.assess{text-align:center;background:#FFF8E8;color:#7A5A12;
  border-left:1px solid #F0E2C0;border-right:1px solid #F0E2C0}
tbody td{padding:9px 12px;border-bottom:1px solid #EFF3F6;vertical-align:middle}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:#FAFCFD}
td.num{color:var(--muted);font-variant-numeric:tabular-nums}
td.ck{text-align:center;border-left:1px solid #F3F5F7;border-right:1px solid #F3F5F7}
td.name{font-weight:600}
.badge{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:20px}
.badge.y{background:var(--ok-bg);color:var(--ok)}
.badge.n{background:#EEF1F4;color:#6B7A88}
.badge.flag{background:var(--warn-bg);color:var(--warn)}
input[type=checkbox]{width:17px;height:17px;accent-color:var(--gold);cursor:pointer}
tr.excluded td.name,tr.excluded td.num{color:#94A2AF}
.pager{display:flex;align-items:center;gap:12px;padding:13px 16px;
  border-top:1px solid var(--line);font-size:13px;color:var(--muted);background:#FCFDFE}
.pager .sp{flex:1}
.pager a{padding:6px 12px;border:1px solid var(--line);border-radius:6px;
  text-decoration:none;color:var(--navy);background:#fff;font-weight:600}
.pager a:hover{border-color:var(--gold)}
.pager span.off{padding:6px 12px;opacity:.4}
.exsec{margin-top:34px}
.exblock{background:#fff;border:1px solid var(--line);border-radius:11px;
  margin-bottom:14px;overflow:hidden}
.exblock h3{font-size:13.5px;font-weight:600;padding:13px 16px;
  background:#FCFDFE;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:9px}
.exblock h3 .ct{font-size:12px;font-weight:600;color:var(--muted);
  background:#EEF1F4;padding:2px 9px;border-radius:20px}
.exblock .none{padding:15px 16px;font-size:13px;color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(9,30,54,.45);display:none;
  place-items:center;z-index:50;padding:20px}
.modal.on{display:grid}
.modal .box{background:#fff;border-radius:13px;width:100%;max-width:470px;
  padding:26px;box-shadow:0 20px 60px rgba(9,30,54,.3)}
.modal h3{font-size:17px;font-weight:600;margin-bottom:4px}
.modal .who2{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.modal label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}
.modal select,.modal textarea{width:100%;font:inherit;font-size:14px;padding:9px 11px;
  border:1px solid var(--line);border-radius:7px;background:#fff}
.modal textarea{min-height:80px;resize:vertical;margin-top:14px}
.modal .err{color:var(--danger);background:var(--danger-bg);border-radius:7px;
  padding:9px 12px;font-size:13px;margin-top:12px;display:none}
.modal .err.on{display:block}
.modal .mact{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}
.hint{font-size:12.5px;color:var(--muted);margin-top:7px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);
  background:var(--navy);color:#fff;padding:11px 20px;border-radius:9px;
  font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:60}
.toast.on{opacity:1}
.preview-note{margin-top:20px;background:#FFF8E8;border:1px solid #F0E2C0;
  border-radius:9px;padding:13px 16px;font-size:13.5px;color:#7A5A12}
.preview-note b{color:#5C4109}
.gsect{margin-top:8px}
.gsect-head{align-items:center}
.gunit{font-size:12.5px;color:var(--muted);white-space:nowrap}
.gsect .tablewrap table{font-size:13px}
.gsect .tablewrap thead th{padding:7px 12px;font-size:11px}
.gsect .tablewrap tbody td{padding:4px 12px;line-height:1.25}
.gsect .tablewrap .badge{padding:1px 7px;font-size:11px}
.ratepill{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 10px;
  border-radius:20px;white-space:nowrap}
.ratepill.r1{background:var(--danger-bg);color:var(--danger)}
.ratepill.r2{background:#FDEEE2;color:#9A5B1E}
.ratepill.r3{background:#FFF8E8;color:#8A6A0A}
.ratepill.r4{background:#EAF5EE;color:#2E7D4F}
.ratepill.r5{background:var(--ok-bg);color:var(--ok)}
.ratepill.big{font-size:14px;padding:5px 16px}
.sumwrap{margin-top:16px}
.sumwrap .tablewrap{border:2px solid #B9C3CD;border-radius:10px;overflow:hidden}
.sumtable{width:100%;border-collapse:collapse}
.sumtable thead th{background:var(--navy);color:#fff;font-weight:700;
  font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;
  padding:12px 16px;text-align:center;white-space:nowrap}
.sumtable thead th.sum-corner{background:var(--navy-2)}
.sumtable thead th.sum-assess-head{background:var(--navy)}
.sumtable thead th.sum-overall-head{background:var(--navy);border-left:3px solid var(--gold)}
.sumtable tbody td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);background:#fff;vertical-align:middle}
.sumtable tbody tr:last-child td{border-bottom:none}
.sumtable td.sum-teacher{font-size:15px;font-weight:700;color:var(--ink);
  background:#F4F6F8;text-align:left;border-right:2px solid #B9C3CD}
.sumtable td.sum-metric-label{font-size:12.5px;font-weight:700;color:var(--muted);
  text-transform:uppercase;letter-spacing:.03em;background:#FAFBFC;text-align:left;
  white-space:nowrap}
.sumtable td.sum-val{font-size:19px;font-weight:700;color:var(--ink)}
.sumtable td.sum-overall-val{border-left:3px solid var(--gold);background:#FFFCF3}
.ratepill.sum-ratepill{font-size:15px;padding:6px 16px;font-weight:800}
.tsummary{margin:14px 0 30px;background:#fff;border:1px solid var(--line);
  border-radius:11px;padding:18px 20px}
.tsum-title{font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  color:var(--muted);margin-bottom:14px}
.tsum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.tchip{background:#FAFCFD;border:1px solid var(--line);border-radius:9px;padding:13px 15px}
.tchip .lbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted);font-weight:600}
.tchip .val{font-size:19px;font-weight:700;margin-top:3px}
.tchip .val small{font-size:12px;color:var(--muted);font-weight:400}
.tchip.rating{border-width:2px}
.tchip.rating-1{border-color:var(--danger);background:var(--danger-bg)}
.tchip.rating-1 .val{color:var(--danger)}
.tchip.rating-2{border-color:#C87F33;background:#FDEEE2}
.tchip.rating-2 .val{color:#9A5B1E}
.tchip.rating-3{border-color:var(--gold);background:#FFF8E8}
.tchip.rating-3 .val{color:#8A6A0A}
.tchip.rating-4{border-color:#4E9E6E;background:#EAF5EE}
.tchip.rating-4 .val{color:#2E7D4F}
.tchip.rating-5{border-color:var(--ok);background:var(--ok-bg)}
.tchip.rating-5 .val{color:var(--ok)}
.sc-page{max-width:1240px}
:root{--sc-green:#1F5C3E;--sc-green-2:#F0F5F1;--sc-red:#B3261E;--sc-red-bg:#FBEAEA;--sc-navy:#0F2A44;--sc-gold:#C9962A}
.sc{background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:16px 20px 20px;box-shadow:0 1px 3px rgba(16,32,52,.06)}
.sc-titlebar{border-bottom:3px solid var(--sc-green);padding-bottom:7px;margin-bottom:10px}
.sc-title{font-size:20px;font-weight:700;color:var(--sc-navy);letter-spacing:-.01em}
.sc-idtable{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:13px}
.sc-idtable td{padding:4px 10px;border:1px solid var(--line)}
.sc-id-label{background:var(--sc-green);color:#fff;font-weight:700;font-size:11.5px;
  letter-spacing:.03em;width:14%;white-space:nowrap}
.sc-id-val{background:#fff;font-weight:600;width:36%}
.sc-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}
.sc-col-wide{grid-column:span 1}
@media(max-width:900px){.sc-cols{grid-template-columns:1fr}}
.sc-panel-head{background:var(--sc-green);color:#fff;font-weight:700;font-size:13px;
  padding:6px 12px;border-radius:6px 6px 0 0;letter-spacing:.01em}
.sc-panel-head-full{margin-top:0}
.sc-panel-head-dark{background:var(--sc-red);margin-top:0}
.sc-panel-head-navy{background:var(--sc-navy);margin-top:8px}
.sc-panel-head-navy2{background:var(--sc-navy);margin-top:12px}
.sc-table{width:100%;border-collapse:collapse;font-size:12.5px;
  border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}
.sc-table thead th{background:#EFF3EF;color:var(--sc-navy);font-weight:700;
  font-size:10.5px;text-transform:none;letter-spacing:.01em;padding:5px 8px;
  border:1px solid var(--line);text-align:center;line-height:1.2}
.sc-table tbody td{padding:4px 8px;border:1px solid var(--line);text-align:center;background:#fff}
.sc-table td.num{font-variant-numeric:tabular-nums}
.sc-growth-wrap .sc-table tbody td:first-child,
.sc-thresh tbody td:first-child{text-align:left;font-weight:600}
.sc-table tr.no-data td{color:#B7BFC7}
.sc-table td.sc-bold{font-weight:800}
.sc-table td.sc-final-red{font-weight:800;font-size:16px;color:var(--sc-red)}
.sc-table tfoot td.sc-final-red{text-align:center}
.sc-table th.sc-final-head{font-size:12.5px;font-weight:800;color:var(--sc-navy)}
.sc-table tfoot .sc-total-row td{background:var(--sc-green-2);font-size:14px;
  font-weight:800;color:var(--sc-navy)}
.sc-table tfoot .sc-total-row td:first-child{text-align:right;padding-right:14px}
.sc-table tfoot .sc-total-row td.sc-final-red{color:var(--sc-red) !important}
.sc-growth-wrap{display:flex;align-items:stretch;gap:0}
.sc-growth-wrap .sc-table{flex:1}
.sc-overall-box{width:120px;flex:none;background:#fff;color:var(--ink);
  border-radius:0 0 8px 0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;padding:8px;border:1px solid var(--line)}
.sc-overall-pct{font-size:19px;font-weight:800;color:var(--sc-red)}
.sc-overall-label{font-size:9.5px;margin-top:3px;color:var(--muted);line-height:1.2}
.sc-survey{margin-bottom:12px}
.sc-tiarow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sc-tiarow-bordered{border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;
  padding:12px;margin-bottom:12px}
.sc-tiabox{border:1px solid var(--line);border-radius:9px;padding:10px 14px;text-align:center}
.sc-tiabox.current{background:var(--sc-red-bg);border-color:var(--sc-red)}
.sc-tia-label{font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;color:var(--muted)}
/* FIX (2026-09-15, confirmed via live screenshot): the prior max-width:220px
   cap was too narrow for the actual rendered content -- the value
   "3.9544430" at 22px bold plus the real delta badge PLUS the invisible
   mirror-copy delta badge (both needed for true centering) together
   exceed 220px, so the delta visibly overflowed past the box's own right
   border. Fixed with an explicit, generous, EQUAL width (not max-width)
   on both the "23-24" box and the "24-25" box so they always render
   identically sized regardless of content, with enough room that nothing
   inside can ever poke past the border again. box-sizing:border-box so
   padding is included in that width, not added on top of it. */
.sc-tiabox{width:340px;box-sizing:border-box;margin:0 auto}
.sc-tia-val{font-size:22px;font-weight:800;margin-top:3px;color:var(--sc-navy)}
.sc-tiabox.current .sc-tia-val{color:var(--sc-red)}
.sc-tia-val.muted{color:var(--muted);font-weight:700}
/* TIA score centering: an invisible mirror copy of the delta badge sits
   on the opposite side of the score (aria-hidden, visibility:hidden --
   takes up real layout space but is invisible and unreadable to screen
   readers). Both sides now occupy equal width, so flex centering centers
   the SCORE itself, not the score+delta combination -- the visible delta
   never shifts the score off-center. nowrap + the widened box above
   (not max-width) are what actually stop the delta from overflowing the
   card's border, which is the part that was still broken before this fix. */
.sc-tia-valrow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}
.sc-tia-delta-mirror{visibility:hidden;pointer-events:none;flex:none}
.sc-tia-delta{font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.sc-tia-delta.up{color:var(--ok)}
.sc-tia-delta.down{color:var(--sc-red)}
.sc-tia-arrow{font-size:11px}
.sc-threshold-note{font-size:11px;color:var(--muted);margin:0 0 6px;line-height:1.35}
.sc-thresh tr.current-tier td{background:#FFF8E8;font-weight:700}
.sc-designation-box{border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;
  padding:12px;text-align:center;font-size:18px;font-weight:800;color:var(--sc-navy)}
.sc-designation-box.pending{color:var(--sc-red)}
.sc-expiry{text-align:center;font-size:12px;color:var(--muted);margin-top:6px}
.sc-comments{margin-top:12px}
.sc-comments-body{border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;
  padding:12px;min-height:36px;font-size:12.5px;color:var(--ink)}
.sc-resources{margin-top:12px}
.sc-res-row{border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;
  padding:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.sc-res-btn{font-size:12.5px;padding:6px 13px}
.sc-notes{margin-top:12px}
.sc-notes p{border:1px solid var(--line);border-top:none;padding:7px 14px;
  font-size:12px;line-height:1.45;color:var(--ink);margin:0;text-align:center}
.sc-notes p:last-of-type{border-radius:0 0 8px 8px}
.sc-questions{background:#FAFCFD;font-weight:600}
.sc-questions a{color:var(--info)}
@media print{
  @page{size:letter landscape;margin:10mm}
  .devbar,header,footer,.no-print{display:none !important}
  body{background:#fff;font-size:11px}
  main.sc-page{padding:0;max-width:100%}
  .sc{border:none;box-shadow:none;padding:0;border-radius:0}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .sc-table,.sc-idtable,.sc-tiarow-bordered,.sc-designation-box,
  .sc-panel-head,.sc-cols{break-inside:avoid;page-break-inside:avoid}
  .sc-cols{gap:10px}
  .sc-table{font-size:10px}
}
.elig-card{background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:26px 28px;margin-top:20px;box-shadow:0 1px 3px rgba(16,32,52,.06)}
.elig-sec{margin-bottom:24px}
.elig-sec:last-child{margin-bottom:0}
.elig-label{font-size:14.5px;font-weight:600;margin-bottom:10px;color:var(--ink)}
.elig-textrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:720px){.elig-textrow{grid-template-columns:1fr}}
.elig-flabel{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:5px}
.elig-input{width:100%;font:inherit;font-size:14px;padding:10px 12px;
  border:1.5px solid var(--line);border-radius:8px;background:#fff}
.elig-input:focus{outline:none;border-color:var(--gold)}
.elig-input-locked{background:#F4F6F8;color:var(--muted);cursor:not-allowed;font-weight:600}
.elig-sync-note{display:flex;align-items:center;gap:7px;margin-top:10px;
  font-size:12px;color:var(--muted)}
.elig-sync-ico{font-size:12px}
.pillgroup{display:flex;flex-wrap:wrap;gap:9px}
.pill-opt{position:relative;cursor:pointer}
.pill-opt input{position:absolute;opacity:0;width:0;height:0}
.pill-opt span{display:inline-block;padding:9px 16px;border-radius:20px;
  border:1.5px solid var(--line);background:#fff;font-size:13.5px;
  font-weight:600;color:var(--ink);transition:all .12s;user-select:none}
.pill-opt:hover span{border-color:var(--gold)}
.pill-opt input:checked + span{background:var(--navy);color:#fff;border-color:var(--navy)}
.pill-opt.ck input:checked + span{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.pill-opt input:focus-visible + span{box-shadow:0 0 0 3px rgba(224,169,48,.4)}
.elig-err{background:var(--danger-bg);color:var(--danger);border-radius:8px;
  padding:12px 16px;font-size:13.5px;font-weight:600;margin-top:18px;line-height:1.6}
.elig-submit{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);
  display:flex;justify-content:flex-end;gap:10px}
.elig-results{margin-top:20px}
.elig-result-banner{background:var(--ok-bg);color:var(--ok);border-radius:9px;
  padding:16px 20px;font-size:19px;font-weight:800;text-align:center;margin-bottom:22px}
.elig-resrow{margin-bottom:16px}
.elig-reslabel{font-size:12.5px;font-weight:700;text-transform:uppercase;
  letter-spacing:.03em;color:var(--muted);margin-bottom:6px}
.elig-resbox{background:var(--info-bg);color:#1B2733;border-radius:8px;
  padding:12px 16px;font-size:14px;line-height:1.5}
.elig-help{margin-top:22px;padding:14px 16px;border-left:4px solid var(--gold);
  background:#FFFBF0;border-radius:6px;font-size:13.5px;line-height:1.5}
.elig-help a{color:var(--info);font-weight:600}
.elig-directions{margin-top:18px;background:#EAF2FA;border:1px solid #C9DCEF;
  border-radius:9px;padding:15px 18px;font-size:14px;line-height:1.55;color:var(--ink)}
.elig-duebar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-top:12px;font-size:13px;color:var(--muted)}
.elig-duebar b{color:var(--ink)}
.elig-overdue{color:var(--danger);font-weight:700}
.elig-details{margin-top:20px}
.elig-summary{cursor:pointer;list-style:none;font-size:13.5px;font-weight:700;
  color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:13px 18px;display:flex;align-items:center;gap:8px;user-select:none}
.elig-summary::-webkit-details-marker{display:none}
.elig-summary::before{content:"\25B8";font-size:11px;color:var(--muted);transition:transform .15s}
details[open] > .elig-summary::before{transform:rotate(90deg)}
.elig-summary:hover{border-color:var(--gold)}
.elig-locked{border:1.5px solid var(--ok);position:relative}
.elig-lockedbar{display:flex;align-items:center;gap:8px;font-size:12.5px;
  color:var(--ok);font-weight:600;margin-bottom:16px;padding-bottom:14px;
  border-bottom:1px solid var(--line)}
.elig-lock-ico{font-size:13px}
.elig-pending-summary{margin-top:16px;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:16px 20px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;flex-wrap:wrap}
.elig-pending-label{font-size:11.5px;font-weight:700;text-transform:uppercase;
  letter-spacing:.03em;color:var(--muted)}
.elig-pending-value{font-size:19px;font-weight:800;color:var(--navy);margin-top:3px}
.slo-info{background:#fff;border:1px solid var(--line);border-radius:11px;
  padding:18px 22px;margin-top:20px}
.slo-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.slo-info-row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:800px){.slo-info-row{grid-template-columns:1fr 1fr}
  .slo-info-row2{grid-template-columns:1fr}}
.slo-info .lbl{display:block;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;color:var(--muted);margin-bottom:3px}
.slo-info .val{font-size:14.5px;font-weight:600}
.slo-info p{font-size:13.5px;line-height:1.5;margin-top:2px}
.stepper{display:flex;align-items:flex-start;margin:18px 0 24px;overflow-x:auto;padding:4px 2px}
.step{display:flex;flex-direction:column;align-items:center;min-width:126px;text-align:center;flex:none}
.step-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  font-size:14px;font-weight:700;background:#EEF1F4;color:#8895A3;
  border:2px solid #E1E6EB;margin-bottom:7px}
.step-label{font-size:12px;font-weight:700;color:var(--ink);line-height:1.3}
.step-status{font-size:11px;color:var(--muted);margin-top:2px}
.step-due{font-size:10.5px;color:var(--warn);font-weight:700;margin-top:3px}
.step-connector{flex:1;height:2px;background:#E1E6EB;margin-top:17px;min-width:20px}
.step-approved .step-dot{background:var(--ok);color:#fff;border-color:var(--ok)}
.step-approved .step-status{color:var(--ok);font-weight:600}
.step-submitted .step-dot{background:var(--gold);color:#fff;border-color:var(--gold)}
.step-submitted .step-status{color:#8A6A0A;font-weight:600}
.step-returned .step-dot{background:var(--danger);color:#fff;border-color:var(--danger)}
.step-returned .step-status{color:var(--danger);font-weight:600}
.step-in_progress .step-dot{background:#fff;border-color:var(--gold);color:var(--gold)}
.step-active .step-dot{box-shadow:0 0 0 3px rgba(224,169,48,.35)}
.step-active .step-label{color:var(--navy)}
.slo-select{width:100%;min-width:132px;font:inherit;font-size:12.5px;
  padding:6px 8px;border:1.5px solid var(--gold);border-radius:6px;background:#FFFDF7}
.slo-select:focus{outline:none;box-shadow:0 0 0 2px rgba(224,169,48,.35)}
.locked-val{font-size:12.5px;color:var(--muted);white-space:nowrap}
.locked-val.empty{color:#C7CED5}
td.ck-open{background:#FFFDF7}
.dist-chip{min-width:90px}
.dist-chip .val{font-size:16px}
.slo-submitbar{margin-top:22px;background:#fff;border:2px solid var(--gold);
  border-radius:11px;padding:18px 22px;display:flex;align-items:center;
  justify-content:space-between;gap:18px;flex-wrap:wrap;
  box-shadow:0 2px 10px rgba(224,169,48,.12)}
.slo-submitbar-txt b{display:block;font-size:14.5px;margin-bottom:2px}
.slo-submitbar-txt span{font-size:13px;color:var(--muted)}
.pfilters{display:flex;align-items:flex-end;gap:16px;margin-top:20px;
  background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;flex-wrap:wrap}
.pfilter-select{min-width:200px;cursor:pointer}
.pfilter-clear{margin-left:auto;font-size:13px}
.pay-yeartabs{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.pay-yeartab{position:relative;padding:11px 22px;border-radius:9px;
  border:1.5px solid var(--line);background:#fff;font-size:14px;font-weight:700;
  color:var(--muted);text-decoration:none;transition:all .12s}
.pay-yeartab:hover{border-color:var(--gold)}
.pay-yeartab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.pay-yeartab.noearn{color:#B7BFC7}
.pay-yeartab.noearn:hover{border-color:var(--line)}
.pay-yeardot{display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--gold);margin-left:7px;vertical-align:middle}
.pay-yeartab.active .pay-yeardot{background:var(--gold-soft)}
.pay-noearn{margin-top:20px;background:#fff;border:1px solid var(--line);
  border-radius:11px;padding:28px;display:flex;align-items:center;gap:18px}
.pay-noearn-ico{width:44px;height:44px;border-radius:10px;background:#EEF1F4;
  color:#8895A3;display:grid;place-items:center;font-size:20px;font-weight:800;flex:none}
.pay-noearn b{display:block;font-size:15px;margin-bottom:3px}
.pay-noearn span{font-size:13.5px;color:var(--muted)}
.pay-card{margin-top:20px;background:#fff;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(16,32,52,.06)}
.pay-head{background:var(--navy);color:#fff;padding:22px 26px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pay-head-label{font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:#A9BACB}
.pay-head-sub{font-size:15px;font-weight:600;margin-top:5px}
.pay-head-sub b{color:var(--gold-soft)}
.pay-datebox{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  border-radius:9px;padding:10px 18px;text-align:right}
.pay-datebox-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#A9BACB}
.pay-datebox-val{font-size:16px;font-weight:700;margin-top:2px;color:#fff}
.pay-table{width:100%;border-collapse:collapse;font-size:14px}
.pay-table td{padding:13px 26px;border-bottom:1px solid var(--line)}
.pay-table tr:last-child td{border-bottom:none}
.pay-amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.pay-neg{color:var(--danger);font-weight:600}
.pay-indent{padding-left:42px !important;font-size:13.5px}
.pay-note{display:block;font-size:11.5px;color:var(--muted);font-weight:400;margin-top:2px}
.pay-row-gross td{font-size:16px;font-weight:700;background:#FAFCFD}
.pay-row-gross .pay-amt{font-size:18px;color:var(--navy)}
.pay-row-section td{background:#F7F9FB;font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-top:16px;padding-bottom:9px}
.pay-row-subtotal td{font-weight:700;background:#FCFDFE;border-top:1.5px solid var(--line)}
.pay-row-subtotal .pay-amt{color:var(--ink)}
.pay-row-net{background:var(--ok-bg)}
.pay-row-net td{font-size:17px;font-weight:800;color:var(--ok);border-top:2px solid var(--ok)}
.pay-row-net .pay-amt{font-size:21px;color:var(--ok)}
.pay-footnote{padding:16px 26px;font-size:12px;color:var(--muted);line-height:1.5;
  background:#FAFCFD;border-top:1px solid var(--line)}
.pay-faq-empty{margin-top:16px;background:#fff;border:1px dashed var(--line);
  border-radius:11px;padding:26px;text-align:center;font-size:13.5px;color:#B7BFC7}
.pay-plan{margin-top:16px;background:#fff;border:1px solid var(--line);
  border-radius:11px;overflow:hidden}
.pay-plan-row{display:grid;grid-template-columns:200px 1fr;gap:20px;
  padding:16px 22px;border-bottom:1px solid var(--line)}
.pay-plan-row:last-child{border-bottom:none}
@media(max-width:700px){.pay-plan-row{grid-template-columns:1fr}}
.pay-plan-label{font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;color:var(--muted);padding-top:1px}
.pay-plan-body{font-size:13.5px;line-height:1.6;color:var(--ink)}
.pay-plan-list{margin:0;padding-left:20px}
.pay-plan-list li{margin-bottom:8px;line-height:1.5}
.pay-plan-list li:last-child{margin-bottom:0}
.gate-err{background:var(--danger-bg);color:var(--danger);border-radius:8px;
  padding:11px 14px;font-size:13.5px;font-weight:600;margin-bottom:16px}
.gate-input{margin-bottom:16px}
.gate-submit{width:100%;text-align:center;padding:11px 17px}
.ac-issue{margin-top:20px;background:#fff;border:1px solid var(--line);
  border-radius:11px;padding:18px 22px}
.ac-issue-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ac-issue-form > div{flex:1;min-width:240px}
.ac-actions{display:flex;gap:6px;flex-wrap:wrap}