:root{--ink:#16383d;--muted:#657f82;--line:#dfe9e8;--bg:#f4f7f6;--teal:#086c69;--green:#16764e;--red:#b54440;--orange:#a76b15}*{box-sizing:border-box}body{margin:0;font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;min-height:44px;padding:0 15px;font-weight:600}button:hover{border-color:#729c98;background:#f2f8f7}button:focus-visible,input:focus-visible{outline:3px solid #1baba3;outline-offset:3px}button:disabled{opacity:.5;cursor:default}header{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;background:var(--teal);color:white;width:43px;height:43px;border-radius:14px;font-size:26px;font-weight:300}.brand strong{font-size:19px;letter-spacing:-.7px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:4px;color:var(--muted)}.headernav{display:flex;gap:7px}.headernav .active{background:#e8f4f1;border-color:transparent;color:var(--teal)}.operator{font-size:13px;color:var(--muted)}.operator b{color:var(--ink)}.demo{background:#e9f0f0;color:#547274;font-size:11px;letter-spacing:.35px;text-align:center;padding:8px}.shell{display:grid;grid-template-columns:205px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 111px)}aside{position:sticky;top:0;align-self:start;padding:27px 17px;border-right:1px solid var(--line);background:#fbfcfb}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:var(--muted);text-transform:uppercase}.date{font-size:17px;font-weight:650;margin:10px 0 5px}.sub{color:var(--muted);font-size:13px;line-height:1.5}.times{display:grid;gap:7px;margin-top:23px}.time{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px;border:1px solid transparent;background:transparent}.time b{display:block;font-size:17px;letter-spacing:-.4px}.time small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.time.selected{background:var(--teal);color:white}.time.selected small{color:#bee6df}.time .dot{width:23px;height:23px;border:1px solid #ccdcd8;border-radius:50%;font-size:11px;display:grid;place-items:center}.time.selected .dot{border-color:#6eaaa4;color:white}.democtrl{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.democtrl button{width:100%;font-size:11px;text-align:left;min-height:36px;margin-top:7px;padding:0 9px}.democtrl p{font-size:11px;color:var(--muted);line-height:1.5}main{padding:27px 32px 50px;min-width:0}.sync{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;margin-bottom:25px;color:var(--green)}.sync .signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px}.sync button{font-size:12px;min-height:34px;background:transparent}.sync.failed{background:#fff0dd;padding:12px;border-radius:10px;color:#985e0c}.headline{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}h1{font-size:34px;line-height:1.1;margin:7px 0 7px;font-weight:650;letter-spacing:-1.3px}.period{font-size:17px;color:var(--muted);font-weight:400}.progressnote{font-size:13px;color:var(--muted)}.progressnote strong{color:var(--ink)}.stats{display:flex;gap:26px;padding:19px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.stat b{font-size:25px;font-weight:600;display:block;letter-spacing:-.6px}.stat span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.stat:first-child b{color:var(--orange)}.stat:nth-child(2) b{color:var(--green)}.stat:nth-child(3) b{color:var(--red)}.bar{height:5px;width:140px;background:#dce7e4;border-radius:5px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--teal);transition:width .25s}.tools{display:flex;justify-content:space-between;gap:14px;margin-bottom:20px}.search{border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:white;width:270px;min-width:120px;color:var(--ink);min-height:44px}.filters{display:flex;gap:5px}.filters button{font-size:12px}.filters .on{border-color:var(--teal);background:#e6f2ef;color:var(--teal)}.notice{border-left:3px solid #d9972f;background:#fff7e9;padding:13px 16px;border-radius:0 8px 8px 0;font-size:13px;line-height:1.5;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.notice strong{display:block}.notice button{font-size:12px;min-height:36px;flex-shrink:0}.group{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:17px}.group.overbooked{border:2px solid #b54440}.group.overbooked .grouphead{background:#fff0ef}.overbook-warning{padding:11px 18px;background:#fff0ef;color:#9d302c;font-size:12px;line-height:1.5;border-bottom:1px solid #e7b8b5}.time .overbook-time{color:#b54440;font-weight:750}.time.selected .overbook-time{color:#ffe1cf}.grouphead{padding:15px 20px;background:#eef5f2;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.grouphead h2{font-size:15px;margin:0 0 5px;font-weight:700}.grouphead small{color:var(--muted);font-size:12px}.grouphead .count{font-size:11px;color:var(--muted);text-align:right}.student{display:flex;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid #edf1ef;min-height:88px}.student:last-child{border-bottom:0}.avatar{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:50%;background:#edf3f2;color:#527c77;font-size:11px;font-weight:700}.identity{flex:1;min-width:0}.name{font-weight:650;font-size:16px;letter-spacing:-.3px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.meta{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.5}.badge{display:inline-block;font-size:9px;letter-spacing:.45px;font-weight:750;padding:4px 6px;border-radius:4px;white-space:nowrap}.makeup{color:#2367a7;background:#eaf2fd}.trial{color:#a16b00;background:#fff2c9}.new{color:#7851a9;background:#f1eafb}.notified{color:#927344;background:#f8f0e5}.deskalert{margin-top:9px;padding:10px;background:#fff0d7;border-left:3px solid #b87512;border-radius:4px;font-size:12px;line-height:1.5;color:#794500}.deskalert strong{display:block}.deskalert button{display:block;margin-top:7px;font-size:11px;min-height:44px}.diaper{color:#794500;background:#ffedbd;border:1px solid #d5a648;font-size:11px;letter-spacing:0;padding:5px 8px}.fresh{color:#9b5911;background:#fff0d7}.actions{display:flex;gap:6px;align-items:center}.actions button{font-size:12px;min-width:89px;min-height:44px}.actions button.yes.sel{background:#e1f2e9;border-color:#87bea0;color:var(--green)}.actions button.no.sel{background:#fcebea;border-color:#dfa8a5;color:var(--red)}.actions .undo{font-size:17px;min-width:35px;padding:0 6px;border-color:transparent;color:var(--muted)}.student.away{background:#fdfbf7}.empty{padding:30px;text-align:center;color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0}.footer p{font-size:12px;color:var(--muted)}.primary{background:var(--teal);border-color:var(--teal);color:white}.primary:hover{background:#075954;color:white}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183f3c;color:#fff;border-radius:10px;padding:14px 22px;font-size:13px;box-shadow:0 5px 25px #1233;z-index:5;display:none;max-width:90vw}.toast button{min-height:25px;color:white;background:transparent;border:0;padding:0 0 0 15px;text-decoration:underline}dialog{border:0;border-radius:16px;padding:28px;width:min(620px,92vw);color:var(--ink);box-shadow:0 20px 100px #173b3b33}dialog::backdrop{background:#122e3655}dialog h2{margin:5px 0 12px;font-size:25px;letter-spacing:-.7px}dialog table{width:100%;border-collapse:collapse;font-size:13px;margin:20px 0}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}th{font-size:11px;color:var(--muted)}.modalhead{display:flex;justify-content:space-between;align-items:center}.historyname{border:0;background:none;padding:0;min-height:0;text-align:left;font-weight:650;font-size:16px}.historyname:hover{background:none;color:var(--teal);text-decoration:underline}@media(min-width:1440px){main{padding-right:70px;padding-left:45px}.shell{grid-template-columns:235px 1fr}}@media(max-width:1024px){header{padding:0 20px}.operator{display:none}.shell{grid-template-columns:168px 1fr}aside{padding:25px 12px}main{padding:25px 20px}.student{padding:16px 14px}.avatar{display:none}.actions button{min-width:75px;padding:0 9px}.stats{gap:22px}.tools{flex-wrap:wrap}.search{flex:1}}@media(max-width:767px){header{height:72px;padding:0 16px}.brand strong{font-size:17px}.headernav button{font-size:12px;padding:0 10px}.shell{display:block}aside{padding:15px 16px;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line);border-right:0}.date,aside>.sub,aside>.eyebrow{display:none}.times{display:flex;overflow:auto;margin:0;gap:5px}.time{min-width:100px;flex-shrink:0;padding:9px}.time b{font-size:16px}.time .dot{display:none}.democtrl{margin:9px 0 0;padding:9px 0 0;display:flex;gap:5px;flex-wrap:wrap}.democtrl button{flex:1 1 30%}.democtrl>.eyebrow,.democtrl>p{display:none}.democtrl button{margin:0;text-align:center;padding:0 5px;font-size:10px}main{padding:20px 15px}.sync{margin-bottom:20px;font-size:11px}.headline{gap:10px}h1{font-size:29px}.progressnote{font-size:11px}.bar{width:90px}.stats{gap:0;justify-content:space-between}.stat b{font-size:23px}.stat span{font-size:10px}.tools{gap:9px}.search{width:100%;flex-basis:100%}.filters{width:100%}.filters button{flex:1;padding:0 10px}.student{flex-wrap:wrap;gap:9px}.identity{flex-basis:100%}.actions{width:100%}.actions button{flex:1}.actions .undo{flex:0}.name{font-size:16px}.grouphead{padding:13px 14px}.footer{align-items:start}.footer p{max-width:55%}.notice{align-items:start}.notice button{padding:0 8px}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){:root{color-scheme:light}}@media print{header,aside,.demo,.sync,.tools,.footer,.actions{display:none}.shell{display:block}main{padding:0}.group{break-inside:avoid}}

/* Super Aqua identity — official local brand manual, October 2026. */
@font-face{font-family:Montserrat;src:url('assets/Montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#173e63;--muted:#607991;--line:#dce8f2;--bg:#f3f8fc;--teal:#1d71b8;--red:#c8202c;--orange:#87620b}
body{font-family:Montserrat,Arial,sans-serif}header{height:104px;padding:0 36px;border-bottom:0;box-shadow:0 1px 0 #dce8f2;position:relative}header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1d71b8 0 65%,#009fe3 65% 85%,#ffde00 85% 97%,#e30613 97%)}
.brand{gap:24px}.brandlogo{width:172px;height:76px;object-fit:contain}.productname{padding-left:24px;border-left:1px solid var(--line)}.productname strong{font-size:23px;color:#1d71b8}.productname small{letter-spacing:1.4px;font-size:9px;font-weight:700}.headernav{gap:10px}.headernav .active{background:#e9f4fd;color:#1d71b8}.operator{font-size:11px}.demo{background:#eaf3fa;color:#4d6b87;font-size:10px;padding:8px;letter-spacing:.7px}
.shell{grid-template-columns:216px minmax(0,1fr);max-width:1600px}aside{background:#1d71b8;color:#fff;border:0;min-height:calc(100vh - 134px);padding:32px 18px}aside>.eyebrow{color:#d0eaff;font-size:9px;letter-spacing:1.2px}.date{font-size:16px;margin-top:16px}aside>.sub{color:#d0eaff;font-size:11px}.time{border-radius:12px;color:#fff;padding:14px 13px;margin:2px 0}.time b{font-size:21px;font-weight:750;letter-spacing:0}.time small{color:#d0eaff;font-size:10px}.time:hover{background:#1965a5;border-color:#7bb5e1}.time.selected{background:#ffde00;color:#153d65;box-shadow:0 4px 12px #0c477530}.time.selected small{color:#314b63}.time .dot{border-color:#83b6de;color:#fff}.time.selected .dot{border-color:#9b8d22;color:#173e63}.time .overbook-time{color:#ffe27d}.time.selected .overbook-time{color:#a32328}
.democtrl{border-top:1px solid #ffffff40;margin-top:28px;padding-top:18px;display:block}.democtrl summary{font-size:11px;font-weight:650;cursor:pointer;padding:12px 0}.democtrl button{background:#ffffff12;border-color:#ffffff40;color:white;min-height:40px}.democtrl button:hover{background:#ffffff25}.democtrl p{color:#d0eaff}.demobuttons{display:block}
main{padding:27px 34px 44px}.sync{padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:24px;color:#26784f}.sync button{background:#fff;border-color:#cfdfec}.headline{margin-bottom:24px}.headline .eyebrow{color:#1d71b8;font-size:10px;letter-spacing:1.5px}h1{font-size:40px;color:#1d71b8;letter-spacing:-1.5px;font-weight:800}.period{font-size:23px;color:#66839d}.headline .sub{font-size:12px}.bar{background:#dceafa}.bar i{background:#009fe3}.stats{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px 24px;gap:0;box-shadow:0 3px 12px #174b7310}.stat{flex:1;padding-left:24px;border-left:1px solid #e8eff5}.stat:first-child{padding-left:0;border:0}.stat b{font-size:29px;font-weight:750}.stat span{font-weight:550;font-size:10px}.filters button{border-radius:8px;background:transparent}.filters .on{background:#1d71b8;color:#fff;border-color:#1d71b8}.search{font-size:12px;border-radius:9px}.group{border-radius:15px;box-shadow:0 3px 14px #123c6510;margin-bottom:20px}.grouphead{background:#eaf5fd;padding:14px 20px;gap:12px}.classidentity{display:flex;align-items:center;gap:15px;min-width:0}.classmascot{width:58px;height:62px;object-fit:contain;flex-shrink:0}.grouphead h2{font-size:17px;color:#1d71b8;font-weight:800;margin-bottom:7px}.grouphead small{font-size:11px}.grouphead .count{font-size:10px;flex-shrink:0}.occupancy{display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:center}.occupancy>strong{font-size:25px;grid-row:1 / 3;color:#173e63}.occupancy>strong span{font-size:19px;font-weight:500;color:#607991}.occupancylabel{font-size:8px;letter-spacing:.7px;font-weight:750}.capacitystate{color:#28724f;font-size:10px;font-weight:700;margin-top:4px}.occupancy.full .capacitystate{color:#856006}.occupancy.over .capacitystate{color:#c8202c}.grouphead .count>br{display:none}.student{padding:18px 20px;min-height:96px}.avatar{background:#eef5fb;color:#1d71b8}.historyname{font-size:15px;font-weight:700}.meta{font-size:10px}.badge{font-size:9px;letter-spacing:.2px;padding:5px 7px}.makeup{background:#e4f4ff;color:#145a96}.trial{background:#fff3b3;color:#6f5600}.new{background:#f0e9fc;color:#6c439a}.diaper{background:#fff6cb;color:#70520a;font-size:10px}.actions button{font-size:11px;border-radius:8px;min-height:46px;min-width:92px}.actions button.yes.sel{background:#e7f5ec;color:#1c7045;border-color:#81b899}.actions button.no.sel{background:#fce9eb;color:#b01b29;border-color:#d8868d}.primary{background:#1d71b8;border-color:#1d71b8}.primary:hover{background:#185f9b}.footer p{font-size:10px;line-height:1.7;max-width:64%}.footer .primary{font-size:12px}.deskalert{font-size:11px}.group.overbooked{border-color:#e30613}.overbook-warning{color:#a31b26}.toast{background:#153e66}
@media(min-width:1440px){main{padding-left:44px;padding-right:44px}}
@media(max-width:1100px){header{padding:0 22px}.brand{gap:14px}.productname{padding-left:14px}.shell{grid-template-columns:184px minmax(0,1fr)}main{padding:24px 22px}.classmascot{width:45px;height:52px}.classidentity{gap:10px}.grouphead h2{font-size:15px}.occupancy{column-gap:7px}.actions button{min-width:78px}.student{padding:17px 16px}.grouphead{padding:14px 16px}}
@media(max-width:767px){header{height:86px;padding:0 14px;gap:10px}.brandlogo{width:125px;height:62px}.productname{display:none}.headernav{gap:4px}.headernav button{font-size:11px;padding:0 10px}.demo{font-size:8px;line-height:1.6;letter-spacing:.25px;padding:6px}.shell{display:block}aside{min-height:0;padding:10px 12px;background:#1d71b8}.times{gap:6px}.time{padding:9px 12px;min-width:100px}.time b{font-size:18px}.time small{font-size:9px}.democtrl{padding-top:0;margin-top:5px}.democtrl summary{padding:7px 0;font-size:10px}.demobuttons{display:flex;flex-wrap:wrap;gap:5px}.democtrl button{flex:1 1 30%;font-size:9px}.democtrl p{display:none}main{padding:20px 13px}.headline .eyebrow{font-size:8px;letter-spacing:.8px}h1{font-size:32px}.period{font-size:19px}.headline .sub{font-size:10px}.progressnote{font-size:9px}.stats{padding:15px 12px}.stat{padding-left:9px}.stat b{font-size:25px}.stat span{font-size:8px;line-height:1.5}.grouphead{padding:12px;align-items:center}.classidentity{gap:7px}.classmascot{width:34px;height:43px}.grouphead h2{font-size:12px;max-width:145px}.grouphead small{font-size:9px}.occupancy{column-gap:5px}.occupancy>strong{font-size:20px}.occupancy>strong span{font-size:14px}.occupancylabel{font-size:6px;letter-spacing:0}.capacitystate{font-size:8px}.grouphead .count{font-size:8px}.student{padding:16px 14px}.historyname{font-size:15px}.meta{font-size:10px}.actions{margin-top:3px}.footer p{max-width:53%;font-size:9px}.footer .primary{font-size:10px;padding:0 11px}.sync{font-size:9px;line-height:1.6}.sync button{font-size:10px}.overbook-warning{font-size:11px}}


/* Explicit occupancy labels: avoid ambiguous fractions. */
.occupancy{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.occupancy>strong{font-size:14px;line-height:1.4}.occupancylabel{font-size:12px;letter-spacing:0;font-weight:600}.capacitystate{margin-top:2px;font-size:10px}
@media(max-width:767px){.occupancy>strong{font-size:11px}.occupancylabel{font-size:10px}.capacitystate{font-size:9px}}

@media(max-width:767px){.grouphead{flex-wrap:wrap}.grouphead .count{margin-left:auto}.occupancy>strong{font-size:12px}.occupancylabel{font-size:10px}.capacitystate{font-size:9px}}

/* Deck readability: a dedicated occupancy strip, independent of roster details. */
.grouphead{display:grid;grid-template-columns:1fr;padding:18px 20px 14px;gap:14px}.classidentity{gap:13px}.grouphead h2{font-size:19px;max-width:none}.grouphead small{font-size:12px}.classmascot{width:50px;height:55px}.grouphead .count{width:100%;text-align:left;margin:0;font-size:11px;line-height:1.7}.occupancy{display:grid;grid-template-columns:1fr 1fr 1.3fr;align-items:stretch;gap:0;background:white;border:1px solid #cadfeb;border-radius:10px;overflow:hidden;margin-bottom:8px}.seatmetric{padding:12px 18px;border-right:1px solid #dce8f2;display:flex;flex-direction:column;gap:4px}.seatmetric>span{font-size:12px;font-weight:650;color:#526f89}.seatmetric strong{font-size:28px;line-height:1.2;color:#173e63;font-weight:750}.seatmetric strong small{font-size:12px;font-weight:500;color:#526f89}.capacitystate{margin:0;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;font-size:13px;line-height:1.4;font-weight:800;letter-spacing:.3px;color:#216347;background:#eaf6ef}.capacitystate span{display:block;font-size:12px;font-weight:550;letter-spacing:0;margin-top:3px}.occupancy.full{border-color:#e3bd29}.occupancy.full .capacitystate{background:#ffde00;color:#493c00}.occupancy.over{border-color:#e30613}.occupancy.over .capacitystate{background:#c91f2a;color:#fff}
@media(max-width:767px){.grouphead{padding:14px 12px 10px;gap:12px}.grouphead h2{font-size:16px}.grouphead small{font-size:11px}.classmascot{width:40px;height:46px}.occupancy{grid-template-columns:1fr 1fr}.seatmetric{padding:10px 13px}.seatmetric:nth-child(2){border-right:0}.seatmetric>span{font-size:12px}.seatmetric strong{font-size:27px}.seatmetric strong small{font-size:11px}.capacitystate{grid-column:1 / -1;padding:10px 13px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.capacitystate span{margin:0;font-size:11px;text-align:right}.grouphead .count{font-size:10px}}

.birthday{background:#ffe5f1;color:#942457;border:1px solid #e8a8c7}.firstday{background:#eee5ff;color:#60349a;border:1px solid #c9b1e8}.photopolicy{background:#ffeedb;color:#854609;border:1px solid #dfb47f}.levelreview{background:#fff4d6;color:#785910;border:1px solid #dbbd68}

.deskapproval{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:700;cursor:pointer}.deskapproval input{width:21px;height:21px;accent-color:#1d71b8;flex-shrink:0;margin:0}.deskalert.approved{background:#eaf6ef;border-color:#298452;color:#216347}

[hidden]{display:none!important}.deckhandcard{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#fff;border:1px solid #c7ddee;border-left:4px solid #1d71b8;border-radius:10px;padding:17px 20px;margin-bottom:23px}.deckhandcard h2{font-size:16px;margin:0 0 6px;color:#1d71b8}.deckhandcard p{font-size:11px;margin:0;color:#526f89;line-height:1.5}.deckhandcard form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.deckhandcard label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:650}.deckhandcard input{width:155px;border:1px solid #c7ddee;border-radius:7px;min-height:44px;padding:9px;font-size:14px;color:#173e63}.deckhandcard button{font-size:11px}@media(max-width:767px){.deckhandcard{padding:14px}.deckhandcard form{width:100%}.deckhandcard label{flex:1;min-width:0}.deckhandcard input{width:100%}.deckhandcard form button{width:100%}}

.studentname{font-size:15px;font-weight:700}

.rollnote{margin-top:10px;padding:10px 12px;background:#f0f6fc;border-left:3px solid #1d71b8;border-radius:4px;color:#244963;font-size:12px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.rollnote strong{display:block;font-size:11px;font-weight:750;color:#1d71b8;margin-bottom:3px}.student:has(.rollnote){align-items:flex-start}.student:has(.rollnote) .actions{padding-top:2px}

.realnotes{border:1px solid #c7ddee;border-radius:12px;background:white;padding:18px;margin-bottom:22px}.realnotes h2{font-size:17px;color:#1d71b8;margin:0 0 8px}.realnotecard{padding:14px 0;border-top:1px solid #dce8f2}.realnotecard>strong{font-size:15px}.realnotes .sub{font-size:11px;line-height:1.6}

.instructorline{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;background:#fff;border:1px solid #b8d5ed;border-left:4px solid #1d71b8;border-radius:7px;padding:9px 12px;margin-top:9px}.instructorlabel{font-size:10px;font-weight:700;letter-spacing:.7px;color:#52708b}.instructorname{font-size:18px;font-weight:800;color:#174c79;overflow-wrap:anywhere}.classtime{font-size:12px;color:#526f89;border-left:1px solid #cadfeb;padding-left:10px}.classidentity>div{min-width:0}
@media(max-width:767px){.instructorline{gap:5px 8px;padding:8px 10px}.instructorlabel{font-size:9px}.instructorname{font-size:16px}.classtime{font-size:11px}}

.time.breaktime{border:1px dashed #b5d7f1}.time.breaktime:not(.selected){background:#ffffff14}.breakcard{display:flex;align-items:center;gap:22px;border:2px dashed #88b7d9;background:#e9f4fc;border-radius:15px;padding:32px;margin:20px 0}.breakcard h2{font-size:30px;color:#1d71b8;margin:8px 0}.breakcard p{font-size:16px}.breakicon{display:grid;place-items:center;width:65px;height:65px;background:#1d71b8;color:#fff;border-radius:50%;font-size:28px;flex-shrink:0}@media(max-width:767px){.breakcard{padding:22px 16px;gap:14px}.breakicon{width:48px;height:48px}.breakcard h2{font-size:25px}.breakcard p{font-size:13px}}
body{padding-bottom:env(safe-area-inset-bottom)}input,button{touch-action:manipulation}input{font-size:16px}button{min-height:48px}.signin{max-width:460px;margin:45px auto;padding:25px;background:#fff;border-radius:16px}.signin h1{font-size:28px}.signin p{font-size:13px;line-height:1.6}.signin form{display:grid;gap:20px}.signin label{display:grid;gap:8px;font-size:14px;font-weight:600}.signin input{padding:13px;border:1px solid #b6cadb;border-radius:8px;min-height:48px}.pilot{font-size:11px;text-align:center;padding:8px;background:#fff2bd;color:#604c08}#message:not(:empty){position:sticky;top:0;background:#173e63;color:white;padding:14px;z-index:20;font-size:14px}#staff{font-size:16px;font-weight:700}.deckhandcard>span{font-size:11px}.actions{flex-wrap:wrap;max-width:290px}.actions button{min-width:94px;flex:1;font-size:12px}.sourcebadge{background:#fff0dc;color:#774710}.savedby{font-size:11px;color:#48647e;margin-top:7px}.rollnote summary{min-height:44px;cursor:pointer;line-height:1.6;font-size:13px}.rollnote div{font-size:13px;white-space:pre-wrap}.changebox{background:#edf6ff;border-left:4px solid #1d71b8;padding:12px 16px;margin-bottom:18px;border-radius:8px}.changebox summary{font-size:14px;font-weight:700;min-height:44px;cursor:pointer}.changebox li{font-size:12px;margin:12px 0}.sync strong{font-size:13px}.sync.failed{color:#8f360b}.unavailable{padding:30px;background:white;border:1px solid #c7ddee;border-radius:12px;font-size:15px;line-height:1.7}.approval{display:flex;align-items:center;gap:10px;min-height:48px;font-size:13px;font-weight:700}.approval input{width:23px;height:23px}.rowpending{opacity:.7}.pendingwrite{background:#fff0dc;border-left:4px solid #bb6814;padding:12px;margin-bottom:10px;font-size:13px}.instructorname{font-size:19px}.occupancy{margin-top:12px}.attendance-label{font-size:11px;font-weight:600;margin-bottom:8px}.meta{font-size:12px;line-height:1.6}.badge{font-size:10px;white-space:normal}.student{align-items:flex-start}.studentname{font-size:17px}.time b{font-size:20px}.time small{font-size:11px}
@media(min-width:768px) and (max-width:1180px){.shell{grid-template-columns:155px minmax(0,1fr)}aside{padding:22px 10px}main{padding:20px 18px}.student{flex-wrap:wrap}.identity{flex:1;min-width:200px}.actions{width:100%;max-width:none;margin-left:0}.actions button{min-height:50px}.classmascot{width:42px}.grouphead h2{font-size:18px}.seatmetric{padding:10px 13px}.capacitystate{font-size:11px}.seatmetric strong small{display:block}.deckhandcard{padding:15px}.productname{display:block}.instructorname{font-size:18px}}
@media(max-width:767px){.signin{margin:20px 12px}.actions{max-width:none}.deckhandcard>span{font-size:10px}.instructorname{font-size:17px}.studentname{font-size:17px}#message:not(:empty){font-size:12px}.rollnote summary,.rollnote div{font-size:13px}.occupancy{margin-top:10px}}
.sync button,.changebox button{min-height:48px}.changebox button{margin-top:8px}

.scopewarning{padding:12px 18px;background:#fff2d7;color:#794500;font-size:13px;border-bottom:1px solid #e9c88f}

.teacherreview{margin-top:9px;font-size:12px;line-height:1.5;background:#fff2d7;color:#794500;border-radius:6px;padding:9px 12px}

/* Attendance groups follow the same reading order on every screen size. */
.attendance-section + .attendance-section{border-top:1px solid var(--line)}
.attendance-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#edf4fa;color:#254e72}
.attendance-section-heading h3{margin:0;font-size:14px;font-weight:750;line-height:1.4}
.attendance-count{flex-shrink:0;font-size:12px;font-weight:600;line-height:1.4}
.attendance-awaiting_front_desk{background:#fffaf0}
.attendance-awaiting_front_desk .attendance-section-heading{background:#fff0c2;color:#724a00;border-left:4px solid #c28916;padding-left:16px}
.attendance-present .attendance-section-heading{background:#eaf6ef;color:#216347}
.attendance-absent .attendance-section-heading{background:#f1f3f5;color:#536575}
@media(max-width:1180px){.attendance-section-heading{padding-right:16px;padding-left:16px}.attendance-awaiting_front_desk .attendance-section-heading{padding-left:12px}}
@media(max-width:767px){.attendance-section-heading{padding-right:14px;padding-left:14px}.attendance-awaiting_front_desk .attendance-section-heading{padding-left:10px}.attendance-section-heading h3{font-size:13px}.attendance-count{font-size:11px}}
#manager-report{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid #b8d2e6;border-radius:9px;text-decoration:none;color:#1d71b8;font-size:12px;font-weight:700;text-align:center;touch-action:manipulation}#manager-report:focus-visible{outline:3px solid #009fe3;outline-offset:3px}

/* Keep an empty schedule clear while retaining any recorded absences below. */
.empty{padding:16px 20px;text-align:left;background:#f4f7fa;color:#526f89;line-height:1.5;border-bottom:1px solid var(--line)}.empty strong{color:var(--ink)}

/* A saved mark stays visible on the student's row, including after regrouping. */
.student{border-left:5px solid transparent}.student.status-present{background:#e5f5eb;border-left-color:#16834d}.student.status-awaiting_front_desk{background:#fff4d6;border-left-color:#c48412}.student.status-absent,.student.status-notified{background:#fff1f1;border-left-color:#bd4145}.student.status-saving{background:#edf5ff;border-left-color:#1d71b8}.student.status-unconfirmed{background:#fff0dc;border-left-color:#b66312}
.attendance-feedback{display:inline-block;margin-top:11px;padding:8px 11px;border-radius:7px;font-size:14px;font-weight:800;line-height:1.5;background:#d4ecff;color:#174b77}.status-present .attendance-feedback{background:#167345;color:#fff}.status-awaiting_front_desk .attendance-feedback{background:#f8df9e;color:#694200}.status-absent .attendance-feedback{background:#f9d9db;color:#91272d}.status-unconfirmed .attendance-feedback{background:#ffe0b5;color:#793e00}.student.status-present .actions button.yes.sel{background:#167345;border-color:#167345;color:#fff;opacity:1}
.scopewarning{display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.6}.scopewarning button{flex-shrink:0;min-height:48px;background:#fff;border-color:#bc8b34;font-size:12px;color:#694200}
@media(max-width:1180px){.scopewarning{flex-wrap:wrap}.scopewarning button{width:100%}}

.status-notified .sourcebadge{background:#f9d9db;color:#91272d}.status-notified .meta{color:#91272d;font-weight:650}
/* The time and teacher remain attached to the class while checking its students. */
.group{overflow:clip}.grouphead{position:sticky;top:var(--deckhand-sticky-top,65px);z-index:4;flex-wrap:wrap}.classclock{flex:none;min-width:130px;padding:10px 12px;border-left:4px solid #1d71b8;border-radius:6px;background:white;color:#174c79}.classclock strong{font-size:23px;font-weight:800;display:block;white-space:nowrap}.classclock small{font-size:12px;display:block;margin-top:5px}.grouphead .classidentity{flex:1}.grouphead .occupancy{width:100%;margin-top:0}.viewbar{position:sticky;top:var(--deckhand-message-height,0px);z-index:12;background:white;border-bottom:1px solid #c7ddee;display:flex;align-items:center;gap:8px;padding:8px 20px;min-height:64px}.viewbar button{font-size:13px}.viewbar .selected{background:#1d71b8;color:#fff;border-color:#1d71b8}.viewbar .boarddate{margin-left:auto;font-size:12px;color:#607991}.boardmode #viewbar{position:fixed;inset:var(--deckhand-message-height,0px) 0 auto 0}.boardmode{overflow:hidden}.student-photo{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:50%;padding:0;flex:none;overflow:hidden;display:grid;place-items:center;color:#416d91;background:#fff;border:1px solid #adcbe1}.student-photo svg{width:24px;height:24px}.student-photo img{width:100%;height:100%;object-fit:cover}.photo-fallback{display:grid;place-items:center}.student .identity{min-width:0}.photodialog{max-height:90dvh;overflow:auto;width:min(490px,94vw)}.photodialog h2{font-size:23px}.photoheading{display:flex;justify-content:space-between;gap:12px;align-items:start}.photoheading button{min-width:48px;font-size:24px}.photodialog p{font-size:13px;line-height:1.5}.photodialog #photo-preview{display:block;margin:16px auto;width:100%;max-width:280px;height:280px;object-fit:contain;border-radius:10px;background:#eef4f9}.photoactions{display:flex;gap:10px;flex-wrap:wrap}.photoactions button{flex:1;font-size:13px;min-width:150px}#photo-policy{background:#fff0d4;padding:12px;border-left:3px solid #c08628;color:#794500;font-size:12px;white-space:pre-wrap}#photo-status{min-height:40px;font-weight:600}#photo-origin{color:#607991}.student-photo:focus-visible{outline:3px solid #009fe3;outline-offset:3px}@media(max-width:767px){.grouphead{top:var(--deckhand-sticky-top,65px)}.shell aside{position:relative}.classclock{min-width:122px}.classclock strong{font-size:20px}.classmascot{display:none}.viewbar{padding:8px 12px}.viewbar .boarddate{display:none}.student .identity{flex-basis:calc(100% - 70px)}}

.photo-danger{color:#a62732;border-color:#d99ba0;background:#fff5f5}.photo-danger:hover{color:#8b1d27;border-color:#bd6871;background:#ffe7e9}.photo-delete-confirm{margin:14px 0;padding:14px;border:1px solid #d99ba0;border-radius:10px;background:#fff5f5}.photo-delete-confirm h3{margin:0 0 8px;font-size:17px}.photo-delete-confirm p{margin:0 0 14px}.photo-delete-confirm[hidden]{display:none}

.student-photo.photo-missing{height:60px;min-height:60px;border-radius:10px;border-style:dashed;background:#f2f8fc}.photo-prompt{display:grid;justify-items:center;gap:3px;padding:4px;color:#315e82}.photo-prompt svg{width:18px;height:18px}.photo-prompt span{max-width:42px;font-size:11px;line-height:12px;font-weight:700;text-align:center;white-space:normal}

.time.breaktime{position:relative;min-width:132px}.time-break-icons{position:absolute;right:9px;top:13px;font-size:19px;white-space:nowrap;line-height:1.2}

/* Persistent notices keep their own row above the navigation and class times. */
#message{overflow-wrap:anywhere}.boardmode #message:not(:empty){position:fixed;inset:0 0 auto 0}
@media(min-width:768px){.shell aside{top:var(--deckhand-sticky-top,65px)}}
.group{scroll-margin-top:var(--deckhand-sticky-top,65px)}

/* Refresh is available in every view, including the iPad attendance overview. */
.refresh-control{display:flex;align-items:center;gap:8px;margin-left:auto;max-width:100%;min-width:0}.refresh-control button{flex:none;min-width:100px;min-height:48px;background:#1d71b8;color:white;border-color:#1d71b8;font-weight:750}.refresh-control #refresh-status{max-width:170px;font-size:11px;line-height:1.35;color:#47657d;overflow-wrap:anywhere}.refresh-control #refresh-status[data-state="failed"]{color:#9b2f24;font-weight:750}.refresh-control #refresh-status[data-state="waiting"]{color:#815300;font-weight:700}.refresh-control #refresh-status[data-state="updating"]{color:#145b91;font-weight:700}.viewbar{flex-wrap:wrap}.viewbar .boarddate{margin-left:0}@media(max-width:767px){.refresh-control{margin-left:0}.refresh-control #refresh-status{max-width:170px}.viewbar button{padding-left:10px;padding-right:10px}}