#zei-portal{--bg:#FFF9F3;--surface:#FFFFFF;--gold:#3A5159;--text:#4A4A4A;--muted:#66767B;--line:#D9DDDA;color:var(--text);background:var(--bg);font:14px/1.45 Arial,sans-serif;min-height:100vh}#zei-portal *{box-sizing:border-box}#zei-portal .simple-portal{max-width:1660px;margin:auto;padding:20px 24px}#zei-portal button,#zei-portal input,#zei-portal select,#zei-portal textarea{font:inherit;color:inherit}#zei-portal button,#zei-portal a,#zei-portal input,#zei-portal select,#zei-portal textarea{outline-offset:3px}#zei-portal button{cursor:pointer;min-height:34px;border:1px solid var(--line);border-radius:4px;background:#F4EEE7;padding:6px 12px;text-transform:none;letter-spacing:normal;line-height:1.3}#zei-portal button:hover,#zei-portal button.active{border-color:var(--gold);background:#E4EAEC}#zei-portal button:disabled{opacity:.5;cursor:wait}#zei-portal a{color:var(--muted);font-size:12px}#zei-portal .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#zei-portal .spread{justify-content:space-between}#zei-portal .simple-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:14px;border-bottom:3px solid var(--gold)}#zei-portal h1{font:26px Georgia,serif;color:var(--gold);margin:0 0 3px}#zei-portal h2{font:22px Georgia,serif;color:var(--gold);margin:10px 0}#zei-portal h3{font:18px Georgia,serif;margin:10px 0;color:var(--text)}#zei-portal p{margin:8px 0}#zei-portal .muted{font-size:12px;color:var(--muted)}#zei-portal .class-picker{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}#zei-portal .class-picker button{padding:7px 14px;font-size:13px}#zei-portal .class-summary{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:10px 28px;padding:10px 0 16px;border-bottom:1px solid var(--line)}#zei-portal label{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}#zei-portal .class-summary strong{font:16px Georgia,serif}#zei-portal .class-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0}#zei-portal input,#zei-portal select,#zei-portal textarea{background:#FFFFFF;border:1px solid #B5C0C2;border-radius:4px;padding:8px;max-width:100%}#zei-portal #zei-search{font-size:12px;width:160px;height:34px}#zei-portal .table-wrap{overflow:auto;border:1px solid var(--line);margin-top:14px}#zei-portal .attendance-grid{max-height:65vh;isolation:isolate}#zei-portal table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}#zei-portal th,#zei-portal td{padding:7px 6px;text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle}#zei-portal thead th{background:#3A5159;color:#4A4A4A;font:bold 13px Georgia,serif;white-space:nowrap}#zei-portal th small{display:block;font:10px Arial,sans-serif;color:#E9F0F1;margin-top:4px}#zei-portal tbody tr:nth-child(even){background:#FBF5EE}#zei-portal .attendance-grid table{min-width:1070px}#zei-portal .attendance-grid thead th{position:sticky;top:0;z-index:2}#zei-portal .attendance-grid .student-column{position:sticky;left:0;z-index:1;background:#FFF9F3;min-width:145px;max-width:190px;font-weight:normal}#zei-portal .attendance-grid thead .student-column{z-index:3;background:#3A5159}#zei-portal .attendance-value{min-height:30px;width:53px;padding:3px 4px;border-radius:15px;font-size:17px;text-align:center;font-weight:bold}#zei-portal .attendance-value.present{background:#d2eac1;border-color:#a3c790;color:#126542}#zei-portal .attendance-value.absent{background:#ad1b17;border-color:#ad1b17;color:white}#zei-portal .attendance-value.makeup{background:#cfdfed;color:#285577}#zei-portal .attendance-value.unmarked{background:#F1F0ED;color:#687276}#zei-portal .not-enrolled{display:block;text-align:center;color:#A0A7A7}#zei-portal .total{color:var(--gold);font:bold 18px Georgia;text-align:center}#zei-portal .piece-count{width:58px;min-height:30px;padding:4px 6px;text-align:center}#zei-portal .inline-note{min-width:170px;width:23%}#zei-portal .inline-note textarea{width:100%;min-width:150px;height:33px;min-height:33px;resize:vertical;padding:5px 7px;font-size:12px}#zei-portal .edit-student{font-size:11px;min-height:28px;padding:4px 7px}#zei-portal .sheet-totals{display:flex;justify-content:space-between;gap:20px;margin:15px 0 24px;font:14px Georgia,serif;color:var(--gold)}#zei-portal .sheet-totals strong{margin-left:18px;font-size:20px}#zei-portal .photos-section,#zei-portal .class-notes{border-top:1px solid var(--line);padding:11px 0;margin-top:8px}#zei-portal summary{cursor:pointer;color:var(--muted);font-size:12px}#zei-portal .class-notes p{font-size:12px;color:var(--muted)}#zei-portal .footer{margin-top:22px;font-size:10px;color:#758086}#zei-portal .status:not(:empty){font-size:12px;padding:8px 0;color:#3A5159}#zei-portal .welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}#zei-portal .eyebrow{font-size:11px;color:var(--gold)}#zei-portal .notice{font-size:12px;color:var(--muted);margin:12px 0}#zei-portal .toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0}#zei-portal .piece{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}#zei-portal .piece img{width:65px;height:65px;object-fit:cover}#zei-portal .piece p{font-size:12px;color:var(--muted)}#zei-portal .empty-photo{width:50px;font:32px Georgia;color:var(--gold)}#zei-portal .pill{font-size:11px;color:var(--muted)}#zei-portal dialog{width:min(580px,94vw);max-height:90vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid #B5C0C2;border-radius:7px;padding:22px}#zei-portal dialog::backdrop{background:#000b}#zei-portal .field{margin:16px 0}#zei-portal .field input:not([type=checkbox]),#zei-portal .field select,#zei-portal .field textarea{width:100%}#zei-portal input[type=checkbox]{width:auto}#zei-portal .field textarea{min-height:80px}#zei-portal .form-error{color:#f0a99f;font-size:12px}body.zei-portal-page{margin:0;background:#FFF9F3;color:#4A4A4A}body.zei-portal-page .zei-login,body.zei-portal-page main>p{max-width:420px;margin:8vh auto;padding:30px;background:#FFFFFF;border:1px solid #B5C0C2;border-radius:6px;font:15px/1.5 Arial,sans-serif}body.zei-portal-page .zei-login input{padding:10px;box-sizing:border-box;background:#F4EEE7;border:1px solid #B5C0C2;color:#4A4A4A;max-width:100%}body.zei-portal-page .zei-login input:not([type=checkbox]){width:100%}body.zei-portal-page .zei-login label{display:block}body.zei-portal-page .zei-login button{background:#3A5159;color:#FFF9F3;border:0;padding:10px 25px;cursor:pointer;border-radius:4px}@media(max-width:650px){#zei-portal .simple-portal{padding:15px 12px}#zei-portal .simple-header{align-items:start;flex-direction:column}#zei-portal h1{font-size:23px}#zei-portal .class-summary{grid-template-columns:1fr 1fr;gap:12px}#zei-portal .class-summary strong{font-size:14px}#zei-portal .class-tools{flex-direction:column;align-items:start}#zei-portal .sheet-totals{flex-wrap:wrap;font-size:12px;gap:10px}#zei-portal .sheet-totals strong{font-size:17px;margin-left:8px}#zei-portal .attendance-grid .student-column{min-width:120px;max-width:135px}#zei-portal .welcome{align-items:start;flex-direction:column}}

