/* App dialogs and supplementary styles. Original page styles are in original.css. */
:root{--primary:#2e8cf0;--minor:#5f5f5f;--border:rgba(38,38,38,.15);--field:#969696;--danger:#f00505;--green:#17bf6a;--nav-h:50px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
@supports (top:constant(safe-area-inset-top)){:root{--safe-top:constant(safe-area-inset-top);--safe-bottom:constant(safe-area-inset-bottom)}}
/* White strip behind the iOS status bar so it never shows page background. */
body:has(.topbar)::before{content:"";position:fixed;top:0;left:0;right:0;height:var(--safe-top);background:#fff;z-index:999;pointer-events:none}
*{box-sizing:border-box}html{background:#fff}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:3px}button{border:0;background:none;color:inherit}a{color:var(--primary)}input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px;flex:none}.muted{color:var(--minor)}.required{color:var(--danger);margin-right:4px}.small{font-size:12px}.loading,.fatal{text-align:center;padding:64px 16px;color:var(--minor)}button.primary,button.secondary{border-radius:4px;padding:10px 20px;min-height:44px;border:1px solid var(--primary)}button.primary{background:var(--primary);color:white}button.secondary{background:white;color:var(--primary)}button.danger{color:var(--danger);border-color:var(--danger)}button.primary.danger{background:var(--danger);color:white}button.link{color:var(--primary);padding:8px}.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;height:calc(var(--nav-h) + var(--safe-top));padding-top:var(--safe-top);background:#fff}.nav-spacer{height:calc(var(--nav-h) + var(--safe-top))}.topbar .nav-icon{flex:none;display:flex;align-items:center;justify-content:center;height:var(--nav-h);padding:0}.topbar .nav-icon img{display:block;width:100%;height:auto}.nav-back{width:28.666px}.nav-close{width:22.666px;margin-left:30px}.nav-more{width:30px;margin-left:auto;margin-right:13px}.topbar h1{position:absolute;left:50%;top:calc(var(--safe-top) + var(--nav-h) / 2);transform:translate(-50%,-50%);margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;font-size:17px;font-weight:500;line-height:1;white-space:nowrap;color:#121212}.section{margin:12px 12px 0;background:white;border-radius:8px;overflow:hidden}.section h2{font-size:16px;font-weight:600;padding:16px;margin:0;border-bottom:1px solid var(--border)}.field{display:flex;gap:16px;padding:16px;border-bottom:1px solid var(--border);align-items:flex-start;min-height:56px}.field>label{width:136px;flex:none;font-size:16px;line-height:24px}.field>input,.field>select,.field>textarea{flex:1;min-width:0;width:0;font-size:16px;line-height:24px;border:0;padding:0;background:white;color:#121212}.field>textarea{resize:vertical;min-height:192px}.field .switch-value{display:flex;align-items:center;justify-content:flex-end;flex:1}.field .switch-value input{width:24px;height:24px}.hint{padding:12px 16px;color:var(--minor);font-size:12px;line-height:20px}.form-note{padding:12px 16px;background:#fff7eb;font-size:14px;line-height:22px}.dates{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.date-chip{font-size:12px;border:1px solid var(--border);padding:4px 8px;border-radius:4px;background:#f8f8f8}.attachment{display:flex;align-items:center;gap:8px;font-size:14px;overflow-wrap:anywhere;margin:8px 0}.attachment img{width:56px;height:56px;object-fit:cover;border-radius:4px}.attachment span{flex:1}.attachment button{color:var(--primary);padding:8px;flex:none}.timeline{list-style:none;margin:0;padding:8px 16px 16px}.timeline li{border-left:1px solid var(--border);padding:8px 0 16px 20px;position:relative;font-size:14px;line-height:22px}.timeline li:before{content:"";position:absolute;width:8px;height:8px;background:var(--primary);border-radius:50%;left:-5px;top:15px}.timeline p{margin:4px 0 0;white-space:pre-wrap}.timeline time{color:var(--minor);font-size:12px}.selection-head{display:flex;gap:8px;align-items:center;background:white;padding:12px 16px;font-size:14px}.selection-head label{display:flex;gap:8px;align-items:center}.bulk-actions{position:sticky;z-index:3;background:white;border:1px solid var(--border);padding:8px 12px;display:flex;gap:8px;flex-wrap:wrap}.bulk-actions button{font-size:14px;flex:1;min-width:80px;padding:8px;min-height:36px}.bulk-count{font-size:12px;width:100%;color:var(--minor)}.table-wrap{overflow:auto;background:white}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th,td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left}th{font-weight:500}td a{text-decoration:none}.print-heading{display:none}.page-success{text-align:center;padding:64px 24px}.page-success-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:white;font-size:36px;width:64px;height:64px;margin:0 auto 24px}.page-success h1{font-size:20px;font-weight:500}.page-success p{color:var(--minor);font-size:14px;line-height:24px}.page-success button{min-width:128px;margin:16px 8px 0}.student-picker{padding:12px 16px;display:grid;gap:12px}.student-picker label{display:flex;align-items:center;gap:8px;font-size:14px}.student-picker small{color:var(--minor)}.settings-page{padding-bottom:64px;max-width:960px;margin:auto}.settings-copy{font-size:14px;line-height:24px;padding:16px;white-space:pre-wrap}.wide-buttons{display:flex;flex-wrap:wrap;gap:12px;padding:16px}.wide-buttons button{flex:1;min-width:128px;font-size:14px}dialog{padding:0;border:0;border-radius:8px;max-width:480px;width:calc(100% - 48px);max-height:85dvh;color:inherit}dialog::backdrop{background:rgba(0,0,0,.4)}dialog h2{font-size:18px;font-weight:600;text-align:center;margin:0;padding:24px 16px 16px}dialog .dialog-content{padding:0 24px 24px;line-height:24px;white-space:pre-wrap;font-size:14px;max-height:60dvh;overflow:auto}dialog .dialog-content p{margin:0 0 12px}dialog .dialog-content textarea,dialog .dialog-content input:not([type=checkbox]){width:100%;padding:8px;border:1px solid var(--field);border-radius:4px;font:inherit;margin:8px 0}dialog .dialog-content textarea{min-height:96px;resize:vertical}dialog .dialog-content label{display:block}dialog .dialog-buttons{display:flex;border-top:1px solid var(--border)}dialog .dialog-buttons button{flex:1;padding:12px;border-right:1px solid var(--border);min-height:48px}dialog .dialog-buttons button:last-child{border:0;color:var(--primary)}#notice{position:fixed;z-index:20;left:50%;top:calc(var(--safe-top) + var(--nav-h) + 8px);transform:translateX(-50%);background:#121212;color:white;padding:12px 20px;border-radius:4px;max-width:90vw;font-size:14px;box-shadow:0 4px 6px rgba(0,0,0,.15);line-height:22px}#notice.error{background:#8a2020}[hidden]{display:none!important}.record-reason{white-space:pre-wrap}
@media(max-width:390px){.field{gap:8px;padding:16px 12px}.field>label{width:112px;font-size:14px}}
@media print{.topbar,.nav-spacer,.source-tabs,.source-stats-controls,.bulk-actions,.no-print,#notice{display:none!important}.print-heading{display:block;padding:16px;font-size:20px}.table-wrap{overflow:visible}table{font-size:10px;white-space:normal}th,td{padding:6px}.xg-card-form-read,.xg-card-temp-shlist{break-inside:avoid}}