#zei-portal .location-picker{display:flex;gap:24px;flex-wrap:wrap;padding:14px 0}#zei-portal .location-group{flex:1;min-width:220px}#zei-portal .location-group h2{font:14px Arial,sans-serif;font-weight:bold;letter-spacing:1px;text-transform:uppercase;margin:0;color:var(--gold)}#zei-portal .location-group .class-picker{margin:8px 0}#zei-portal .class-picker button small{display:block;font-size:11px;color:var(--muted);margin-top:3px}#zei-portal .class-picker button.active{background:#3A5159;color:#FFF9F3}#zei-portal .class-picker button.active small{color:#E9F0F1}#zei-portal .class-summary{background:#F4EEE7;padding:14px;border:1px solid #E4DDD5}#zei-portal .class-summary strong{color:#4A4A4A}#zei-portal .lesson-notes{padding:16px 0;border-top:1px solid var(--line)}#zei-portal #zei-class-note{width:100%;min-height:85px;resize:vertical;margin:4px 0 8px}#zei-portal .class-note-list article{padding:10px 0;border-bottom:1px solid var(--line)}#zei-portal .class-note-list p{white-space:pre-wrap}#zei-portal .class-note-list small{font-size:11px;color:var(--muted)}#zei-portal .removed-students{padding:12px 0}#zei-portal .student-actions button{display:block;margin:3px 0;font-size:11px}#zei-portal .attendance-grid thead th{color:#FFF9F3}#zei-portal .attendance-grid thead th small{color:#E9F0F1}#zei-portal button{min-height:42px}#zei-portal .status:not(:empty){position:sticky;top:0;background:#FFF9F3;z-index:5;padding:10px 0}body.zei-portal-page .zei-login .button,body.zei-portal-page .zei-login button{background:#3A5159;color:#FFF9F3}
@media(max-width:760px){#zei-portal .simple-portal{padding:12px}#zei-portal .simple-header{align-items:stretch;gap:12px}#zei-portal .simple-header .row{gap:8px}#zei-portal .simple-header h1{font-size:23px}#zei-portal .location-picker{gap:12px;padding:12px 0}#zei-portal .location-group{min-width:0;flex-basis:100%}#zei-portal .class-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#zei-portal .class-picker button{padding:9px 6px;min-height:48px;font-size:14px}#zei-portal .class-summary{grid-template-columns:1fr 1fr;gap:13px;padding:12px}#zei-portal .class-tools{align-items:stretch}#zei-portal .class-tools .row{flex-wrap:wrap}#zei-portal #zei-search{width:100%;height:44px;font-size:16px}#zei-portal .attendance-grid{border:none;max-height:none;overflow:visible}#zei-portal .attendance-grid table{display:block;min-width:0;width:100%}#zei-portal .attendance-grid thead{display:none}#zei-portal .attendance-grid tbody{display:block}#zei-portal .attendance-grid tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:13px;margin-bottom:14px;border:1px solid #D9DDDA;border-radius:6px;background:#FFFFFF}#zei-portal .attendance-grid td,#zei-portal .attendance-grid th{border:none;padding:0;min-width:0}#zei-portal .attendance-grid .student-number{display:none}#zei-portal .attendance-grid .student-column{position:static;grid-column:1/-1;max-width:none;background:transparent;font-size:17px;font-weight:bold;padding-bottom:6px}#zei-portal .attendance-grid .student-column small{color:#66767B;font-size:12px}#zei-portal .attendance-cell::before,#zei-portal .total-cell::before,#zei-portal .pieces-cell::before,#zei-portal .inline-note::before{content:attr(data-label);display:block;font:11px Arial,sans-serif;color:#66767B;margin:3px 0 5px;text-align:left}#zei-portal .attendance-value{width:100%;min-height:46px;font-size:18px;border-radius:5px;padding:6px}#zei-portal .not-enrolled{min-height:46px;padding:11px;background:#F1F0ED;border-radius:5px}#zei-portal .total-cell,#zei-portal .pieces-cell{grid-column:span 2;text-align:left}#zei-portal .total-cell{font-size:22px}#zei-portal .piece-count{width:100%;min-height:44px;font-size:16px;text-align:left}#zei-portal .inline-note{grid-column:1/-1;width:100%}#zei-portal .inline-note textarea{min-width:0;width:100%;font-size:16px;min-height:70px;resize:vertical}#zei-portal .student-actions{grid-column:1/-1;display:flex;gap:10px}#zei-portal .student-actions button{min-height:44px;font-size:13px;flex:1}#zei-portal dialog input,#zei-portal dialog select,#zei-portal dialog textarea,#zei-portal #zei-class-note{font-size:16px;min-height:44px}#zei-portal dialog{padding:16px;width:calc(100vw - 24px)}#zei-portal .sheet-totals{font-size:12px;gap:13px}#zei-portal .sheet-totals strong{font-size:18px}#zei-portal .piece{flex-wrap:wrap}#zei-portal .toolbar{gap:10px;flex-wrap:wrap}#zei-portal .simple-header a{padding:10px 0}#zei-portal .class-note-list p{overflow-wrap:anywhere}}
/* Compact, single-sheet phone view: all students stay together. */
#zei-portal .piece-count.piece-warning{background:#AD1B17;color:#FFFFFF;border-color:#AD1B17;font-weight:bold}
@media(max-width:760px){#zei-portal .attendance-grid{overflow:auto;max-height:70vh;border:1px solid #D9DDDA}#zei-portal .attendance-grid table{display:table;min-width:970px;table-layout:auto}#zei-portal .attendance-grid thead{display:table-header-group}#zei-portal .attendance-grid tbody{display:table-row-group}#zei-portal .attendance-grid tbody tr{display:table-row;padding:0;margin:0;border:0;border-radius:0;background:#FFFFFF}#zei-portal .attendance-grid th,#zei-portal .attendance-grid td{display:table-cell;padding:4px;border-bottom:1px solid #D9DDDA;vertical-align:middle}#zei-portal .attendance-grid .student-number{display:none}#zei-portal .attendance-grid .student-column{position:sticky;left:0;min-width:120px;max-width:140px;font-size:13px;z-index:1;background:#FFF9F3;padding:6px}#zei-portal .attendance-grid thead .student-column{background:#3A5159;z-index:3}#zei-portal .attendance-grid .student-column small{font-size:10px}#zei-portal .attendance-grid thead th{font-size:12px;padding:8px 5px}#zei-portal .attendance-value{width:48px;min-height:38px;height:38px;font-size:17px;padding:4px;border-radius:5px}#zei-portal .not-enrolled{min-height:38px;height:38px;padding:8px}#zei-portal .attendance-cell::before,#zei-portal .total-cell::before,#zei-portal .pieces-cell::before,#zei-portal .inline-note::before{display:none}#zei-portal .total-cell{font-size:17px;text-align:center}#zei-portal .piece-count{width:55px;min-height:38px;height:38px;padding:5px;font-size:16px}#zei-portal .inline-note{min-width:165px;width:auto}#zei-portal .inline-note textarea{min-width:155px;min-height:38px;height:38px;padding:5px;font-size:16px}#zei-portal .student-actions{display:table-cell;white-space:nowrap}#zei-portal .student-actions button{display:inline-block;min-height:36px;font-size:11px;padding:5px 8px;margin:0 2px}#zei-portal .sheet-totals{margin:12px 0}#zei-portal .class-summary{gap:8px;padding:10px}#zei-portal .location-picker{padding:8px 0;gap:8px}#zei-portal .class-picker button{min-height:40px;padding:6px;font-size:13px}}