:root{--navy:#0b1f33;--navy2:#102b46;--blue:#1769aa;--blue2:#eaf4fb;--cyan:#22a7c6;--ink:#162230;--muted:#667789;--line:#dce5ec;--paper:#f4f7f9;--white:#fff;--green:#18794e;--greenbg:#e9f7ef;--amber:#9a6700;--amberbg:#fff4d6;--red:#b42318;--redbg:#fff0ee;--shadow:0 12px 30px rgba(9,30,52,.08);--radius:16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,var(--navy),#071626);color:white;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:inherit;padding:0 8px 20px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#24b7d1,#2384c6);font-weight:900;letter-spacing:-1px;box-shadow:0 6px 18px rgba(34,167,198,.25)}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:11px;color:#a9bdcd;margin-top:3px;font-weight:500}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{color:#b9c9d6;padding:10px 12px;border-radius:10px;font-weight:650;font-size:14px;display:flex;gap:10px;align-items:center}.sidebar nav a span{width:20px;text-align:center;color:#7aa3c3}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.09);color:white}.sidebar nav a.active span{color:#42c8df}.nav-label{font-size:10px;letter-spacing:.13em;color:#6e889d;font-weight:800;margin:22px 12px 6px}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:16px 8px 0}.user-badge{display:flex;gap:10px;align-items:center}.user-badge>span{width:34px;height:34px;border-radius:50%;background:#1d5b88;display:grid;place-items:center;font-weight:800}.user-badge strong,.user-badge small{display:block}.user-badge strong{font-size:12px}.user-badge small{color:#8ca5b8;font-size:11px}.link-button{border:0;background:none;color:#9fb4c5;padding:10px 0 0;cursor:pointer;font-size:12px}.main{margin-left:250px;min-width:0;flex:1}.topbar{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10}.topbar>div:first-of-type strong,.topbar>div:first-of-type span{display:block}.topbar>div:first-of-type strong{font-size:13px}.topbar>div:first-of-type span{font-size:11px;color:var(--muted)}.live-pill{margin-left:auto;font-size:11px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:7px}.live-pill i{width:8px;height:8px;border-radius:50%;background:#20b26b;box-shadow:0 0 0 4px #e8f7ef}.menu-button{display:none;margin-right:12px;border:0;background:none;font-size:20px}.content{padding:30px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px}.page-head h1{font-size:30px;line-height:1.08;margin:4px 0 5px;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted);font-size:14px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--blue)}.actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 15px;border:1px solid transparent;font-weight:750;font-size:13px;cursor:pointer;white-space:nowrap}.button.primary{background:var(--blue);color:white;border-color:var(--blue)}.button.primary:hover{background:#125a92}.button.secondary{background:white;color:var(--ink);border-color:#cbd8e2}.button.secondary:hover{border-color:#9cb4c6}.button.small{padding:8px 11px;font-size:12px}.button.wide{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-grid.compact{margin-bottom:20px}.metric-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 3px 10px rgba(9,30,52,.03)}.metric-icon{width:42px;height:42px;border-radius:12px;background:var(--blue2);display:grid;place-items:center;color:var(--blue);font-weight:900;flex:0 0 auto}.metric-card.warning .metric-icon{background:var(--amberbg);color:var(--amber)}.metric-card.danger .metric-icon{background:var(--redbg);color:var(--red)}.metric-card small,.metric-card strong,.metric-card p{display:block}.metric-card small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.metric-card strong{font-size:26px;line-height:1;margin:4px 0}.metric-card strong.text-value{font-size:15px;line-height:1.2}.metric-card p{margin:0;color:#8998a6;font-size:11px}.grid{display:grid;gap:18px;margin-bottom:18px}.grid.two-one{grid-template-columns:2fr 1fr}.grid.equal{grid-template-columns:1fr 1fr}.grid.thirds{grid-template-columns:repeat(3,1fr)}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 10px rgba(9,30,52,.035);overflow:hidden;margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e6edf2}.card-head h2{font-size:16px;margin:0 0 3px}.card-head p{font-size:12px;color:var(--muted);margin:0}.card-head>a{font-size:12px;font-weight:750}.count-pill{background:var(--blue2);color:var(--blue);padding:5px 9px;border-radius:20px;font-size:11px;font-weight:900}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#6d7f8e;font-size:10px;text-transform:uppercase;letter-spacing:.075em;background:#f8fafb;padding:11px 14px;border-bottom:1px solid var(--line)}td{padding:12px 14px;border-bottom:1px solid #edf1f4;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfe}td a strong,td a small{display:block}td a strong{color:var(--ink)}td a small{font-size:10px;color:#8795a2;margin-top:2px}.empty{text-align:center;color:#8996a2;padding:28px!important}.status{display:inline-block;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800;background:#eef3f6;color:#526576}.status.absent,.status.unexcused,.status.failed,.status.high{background:var(--redbg);color:var(--red)}.status.excused,.status.pending,.status.queued,.status.demo,.status.watch{background:var(--amberbg);color:var(--amber)}.status.present,.status.acknowledged,.status.delivered,.status.good,.status.closed{background:var(--greenbg);color:var(--green)}.status.open{background:var(--redbg);color:var(--red)}.status.monitoring,.status.sent,.status.ringing,.status.answered,.status.completed{background:var(--blue2);color:var(--blue)}.status.neutral{background:#eff3f5;color:#556572}.channel{display:inline-grid;place-items:center;min-width:46px;padding:4px 7px;border-radius:6px;background:#edf4f8;color:#285875;font-size:9px;font-weight:900;letter-spacing:.07em}.stack-list{padding:5px 15px 12px}.stack-item{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid #edf1f4;color:var(--ink)}.stack-item:last-child{border-bottom:0}.stack-item>div{min-width:0;flex:1}.stack-item strong,.stack-item small{display:block}.stack-item strong{font-size:12px}.stack-item small{color:var(--muted);font-size:10px;margin-top:2px}.threshold{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--redbg);color:var(--red);font-size:12px;font-weight:900;flex:0 0 auto}.filter-bar{display:grid;grid-template-columns:minmax(240px,1.8fr) 1fr 1fr auto;gap:10px;background:white;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:18px}.filter-bar input,.filter-bar select,.settings-form input,.settings-form select,.settings-form textarea,.intervention-box input,.intervention-box select,.intervention-box textarea{border:1px solid #cfdbe4;border-radius:9px;padding:9px 10px;background:white;color:var(--ink);width:100%}.back{font-size:12px;font-weight:800}.risk-badge{border-radius:20px;padding:7px 10px;font-size:11px;font-weight:800;background:#eef3f6;color:#526576}.risk-badge.good{background:var(--greenbg);color:var(--green)}.risk-badge.watch{background:var(--amberbg);color:var(--amber)}.risk-badge.high{background:var(--redbg);color:var(--red)}.risk-badge.not_applicable{display:none}.accent-card{border-left:4px solid var(--cyan)}.engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 20px}.engagement-grid>div{background:#f6f9fb;border-radius:10px;padding:12px}.engagement-grid small,.engagement-grid strong{display:block}.engagement-grid small{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}.engagement-grid strong{font-size:14px;margin-top:4px}.reason-list{padding:0 20px 18px;display:flex;gap:8px;flex-wrap:wrap}.reason-list span{background:var(--amberbg);color:var(--amber);font-size:11px;font-weight:700;border-radius:20px;padding:6px 9px}.intervention-box{padding:16px 20px;border-bottom:1px solid var(--line)}.intervention-box:last-child{border-bottom:0}.intervention-title{display:flex;gap:10px;align-items:center;margin-bottom:12px}.intervention-title strong,.intervention-title small{display:block}.intervention-title small{font-size:10px;color:var(--muted)}.intervention-box label,.settings-form label{display:block;font-size:11px;font-weight:750;color:#425466;margin-bottom:11px}.intervention-box textarea,.settings-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-list{padding:6px 18px}.mini-row{display:flex;gap:10px;align-items:center;padding:11px 2px;border-bottom:1px solid #edf1f4}.mini-row:last-child{border-bottom:0}.mini-row strong,.mini-row small{display:block}.mini-row strong{font-size:12px}.mini-row small{font-size:10px;color:var(--muted);margin-top:2px}.upload-card{padding:22px}.upload-card h2{font-size:17px;margin:10px 0 5px}.upload-card>p{font-size:12px;color:var(--muted);min-height:52px}.upload-icon{width:45px;height:45px;border-radius:12px;background:var(--blue2);display:grid;place-items:center;color:var(--blue);font-weight:900;font-size:18px}.file-drop{display:flex;min-height:110px;border:1.5px dashed #adc2d2;border-radius:12px;background:#f8fbfd;align-items:center;justify-content:center;text-align:center;flex-direction:column;margin:16px 0;cursor:pointer;padding:12px}.file-drop input{position:absolute;opacity:0;pointer-events:none}.file-drop strong,.file-drop small{display:block}.file-drop strong{font-size:12px}.file-drop small{font-size:10px;color:var(--muted);margin-top:4px}.upload-card details{margin-top:14px;font-size:11px}.upload-card summary{cursor:pointer;color:var(--blue);font-weight:750}.upload-card code{display:block;white-space:normal;word-break:break-word;background:#f3f6f8;border-radius:8px;padding:9px;margin-top:8px;color:#506271;font-size:10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);padding:20px;gap:18px}.steps>div{position:relative}.steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:white;font-size:11px;font-weight:900;margin-bottom:8px}.steps strong{font-size:12px}.steps p{font-size:11px;color:var(--muted);margin:4px 0 0}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:12px;font-weight:700}.alert.success{background:var(--greenbg);color:var(--green);border:1px solid #bfe7cf}.alert.danger{background:var(--redbg);color:var(--red);border:1px solid #ffd2cd}.tabs{display:flex;gap:5px;margin-bottom:14px}.tabs a{padding:8px 12px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:750}.tabs a.active{background:var(--navy);color:white}.rate{min-width:150px}.rate>strong{font-size:11px}.rate>span{display:block;height:5px;border-radius:10px;background:#e8eef2;margin-top:4px;overflow:hidden}.rate>span i{display:block;height:100%;background:#2c99b7;border-radius:10px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px}.info-grid strong{font-size:12px}.info-grid p{font-size:11px;color:var(--muted);line-height:1.55}.settings-form{padding:20px}.settings-form label small{display:block;color:#8795a2;font-size:10px;font-weight:500;margin-top:4px}.check-row{display:flex;gap:18px;margin:6px 0 18px}.check-row label{display:flex;gap:7px;align-items:center;margin:0}.check-row input{width:auto}.settings-list{padding:6px 20px}.settings-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf1f4;font-size:11px}.settings-list span{color:var(--muted)}.callout{margin:14px 20px 20px;padding:12px;background:#f5f8fa;border-radius:9px;color:#637483;font-size:11px;line-height:1.5}.muted{color:var(--muted)}.login-page{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.login-art{background:radial-gradient(circle at 20% 20%,#1f6b99 0,#0c314e 42%,#071a2b 100%);color:white;display:flex;align-items:center;padding:8vw}.login-art-inner{max-width:610px}.brand.giant{padding:0 0 50px}.brand.giant .brand-mark{width:52px;height:52px}.brand.giant strong{font-size:18px}.login-art h1{font-size:46px;line-height:1.04;letter-spacing:-.035em;margin:0 0 20px;max-width:560px}.login-art p{font-size:16px;line-height:1.65;color:#bdd0de;max-width:570px}.feature-line{margin-top:14px;color:#d7e5ee;font-size:13px;font-weight:650}.feature-line span{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#1e8d8f;margin-right:8px}.login-panel{background:white;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:min(390px,100%)}.login-card h2{font-size:28px;margin:6px 0}.login-card>p{font-size:13px;color:var(--muted);margin:0 0 24px}.login-card label{display:block;font-size:11px;font-weight:800;color:#435567;margin:14px 0}.login-card input{width:100%;padding:12px 13px;border:1px solid #cfdbe4;border-radius:9px;margin-top:6px}.login-card .muted{display:block;text-align:center;margin-top:14px;font-size:10px}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.grid.thirds{grid-template-columns:1fr}.grid.two-one{grid-template-columns:1fr}.login-art{padding:60px}.login-art h1{font-size:36px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu-button{display:block}.content{padding:20px 14px}.page-head{align-items:flex-start;flex-direction:column}.actions{width:100%;flex-wrap:wrap}.grid.equal{grid-template-columns:1fr}.engagement-grid,.steps,.info-grid{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:28px}.topbar{padding:0 14px}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.engagement-grid,.steps,.info-grid,.form-row,.filter-bar{grid-template-columns:1fr}.page-head h1{font-size:25px}.button{width:100%}.actions form{width:100%}}
.link-button.dark{color:var(--blue);padding:0;font-weight:800}
/* School attendance workflow */
.metric-card.success .metric-icon{background:var(--greenbg);color:var(--green)}
.status.warning{background:var(--amberbg);color:var(--amber)}
.status.danger{background:var(--redbg);color:var(--red)}
.status.cancelled,.status.resolved{background:#eef3f6;color:#526576}
.daily-status-strip{display:flex;gap:12px;flex-wrap:wrap;margin:-4px 0 20px}
.daily-status-strip>div{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:12px;color:var(--muted)}
.daily-status-strip strong{font-size:18px;color:var(--ink)}
.workflow-card{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;background:linear-gradient(135deg,var(--navy),var(--navy2));color:white;border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}
.workflow-card>div{min-width:0}.workflow-card span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);font-weight:900;font-size:11px;margin-bottom:8px}.workflow-card strong,.workflow-card small{display:block}.workflow-card strong{font-size:13px}.workflow-card small{font-size:10px;color:#b9cddd;margin-top:3px}.workflow-card i{font-style:normal;color:#6da0c5;font-size:20px}.crown-filter{grid-template-columns:minmax(260px,2fr) 1fr auto}.report-callout{margin:18px 20px}
@media(max-width:800px){.workflow-card{grid-template-columns:1fr}.workflow-card i{display:none}.crown-filter{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.daily-status-strip{display:grid;grid-template-columns:1fr}.crown-filter{grid-template-columns:1fr}}

/* V1.2 simplified Crown Point workflow */
.setup-link{display:inline-block;margin-bottom:12px;font-size:11px;font-weight:800;color:#9fb7c9}.simple-head{align-items:center}.big-action{padding:12px 18px;font-size:13px}.simple-alert{margin:-2px 0 18px;padding:13px 16px;border:1px solid #f1d7a4;background:#fff9ec;border-radius:12px;color:#7b5a16;font-size:12px}.simple-alert strong{margin-right:4px}.simple-workflow{margin-top:16px;padding:14px 16px;border-radius:12px;background:#eef5f8;color:#486476;font-size:12px;line-height:1.5}.attendance-progress{min-width:118px;text-align:right}.attendance-progress strong,.attendance-progress span{display:block}.attendance-progress strong{font-size:22px;color:var(--navy)}.attendance-progress span{font-size:10px;color:var(--muted);font-weight:700}.attendance-toolbar{display:grid;grid-template-columns:auto minmax(210px,340px) 1fr;align-items:center;gap:12px;margin-bottom:12px}.roster-search{width:100%;border:1px solid #cfdbe4;border-radius:9px;padding:9px 11px;background:#fff}.toolbar-note{font-size:11px;color:var(--muted);text-align:right}.attendance-card{margin-bottom:82px}.attendance-table td{vertical-align:middle}.attendance-table tr:hover{background:#f8fbfd}.attendance-select{min-width:130px;border:1px solid #cbd8e1;border-radius:9px;padding:8px 10px;background:white;font-weight:800;color:#244354}.attendance-select.status-present{background:var(--greenbg);color:var(--green);border-color:#c9ead7}.attendance-select.status-absent,.attendance-select.status-unexcused,.attendance-select.status-unknown{background:var(--redbg);color:var(--red);border-color:#ffd2cd}.attendance-select.status-excused,.attendance-select.status-tardy{background:var(--amberbg);color:var(--amber);border-color:#f4ddab}.save-bar{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px rgba(14,40,57,.12)}.save-bar strong,.save-bar span{display:block}.save-bar strong{font-size:13px}.save-bar span{font-size:10px;color:var(--muted);margin-top:2px}.save-actions{display:flex;gap:8px}.follow-summary{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-bottom:16px}.follow-summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.follow-summary strong,.follow-summary span{display:block}.follow-summary strong{font-size:24px;color:var(--navy)}.follow-summary span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.button.compact{padding:8px 10px;font-size:11px}
@media(max-width:800px){.attendance-toolbar{grid-template-columns:1fr 1fr}.toolbar-note{grid-column:1/-1;text-align:left}.save-bar{align-items:stretch;flex-direction:column}.save-actions{width:100%}.save-actions .button{flex:1}.follow-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.attendance-toolbar,.follow-summary{grid-template-columns:1fr}.save-actions{flex-direction:column}.attendance-select{min-width:110px}}
/* V1.3 PowerSchool source-of-truth workflow */
.setup-link+.setup-link{margin-left:12px}.ps-sync-strip{display:flex;align-items:center;gap:7px;margin:-2px 0 18px;padding:10px 13px;border:1px solid #d8e7ef;background:#f5fafc;border-radius:10px;color:#536b7a;font-size:11px}.ps-sync-strip small{margin-left:auto;color:var(--muted)}.ps-dot{width:8px;height:8px;border-radius:50%;background:#2e9c68;box-shadow:0 0 0 3px #dff2e8}.good-alert{border-color:#c9ead7;background:var(--greenbg);color:var(--green)}.danger-alert{border-color:#ffd2cd;background:var(--redbg);color:var(--red)}.ps-metrics{grid-template-columns:repeat(3,1fr)}.small-value{font-size:11px!important;line-height:1.35;word-break:break-word}.ps-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;padding:20px}.ps-flow>div{min-width:0}.ps-flow span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9f2f7;color:var(--navy);font-size:11px;font-weight:900;margin-bottom:8px}.ps-flow strong,.ps-flow small{display:block}.ps-flow strong{font-size:12px}.ps-flow small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.ps-flow i{font-style:normal;color:#98b1c0}.admin-tool-links{display:flex;gap:8px;padding:0 20px 20px;flex-wrap:wrap}.admin-tools{opacity:.88}
@media(max-width:800px){.ps-metrics{grid-template-columns:1fr}.ps-flow{grid-template-columns:1fr}.ps-flow i{display:none}.ps-sync-strip{align-items:flex-start;flex-wrap:wrap}.ps-sync-strip small{margin-left:0;width:100%}}

/* V1.4 attendance dispatch desk */
body{font-family:"Trebuchet MS","Gill Sans",sans-serif;background:#f3f1eb}
h1,h2,.dispatch-stats strong,.student-snapshot strong{font-family:Georgia,"Times New Roman",serif}
.content{max-width:1580px}.dispatch-head,.attendance-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.dispatch-head h1,.attendance-hero h1,.student-identity h1{font-size:38px;letter-spacing:-.04em;margin:5px 0 7px}.dispatch-head p,.attendance-hero p,.student-identity p{color:var(--muted);margin:0}.dispatch-controls,.hero-actions{display:flex;align-items:center;gap:10px}.service-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:900}.service-chip i,.ops-light{width:8px;height:8px;border-radius:50%;background:var(--amber)}.service-chip.live i,.ops-light.on{background:var(--green);box-shadow:0 0 0 4px var(--greenbg)}.auto-switch{border:1px solid #ccd7df;background:#fff;color:var(--ink);padding:7px 12px 7px 7px;border-radius:99px;font-size:11px;font-weight:800;cursor:pointer}.auto-switch span{display:inline-grid;place-items:center;min-width:38px;padding:4px 7px;border-radius:99px;background:#eef1f3;color:#667789;margin-right:6px}.auto-switch.on span{background:var(--greenbg);color:var(--green)}.dispatch-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d8e0e4;border:1px solid #d8e0e4;border-radius:14px;overflow:hidden;margin-bottom:18px}.dispatch-stats>div{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;background:#fff;padding:14px 18px}.dispatch-stats span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e9f2f7;color:var(--blue);font-weight:900}.dispatch-stats strong{font-size:23px;line-height:1}.dispatch-stats small{text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:var(--muted);margin-top:2px}.dispatch-stats .has-error span{background:var(--redbg);color:var(--red)}
.composer-shell{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(460px,1.05fr);border:1px solid #cdd9df;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(13,34,50,.09);overflow:hidden;margin-bottom:36px}.audience-panel,.message-panel{padding:26px}.audience-panel{background:#0e2739;color:#fff}.message-panel{background:#fff}.panel-kicker{font-size:9px;font-weight:900;letter-spacing:.16em;color:#74c6d4}.audience-panel h2,.message-panel h2{font-size:22px;margin:7px 0 20px}.audience-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.audience-options label{position:relative}.audience-options input{position:absolute;opacity:0}.audience-options label>span{display:block;height:100%;border:1px solid rgba(255,255,255,.13);border-radius:11px;padding:12px;cursor:pointer;background:rgba(255,255,255,.035)}.audience-options input:checked+span{border-color:#65c7d6;background:rgba(45,181,202,.14);box-shadow:inset 0 0 0 1px #65c7d6}.audience-options strong,.audience-options small{display:block}.audience-options strong{font-size:12px}.audience-options small{font-size:9px;color:#a7becd;margin-top:4px;line-height:1.35}.audience-options .audience-all>span{border-color:rgba(238,151,74,.45)}.recipient-tools{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin:18px 0 8px}.recipient-tools input{min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:9px;padding:9px 10px}.recipient-tools input::placeholder{color:#87a3b5}.recipient-tools .text-action{color:#7dd0dc}.recipient-tools>span{font-size:9px;color:#8da7b7;text-transform:uppercase;font-weight:900}.recipient-list{height:310px;overflow:auto;border-top:1px solid rgba(255,255,255,.12)}.recipient-row{display:grid;grid-template-columns:20px 34px 1fr 25px;gap:9px;align-items:center;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}.recipient-row[hidden]{display:none}.recipient-row.no-phone{opacity:.42;cursor:not-allowed}.recipient-row input{accent-color:#3eb9ca}.recipient-avatar{width:34px;height:34px;border-radius:10px;background:#dcecf1;color:#1a526a;display:grid;place-items:center;font-size:10px;font-weight:900}.recipient-name{min-width:0}.recipient-name strong,.recipient-name small{display:block}.recipient-name strong{font-size:11px}.recipient-name small{font-size:9px;color:#93adbc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.attendance-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8edf0;color:#627583;font-size:9px;font-weight:900}.attendance-dot.absent,.attendance-dot.unexcused,.attendance-dot.unknown{background:var(--redbg);color:var(--red)}.attendance-dot.present{background:var(--greenbg);color:var(--green)}.attendance-dot.tardy,.attendance-dot.excused{background:var(--amberbg);color:var(--amber)}
.audience-options strong b{float:right;min-width:22px;padding:2px 6px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;font-size:9px;text-align:center}.audience-preview{display:flex;align-items:center;gap:9px;margin:12px 0 0;padding:10px 12px;border:1px solid rgba(111,205,217,.2);border-radius:10px;background:rgba(37,157,175,.09);color:#b8dbe2;font-size:10px;line-height:1.4}.audience-preview i{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#65c7d6;box-shadow:0 0 0 4px rgba(101,199,214,.12)}.dispatch-result{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.dispatch-result strong{font-size:12px}.dispatch-result span{font-size:11px}.alert.warning{border-color:#f1d7a4;background:#fff9ec;color:#7b5a16}
.field-label{display:block;color:#516575;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:15px}.field-label select,.field-label textarea,.template-item input,.template-item textarea,.student-message-form input,.student-message-form select,.student-message-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cbd8df;border-radius:10px;background:#fff;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:500;resize:vertical}.field-label textarea:focus,.field-label select:focus{outline:3px solid #dbeff4;border-color:#4ba7ba}.message-meta{display:flex;justify-content:space-between;gap:14px;color:#7b8c98;font-size:9px;margin-top:-8px}.token,.text-action{border:0;background:none;color:var(--blue);font-size:10px;font-weight:900;padding:0;cursor:pointer}.token{font-family:monospace}.follow-up-builder{display:grid;grid-template-columns:1fr 170px;gap:12px;align-items:center;border:1px solid #dbe4e8;background:#f6f8f7;border-radius:12px;padding:14px;margin-top:20px}.follow-up-builder strong,.follow-up-builder small{display:block}.follow-up-builder strong{font-size:11px}.follow-up-builder small{font-size:9px;color:var(--muted);margin-top:3px}.follow-up-builder select{border:1px solid #cbd8df;border-radius:9px;padding:9px;background:#fff}.follow-up-copy{display:none;grid-column:1/-1;margin:0}.follow-up-copy.visible{display:block}.send-review{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e4eaed;margin-top:20px;padding-top:18px}.send-review strong,.send-review small{display:block}.send-review strong{font-size:12px}.send-review small{font-size:9px;color:var(--muted);margin-top:3px}.send-button span{font-size:17px;margin-left:7px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:28px 0 13px}.section-heading h2{font-size:25px;margin:5px 0 3px}.section-heading p{margin:0;color:var(--muted);font-size:11px}.history-filter{display:flex;gap:7px}.history-filter input,.history-filter select{border:1px solid #cad6de;border-radius:9px;padding:8px 10px;background:#fff}.conversation-ledger{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:20px}.ledger-row{display:grid;grid-template-columns:36px minmax(150px,.7fr) minmax(260px,2fr) 120px;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid #e7ecef}.ledger-row:last-child{border-bottom:0}.ledger-row.inbound{background:#f0f8f5}.direction-mark{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf3f6;color:#41677d;font-weight:900}.inbound .direction-mark{background:#dff2e8;color:var(--green)}.ledger-person strong,.ledger-person small,.ledger-state small{display:block}.ledger-person strong{font-size:11px;color:var(--ink)}.ledger-person small,.ledger-state small{font-size:9px;color:var(--muted);margin-top:3px}.ledger-message span{font-size:8px;font-weight:900;color:#66808f;letter-spacing:.12em}.ledger-message p{font-size:11px;line-height:1.45;margin:3px 0}.ledger-state{text-align:right}.ledger-empty{padding:45px!important}.dispatch-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.schedule-list,.template-library{padding:5px 18px}.schedule-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e9edef}.schedule-time{font-family:Georgia,serif;font-size:16px;color:var(--navy)}.schedule-time small{display:block;font-family:"Trebuchet MS",sans-serif;font-size:8px;color:var(--muted)}.schedule-row strong{font-size:11px}.schedule-row p{font-size:9px;color:var(--muted);margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}.danger-text{color:var(--red)}.template-item{border-bottom:1px solid #e8edef;padding:11px 0}.template-item summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.template-item summary::-webkit-details-marker{display:none}.template-item summary strong,.template-item summary small{display:block}.template-item summary strong{font-size:11px}.template-item summary small{font-size:9px;color:var(--muted);margin-top:3px}.template-item summary>span:last-child{color:var(--blue);font-size:9px;font-weight:900}.template-item form{padding:13px;background:#f7f9fa;border-radius:10px;margin-top:10px}.template-item label{display:block;font-size:9px;font-weight:900;color:#5d7180;margin-bottom:9px}.template-actions{display:flex;justify-content:flex-end}.archive-template{padding:0!important;background:transparent!important;text-align:right}.new-template summary strong{color:var(--blue)}
.date-switch{display:flex;background:#e2e7e8;border-radius:10px;padding:3px}.date-switch a{color:#5a6b76;padding:8px 14px;border-radius:8px;font-size:11px;font-weight:900}.date-switch a.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(10,30,45,.09)}.ops-strip{display:grid;grid-template-columns:1fr 1fr;background:#102a3d;color:#fff;border-radius:12px;margin-bottom:18px;overflow:hidden}.ops-strip>div{display:grid;grid-template-columns:15px auto 1fr;gap:8px;align-items:center;padding:11px 15px;border-right:1px solid rgba(255,255,255,.1)}.ops-strip small{font-size:9px;color:#a7bdca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-strip a{justify-self:end;color:#80d0dc;font-size:9px;font-weight:900}.row-action{font-size:10px;font-weight:900;white-space:nowrap}.compact-queue{padding:4px 16px}.compact-queue>a{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;color:var(--ink);padding:11px 2px;border-bottom:1px solid #e9edef}.compact-queue strong,.compact-queue small{display:block}.compact-queue strong{font-size:11px}.compact-queue small{font-size:9px;color:var(--muted);margin-top:3px}.compact-queue b{color:var(--blue)}
.student-identity{margin-bottom:18px}.student-title-row{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;margin-top:12px}.student-monogram{width:64px;height:64px;border-radius:17px;display:grid;place-items:center;background:#0e2a3e;color:#fff;font-family:Georgia,serif;font-size:20px}.student-snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d8e0e4;border:1px solid #d8e0e4;border-radius:13px;overflow:hidden;margin-bottom:18px}.student-snapshot>div{background:#fff;padding:14px 17px}.student-snapshot small,.student-snapshot strong{display:block}.student-snapshot small{text-transform:uppercase;letter-spacing:.09em;font-size:8px;color:var(--muted);font-weight:900}.student-snapshot strong{font-size:22px;margin-top:4px}.student-comms-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.student-message-form{padding:18px}.student-message-form label{display:block;font-size:9px;font-weight:900;color:#607481;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.student-follow-up-label{visibility:hidden}.student-follow-up-label.visible{visibility:visible}.direct-send-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e5eaed;padding-top:12px}.direct-send-bar small{font-size:9px;color:var(--muted)}.message-thread{height:430px;overflow:auto;padding:17px;background:#f2f4f1}.message-bubble{max-width:82%;margin:0 0 12px;padding:11px 13px;border-radius:14px 14px 14px 3px;background:#fff;border:1px solid #dfe6e8}.message-bubble.outbound{margin-left:auto;border-radius:14px 14px 3px 14px;background:#11324a;color:#fff;border:0}.message-bubble span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#66808f}.message-bubble.outbound span{color:#83c6d3}.message-bubble p{font-size:11px;line-height:1.5;margin:4px 0}.message-bubble small{display:block;font-size:8px;color:#82929c}.message-bubble.outbound small{color:#a9bfcc}.thread-scheduled{display:flex;gap:10px;align-items:center;padding:10px 15px;border-top:1px solid #dce4e8;background:#fff9ec;font-size:9px;color:#7b5a16}.thread-scheduled span{color:#927846}
@media(max-width:1050px){.composer-shell,.student-comms-grid{grid-template-columns:1fr}.dispatch-lower-grid{grid-template-columns:1fr}.recipient-list{height:260px}}
@media(max-width:800px){.dispatch-head,.attendance-hero,.section-heading{align-items:flex-start;flex-direction:column}.dispatch-controls,.hero-actions{width:100%;flex-wrap:wrap}.dispatch-stats,.student-snapshot{grid-template-columns:1fr 1fr}.composer-shell{grid-template-columns:minmax(0,1fr)}.audience-panel,.message-panel{padding:20px}.ledger-row{grid-template-columns:32px 1fr 100px}.ledger-message{grid-column:2/-1}.history-filter{width:100%;flex-wrap:wrap}.history-filter input{flex:1}.ops-strip{grid-template-columns:1fr}.ops-strip>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.student-title-row{grid-template-columns:52px 1fr}.student-title-row>.button{grid-column:1/-1}.student-monogram{width:52px;height:52px}.check-row{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.dispatch-stats,.student-snapshot,.audience-options{grid-template-columns:1fr}.recipient-tools{grid-template-columns:1fr auto}.recipient-tools>span{grid-column:1/-1}.follow-up-builder{grid-template-columns:1fr}.send-review{align-items:stretch;flex-direction:column}.ledger-row{grid-template-columns:28px 1fr}.ledger-state{grid-column:2;text-align:left}.dispatch-head h1,.attendance-hero h1,.student-identity h1{font-size:30px}.student-snapshot{grid-template-columns:1fr 1fr}.direct-send-bar{align-items:stretch;flex-direction:column}}
.attendance-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.attendance-metrics .metric-card{padding:14px;gap:10px;min-width:0}.attendance-metrics .metric-icon{width:36px;height:36px;border-radius:10px;font-size:11px}.attendance-metrics .metric-card strong{font-size:23px}.absence-board td .status+small{display:block;margin-top:5px;color:var(--muted);font-size:9px}
@media(max-width:1200px){.attendance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dispatch-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.dispatch-stats .has-queue span{background:#fff0d9;color:#a65b00}.outbox-card{border:1px solid #d9e2e7;border-radius:16px;background:#fff;margin-bottom:18px;overflow:hidden;box-shadow:0 8px 24px rgba(13,34,50,.06)}.outbox-card.active{border-color:#edc98c;box-shadow:0 8px 28px rgba(148,86,0,.09)}.outbox-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:linear-gradient(110deg,#fff 65%,#f5f8f9)}.outbox-card.active .outbox-head{background:linear-gradient(110deg,#fffaf0 65%,#fff3db)}.outbox-head h2{font-family:Georgia,serif;font-size:24px;margin:4px 0}.outbox-head p{font-size:11px;color:var(--muted);margin:0}.danger-button{background:#a52b20;color:#fff;border-color:#a52b20}.danger-button:hover{background:#861f17}.outbox-clear{padding:7px 11px;border-radius:99px;background:var(--greenbg);color:var(--green);font-size:11px;font-weight:900}.outbox-list{border-top:1px solid #eadfc9;max-height:330px;overflow:auto}.outbox-list article{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px 20px;border-bottom:1px solid #edf0f1}.outbox-list article:last-child{border-bottom:0}.outbox-list strong,.outbox-list small{display:block}.outbox-list strong{font-size:12px;color:var(--ink)}.outbox-list small{font-size:9px;color:var(--muted);margin-top:2px}.outbox-list p{font-size:10px;line-height:1.4;margin:5px 0 0;color:#495c68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-pulse{width:8px;height:8px;border-radius:50%;background:#e08b22;margin-top:5px;box-shadow:0 0 0 4px #fff1dc}.history-heading{align-items:center}.history-filter{align-items:center}.history-filter select{min-width:125px}.clear-filter{font-size:10px;font-weight:900}.ledger-date{padding:9px 16px;background:#edf3f5;color:#587080;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #dce5e9}.history-pages{display:flex;align-items:center;justify-content:center;gap:14px;margin:-6px 0 24px}.history-pages span{font-size:10px;color:var(--muted);font-weight:800}.history-pages .disabled{opacity:.35;pointer-events:none}.sync-result{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.sync-result span{font-size:11px;font-weight:600}
@media(max-width:800px){.dispatch-stats{grid-template-columns:repeat(2,1fr)}.outbox-head{align-items:flex-start;flex-direction:column}.stop-outbox,.stop-outbox button{width:100%}.history-filter select{min-width:0;flex:1}}

/* 2026 interface system — calm, legible operations console */
:root{
  --navy:#17251f;--navy2:#20372d;--blue:#176b55;--blue2:#e9f2ed;--cyan:#dc9c45;
  --ink:#1f2924;--muted:#6e776f;--line:#dedfd8;--paper:#f3f2ec;--white:#fffef9;
  --green:#237453;--greenbg:#e8f3ec;--amber:#8b5a16;--amberbg:#fff1d8;
  --red:#a43d32;--redbg:#fbe9e5;--shadow:0 14px 38px rgba(37,45,39,.07);--radius:15px
}
*{scrollbar-width:thin;scrollbar-color:#b8beb8 transparent}
html{scroll-behavior:smooth}
html,body{font-family:"Avenir Next","Trebuchet MS",sans-serif;background:var(--paper);color:var(--ink)}
body{background-image:radial-gradient(circle at 82% 6%,rgba(218,192,144,.13),transparent 25%),linear-gradient(rgba(23,107,85,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(23,107,85,.022) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#17221d}
::selection{background:#dfece5;color:#133b30}
:focus-visible{outline:3px solid rgba(220,156,69,.45);outline-offset:2px}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-150%);padding:10px 14px;background:#fff;color:#17251f;border-radius:8px;font-weight:800}.skip-link:focus{transform:none}
.shell{min-height:100vh;display:flex}
.sidebar{width:272px;padding:0 14px 15px;background:linear-gradient(180deg,#192a22 0%,#13221c 70%,#101c17 100%);border-right:1px solid rgba(255,255,255,.07);box-shadow:10px 0 40px rgba(24,36,30,.08)}
.sidebar-brand-row{height:86px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);margin:0 4px 8px}
.brand{padding:0;gap:12px;flex:1}.brand-mark{width:44px;height:44px;border-radius:50%;background:#e9b05d;color:#1b2c24;box-shadow:none;position:relative;font-family:Georgia,serif;font-size:14px}.brand-mark i{position:absolute;width:8px;height:8px;border-radius:50%;right:0;bottom:2px;background:#68c795;border:2px solid #192a22}.brand strong{font-family:Georgia,serif;font-size:16px;font-weight:500;letter-spacing:.01em}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#93a69c;margin-top:4px}.sidebar-close{display:none;border:0;background:transparent;color:#b5c2bb;font-size:25px;cursor:pointer}
.app-navigation{display:block!important;overflow-y:auto;padding:2px 0 8px}.nav-group{margin:0 0 10px}.nav-label{font-size:8px;letter-spacing:.18em;color:#71877b;font-weight:900;margin:18px 13px 7px;text-transform:uppercase}.sidebar .app-navigation a{min-height:42px;padding:9px 11px;margin:2px 0;border-radius:9px;color:#b7c5bd;gap:11px;font-size:12px;font-weight:650;position:relative;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar .app-navigation a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.sidebar .app-navigation a>span{flex:1}.sidebar .app-navigation a kbd{font-family:inherit;font-size:8px;color:#72877c;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:2px 5px}.sidebar .app-navigation a:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}.sidebar .app-navigation a.active{background:#f1eee4;color:#1d382d;box-shadow:0 5px 18px rgba(5,13,9,.17)}.sidebar .app-navigation a.active:before{content:"";position:absolute;left:-14px;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:#e8ad57}.sidebar .app-navigation a.active kbd{color:#557064;border-color:#cbd5cf}.admin-nav{border-top:1px solid rgba(255,255,255,.07);margin-top:12px}
.sidebar-footer{padding:14px 5px 2px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:8px}.user-badge{min-width:0;flex:1}.user-badge>span{width:36px;height:36px;background:#314b3e;color:#f5ca86;font-family:Georgia,serif}.user-badge>div{min-width:0}.user-badge strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.user-badge small{font-size:8px;color:#81978b}.sidebar-footer form{margin:0}.signout-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#84988d;cursor:pointer}.signout-button:hover{background:rgba(255,255,255,.07);color:#fff}.signout-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.main{margin-left:272px;min-width:0}.topbar{height:76px;padding:0 32px;background:rgba(255,254,249,.9);border-color:#ddded7;backdrop-filter:blur(14px);gap:22px}.menu-button{width:38px;height:38px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);cursor:pointer}.menu-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.page-context{min-width:130px}.page-context span,.page-context strong{display:block!important}.page-context span{font-size:8px!important;text-transform:uppercase;letter-spacing:.16em;color:#8a918b}.page-context strong{font-family:Georgia,serif;font-size:16px!important;font-weight:500!important;margin-top:2px}.global-search{height:40px;max-width:390px;flex:1;margin:0 auto;display:flex;align-items:center;gap:9px;padding:0 11px;background:#f5f4ee;border:1px solid #e0e0d8;border-radius:10px}.global-search svg{width:17px;fill:none;stroke:#728079;stroke-width:1.8}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px;color:var(--ink)}.global-search kbd{font-family:inherit;font-size:9px;color:#8c938e;border:1px solid #d6d7d0;background:#fff;border-radius:4px;padding:2px 6px}.topbar-actions{display:flex;align-items:center;gap:12px}.system-state{display:flex;align-items:center;gap:8px;color:var(--ink);padding-right:12px;border-right:1px solid var(--line)}.system-state i{width:8px;height:8px;border-radius:50%;background:#56b982;box-shadow:0 0 0 4px #e4f3e9}.system-state strong,.system-state small{display:block}.system-state strong{font-size:9px}.system-state small{font-size:8px;color:var(--muted);margin-top:2px}.quick-menu{position:relative}.quick-menu summary{list-style:none;display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:9px;background:var(--navy);color:#fff;font-size:10px;font-weight:800;cursor:pointer}.quick-menu summary::-webkit-details-marker{display:none}.quick-menu summary svg{width:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.quick-menu[open] summary{background:#244536}.quick-menu>div{position:absolute;right:0;top:47px;width:270px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 55px rgba(24,38,31,.18);z-index:50}.quick-menu>div>small{display:block;padding:5px 8px 8px;color:#929891;font-size:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.quick-menu>div a{display:block;padding:10px;border-radius:9px;color:var(--ink)}.quick-menu>div a:hover{background:#f2f4ef}.quick-menu>div b,.quick-menu>div span{display:block}.quick-menu>div b{font-size:11px}.quick-menu>div span{font-size:9px;color:var(--muted);margin-top:3px}
.content{padding:34px 36px 56px;max-width:1510px}.page-enter{animation:page-in .35s ease both}@keyframes page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.page-head,.dispatch-head,.attendance-hero{margin-bottom:25px}.page-head h1,.dispatch-head h1,.attendance-hero h1,.student-identity h1{font-family:Georgia,serif;font-weight:500;font-size:36px;letter-spacing:-.035em;line-height:1.04}.page-head p,.dispatch-head p,.attendance-hero p{font-size:12px;line-height:1.55}.eyebrow,.panel-kicker{color:var(--blue);font-size:8px;letter-spacing:.18em;font-weight:900}.button{min-height:39px;padding:9px 14px;border-radius:9px;font-size:11px;letter-spacing:.01em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--navy);border-color:var(--navy)}.button.primary:hover{background:#244536;box-shadow:0 7px 16px rgba(26,55,43,.16)}.button.secondary{background:#fffef9;border-color:#d2d4cc}.button.compact{min-height:33px;padding:7px 11px}.danger-button{background:#a43d32;border-color:#a43d32}
.card,.outbox-card,.conversation-ledger{background:var(--white);border-color:var(--line);border-radius:var(--radius);box-shadow:0 2px 0 rgba(41,53,45,.025)}.card{overflow:hidden}.card-head{padding:17px 19px;background:rgba(248,248,243,.55);border-color:#e5e5de}.card-head h2{font-family:Georgia,serif;font-size:18px;font-weight:500}.card-head p{font-size:10px;line-height:1.45}.count-pill{background:#e8eee9;color:#345f4e}.metric-grid{gap:11px}.metric-card{position:relative;padding:17px;background:var(--white);border-color:var(--line);border-radius:13px;box-shadow:none;overflow:hidden}.metric-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#d7d9d2}.metric-card.success:after{background:#59a57c}.metric-card.warning:after{background:#d8a04c}.metric-card.danger:after{background:#ca6c5f}.metric-icon{background:#eef1eb;color:#305d4b;border-radius:50%}.metric-card small{font-size:8px;letter-spacing:.13em}.metric-card strong{font-family:Georgia,serif;font-weight:500}.metric-card p{font-size:9px}
table{font-size:11px}th{padding:11px 15px;background:#f5f5f0;color:#747d76;font-size:8px;letter-spacing:.13em}td{padding:13px 15px;border-color:#e9e9e3}tbody tr:hover{background:#f8faf6}.status{font-size:8px;text-transform:uppercase;letter-spacing:.06em;padding:5px 8px}.empty{color:#7d857f;padding:38px!important}.empty strong{font-family:Georgia,serif;font-size:16px;font-weight:500;color:#59635d}
input,select,textarea{accent-color:var(--blue)}.filter-bar,.attendance-toolbar{background:var(--white);border-color:var(--line);box-shadow:none}.filter-bar input,.filter-bar select,.settings-form input,.settings-form select,.settings-form textarea,.intervention-box input,.intervention-box select,.intervention-box textarea,.history-filter input,.history-filter select,.field-label select,.field-label textarea,.student-message-form input,.student-message-form select,.student-message-form textarea{border-color:#d6d8d1;background:#fffefb;border-radius:8px}.filter-bar input:focus,.filter-bar select:focus,.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus,.history-filter input:focus,.history-filter select:focus,.field-label textarea:focus,.field-label select:focus{outline:3px solid rgba(23,107,85,.1);border-color:#6b9e8d}
.tabs{padding:4px;background:#e7e7e0;border-radius:10px;width:max-content}.tabs a{border-radius:7px}.tabs a.active{background:var(--navy);box-shadow:0 4px 12px rgba(30,46,38,.13)}
.attendance-hero{position:relative;padding:28px 30px;border-radius:18px;background:linear-gradient(115deg,#1a2e25 0%,#244637 68%,#315b48 100%);color:#fff;overflow:hidden}.attendance-hero:after{content:"CP";position:absolute;right:18%;top:-48px;font-family:Georgia,serif;font-size:150px;color:rgba(255,255,255,.035);pointer-events:none}.attendance-hero h1{color:#fff}.attendance-hero p{color:#b8cabe}.attendance-hero .eyebrow{color:#e9b05d}.attendance-hero .button.primary{background:#f4cf91;border-color:#f4cf91;color:#23372e}.attendance-hero .button.primary:hover{background:#fff0d3}.ops-strip{background:#20372d;border-radius:13px}.ops-strip a{color:#e9bc74}.absence-board{border-top:3px solid #d7aa61}.compact-queue>a:hover{background:#f6f8f4}
.dispatch-head h1{font-size:38px}.service-chip{border-radius:99px}.auto-switch{border-radius:9px}.dispatch-stats{border-color:var(--line);background:var(--white)}.dispatch-stats>div{border-color:#e3e4dd}.dispatch-stats strong{font-family:Georgia,serif;font-weight:500}.outbox-card.active{border-color:#dab574;box-shadow:0 8px 26px rgba(136,91,24,.08)}.outbox-head,.outbox-card.active .outbox-head{background:#fffaf0}.outbox-head h2{font-weight:500}.composer-shell{border-radius:17px;border:1px solid #d8dad3;box-shadow:var(--shadow);overflow:hidden;background:#fff}.audience-panel{background:#f0f0e9;border-color:#d8dad3}.audience-options label{border-color:#d8dad3;background:#fffef9}.audience-options label:has(input:checked){border-color:#558b77;background:#edf5f0;box-shadow:inset 0 0 0 1px #558b77}.recipient-list{border-color:#d9dbd4}.recipient-row:hover{background:#f7f9f5}.send-review{border-color:#e2e3dc}.conversation-ledger{box-shadow:none}.ledger-date{background:#eceee8;color:#52675c}.ledger-row.inbound{background:#edf6f0}.direction-mark{background:#edf0eb}.message-bubble.outbound{background:#1c3a2e}.message-thread{background:#eeeee7;background-image:radial-gradient(#d9d9d1 .6px,transparent .6px);background-size:8px 8px}
.student-monogram{background:var(--navy);color:#efc887;border-radius:50%}.student-snapshot{background:#d9dbd4;border-color:#d9dbd4}.student-snapshot>div{background:var(--white)}.student-snapshot strong{font-family:Georgia,serif;font-weight:500}.back{color:var(--blue)}
.upload-card{border-top:3px solid #7aa08f}.upload-icon{border-radius:50%;background:#e8f0eb;color:#32634f}.file-drop{border-color:#9eb5aa;background:#f6f8f4}.file-drop:hover{background:#edf4ef;border-color:#5e8e7b}.steps span{background:var(--navy);color:#efc887}.settings-list>div{border-color:#e7e7e0}.settings-list span{font-size:10px}.settings-list strong{font-size:11px;text-align:right;max-width:70%;overflow-wrap:anywhere}.callout,.simple-workflow{background:#edf1ec}.ps-flow>div span{background:var(--navy);color:#efc887}
.login-page{background:#f6f3ea}.login-art{position:relative;overflow:hidden;background:linear-gradient(142deg,#14271e,#244c3a);padding:8vw}.login-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(227,174,91,.16),transparent 26%),repeating-linear-gradient(115deg,transparent 0 31px,rgba(255,255,255,.018) 31px 32px)}.login-art-inner{position:relative}.login-art h1{font-family:Georgia,serif;font-weight:500;font-size:49px}.login-art p{color:#bdcdc4}.login-art .brand-mark{color:#1b2c24}.feature-line span{background:#dca052;color:#203229}.login-panel{background:#f8f6ef}.login-card{padding:38px;border:1px solid #deded5;border-radius:18px;background:#fffef9;box-shadow:0 24px 70px rgba(42,49,41,.09)}.login-card h2{font-family:Georgia,serif;font-weight:500;font-size:34px}.login-card input{border-color:#d4d6cf;background:#fffefb}
.mobile-dock,.sidebar-scrim{display:none}
@media(max-width:1100px){.sidebar{width:248px}.main{margin-left:248px}.topbar{padding:0 22px}.system-state{display:none}.content{padding:28px 24px 48px}.global-search{max-width:300px}}
@media(max-width:800px){
  body.nav-open{overflow:hidden}.sidebar{width:min(310px,86vw);transform:translateX(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);box-shadow:18px 0 55px rgba(5,15,10,.3)}.sidebar.open{transform:none}.sidebar-close{display:block}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:19;border:0;background:rgba(16,29,23,.48);opacity:0;pointer-events:none;transition:opacity .2s}.sidebar.open+.sidebar-scrim{opacity:1;pointer-events:auto}.main{margin-left:0;padding-bottom:68px}.topbar{height:66px;padding:0 14px;gap:10px}.menu-button{display:grid;place-items:center;flex:0 0 auto}.page-context{min-width:0}.page-context span{display:none!important}.page-context strong{font-size:14px!important}.global-search{margin-left:auto;max-width:210px;height:37px}.global-search kbd{display:none}.topbar-actions{display:none}.content{padding:21px 13px 35px}.mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:18;left:0;right:0;bottom:0;height:66px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));background:rgba(255,254,249,.96);border-top:1px solid #d7d9d1;backdrop-filter:blur(16px)}.mobile-dock a,.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#7a837d;font-size:8px;font-weight:800}.mobile-dock svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-dock .active{color:var(--blue)}.page-head h1,.dispatch-head h1,.attendance-hero h1{font-size:31px}.page-head{gap:14px}.page-head .button,.page-head form,.page-head form .button{width:100%}.attendance-hero{padding:23px 20px}.attendance-hero:after{right:-10%;font-size:120px}.card-head{padding:15px}.table-wrap{overscroll-behavior-x:contain}.settings-list>div{align-items:flex-start}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:20px}.login-card{padding:28px 22px}.save-bar{bottom:66px}
}
@media(max-width:520px){.global-search{max-width:42px;padding:0 11px}.global-search input{width:0}.global-search:focus-within{position:absolute;left:62px;right:13px;max-width:none;background:#fff;z-index:2}.global-search:focus-within input{width:auto}.attendance-metrics{grid-template-columns:1fr 1fr}.metric-card{padding:14px 12px}.metric-card strong{font-size:22px}.history-filter>*{width:100%;flex:auto!important}.settings-list>div{flex-direction:column;gap:4px}.settings-list strong{text-align:left;max-width:100%}.page-head h1,.dispatch-head h1,.attendance-hero h1,.student-identity h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.sidebar .app-navigation{flex:1;min-height:0}.sidebar .app-navigation a>span{width:auto;text-align:left;color:inherit}.sidebar .app-navigation a.active>span{color:inherit}
.workflow-launcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:-10px 0 20px;border:1px solid #d7d9d1;border-radius:14px;background:#d7d9d1;overflow:hidden}.workflow-launcher a{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 15px;background:#fffef9;color:var(--ink);transition:background .15s ease}.workflow-launcher a:hover{background:#f7f4e9}.workflow-launcher a>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf2ed;color:#3e6656;font-size:8px;font-weight:900}.workflow-launcher strong,.workflow-launcher small{display:block}.workflow-launcher strong{font-size:10px}.workflow-launcher small{font-size:8px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-launcher b{color:#bb7b29;font-size:13px}
.page-jumps{display:flex;align-items:center;gap:6px;padding:5px;margin:-10px 0 18px;border:1px solid var(--line);border-radius:11px;background:#ebece6;width:max-content;max-width:100%;overflow-x:auto}.page-jumps a{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:7px;color:#55625b;font-size:9px;font-weight:800;white-space:nowrap}.page-jumps a:hover{background:#fffef9;color:#244a3b}.page-jumps b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:9px;background:#dce2dc;color:#4b675b;font-size:8px}.page-jumps a:hover b{background:#eaf1ec}
.crown-filter{grid-template-columns:minmax(260px,2fr) minmax(140px,.8fr) auto auto}
@media(max-width:1000px){.workflow-launcher{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.workflow-launcher{margin-top:-8px}.page-jumps{width:100%}.crown-filter{grid-template-columns:1fr 1fr}.crown-filter .button{width:100%}}
@media(max-width:520px){.workflow-launcher{grid-template-columns:1fr}.workflow-launcher a{padding:12px 14px}.crown-filter{grid-template-columns:1fr}}

/* Message Center readability and contrast */
.audience-panel{background:#f1f2ec;color:#1d2923}
.audience-panel .panel-kicker{color:#176b55;font-size:10px}
.audience-panel h2{color:#17251f;font-size:25px;line-height:1.2;margin-bottom:22px}
.audience-options label{background:transparent;border:0}
.audience-options label>span{padding:15px;background:#fffef9;border:1px solid #c7cec7;color:#1d2923;box-shadow:0 1px 0 rgba(30,43,35,.03)}
.audience-options label>span:hover{border-color:#779888;background:#fbfdf9}
.audience-options input:focus-visible+span{outline:3px solid rgba(23,107,85,.2);outline-offset:2px}
.audience-options input:checked+span,.audience-options label:has(input:checked)>span{border-color:#347861;background:#e7f2eb;box-shadow:inset 0 0 0 1px #347861}
.audience-options strong{font-size:14px;line-height:1.3;color:#17251f}
.audience-options small{font-size:11px;line-height:1.5;color:#4e5c54;margin-top:6px}
.audience-options strong b{min-width:27px;padding:3px 7px;background:#dfe9e2;color:#255b47;font-size:11px}
.audience-options input:checked+span strong b{background:#2f7059;color:#fff}
.audience-options .audience-all>span{border-color:#c9a96f}
.audience-preview{padding:12px 14px;border-color:#b8cfc2;background:#e7f1eb;color:#284b3d;font-size:12px;line-height:1.5}
.audience-preview i{background:#2e8061;box-shadow:0 0 0 4px rgba(46,128,97,.13)}
.recipient-tools{margin:20px 0 10px}
.recipient-tools input{padding:11px 12px;background:#fffef9;border-color:#bbc5bd;color:#17251f;font-size:13px}
.recipient-tools input::placeholder{color:#65736b;opacity:1}
.recipient-tools input:focus{outline:3px solid rgba(23,107,85,.12);border-color:#4e8871}
.recipient-tools .text-action{color:#176b55;font-size:12px}
.recipient-tools>span{font-size:10px;color:#4d5d54}
.recipient-list{height:340px;border-top-color:#c8cec8}
.recipient-row{grid-template-columns:22px 38px minmax(0,1fr) 29px;gap:11px;padding:12px 5px;border-bottom-color:#d7dcd6;color:#1d2923}
.recipient-row:hover{background:#e8eee9}
.recipient-row.no-phone{opacity:.62}
.recipient-row input{width:17px;height:17px}
.recipient-avatar{width:38px;height:38px;border-radius:50%;background:#dce8e0;color:#245b47;font-size:12px}
.recipient-name strong{font-size:13px;line-height:1.35;color:#17251f}
.recipient-name small{font-size:11px;line-height:1.4;color:#526158;margin-top:4px}
.attendance-dot{width:28px;height:28px;font-size:10px}
.page-jumps{gap:8px;padding:7px;background:#e2e5df;border-color:#cfd4ce}
.page-jumps a{padding:10px 13px;color:#34483e;font-size:12px}
.page-jumps a:hover,.page-jumps a:focus-visible{background:#fffef9;color:#173d30}
.page-jumps b{min-width:23px;height:23px;padding:0 7px;background:#cbd7cf;color:#294f40;font-size:10px}
.sidebar .app-navigation a{font-size:13px}.nav-label{font-size:9px}
.message-panel .panel-kicker{font-size:10px}.message-panel h2{font-size:25px}
.message-panel .field-label{font-size:11px;color:#3f5147}
.message-panel .field-label select,.message-panel .field-label textarea{font-size:13px;line-height:1.5}
.message-panel .message-meta{font-size:10px;color:#56665c}
.message-panel .token{font-size:11px}
.follow-up-builder strong{font-size:13px}.follow-up-builder small{font-size:10px;line-height:1.45}.follow-up-builder select{font-size:12px}
.send-review strong{font-size:13px}.send-review small{font-size:10px;line-height:1.4}
.dispatch-stats small{font-size:10px}.outbox-head p,.outbox-list p{font-size:11px}.outbox-list strong{font-size:13px}.outbox-list small{font-size:10px}
.section-heading p{font-size:12px}.history-filter input,.history-filter select{font-size:12px}.ledger-person strong,.ledger-message p{font-size:12px}.ledger-person small,.ledger-state small{font-size:10px}.ledger-message span{font-size:9px}
@media(max-width:800px){.page-jumps a{font-size:11px;padding:9px 11px}.audience-panel h2,.message-panel h2{font-size:23px}.recipient-list{height:320px}}

/* Voice contact modes and guardian response workspace */
.dispatch-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.dispatch-stats .has-callbacks span{background:#f6dfb7;color:#7b4c0c}
.delivery-fieldset,.contact-mode-fieldset{border:0;padding:0;margin:0 0 18px}.delivery-fieldset legend,.contact-mode-fieldset legend{margin-bottom:8px;color:#3f5147;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.delivery-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.delivery-picker label,.contact-mode-grid label{position:relative;cursor:pointer}.delivery-picker input,.contact-mode-grid input{position:absolute;opacity:0}.delivery-picker label>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:11px;border:1px solid #d3d7d1;border-radius:10px;background:#fffef9}.delivery-picker b{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf1ec;color:#3b6957}.delivery-picker strong,.delivery-picker small{display:block}.delivery-picker strong{font-size:12px}.delivery-picker small{font-size:9px;color:#637067;margin-top:2px}.delivery-picker input:checked+span{border-color:#347861;background:#e8f2eb;box-shadow:inset 0 0 0 1px #347861}.delivery-picker input:checked+span b{background:#2f7059;color:#fff}.delivery-picker input:focus-visible+span,.contact-mode-grid input:focus-visible+span{outline:3px solid rgba(23,107,85,.2);outline-offset:2px}
.response-center{margin-bottom:18px;border:1px solid #d9d8cf;border-radius:16px;background:#fffef9;overflow:hidden;scroll-margin-top:90px}.response-center-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e1e1da;background:linear-gradient(105deg,#fffef9,#f4f1e6)}.response-center-head h2{margin:5px 0 4px;font-size:24px}.response-center-head p{margin:0;color:#657168;font-size:11px}.callback-count{padding:7px 11px;border-radius:99px;background:#e8eee9;color:#486054;font-size:10px;font-weight:900;white-space:nowrap}.callback-count.urgent{background:#f8dfb3;color:#75480b}.response-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.callback-queue,.recent-responses{min-width:0;padding:18px 20px}.recent-responses{border-left:1px solid #e1e2db;background:#f6f6f0}.callback-queue>h3,.recent-responses>h3{font-family:"Avenir Next","Trebuchet MS",sans-serif;margin:0 0 12px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#68736c;font-weight:900}.callback-task{padding:15px;border:1px solid #dfd8c8;border-left:4px solid #d3953f;border-radius:11px;background:#fffdf7;margin-bottom:10px}.callback-person{display:flex;align-items:center;gap:10px}.callback-person>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#20372d;color:#f1c77f;font-family:Georgia,serif;font-size:12px}.callback-person strong,.callback-person small{display:block}.callback-person strong{font-size:13px;color:#17251f}.callback-person small{font-size:10px;color:#68746c;margin-top:3px}.callback-requested{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.callback-requested small{font-size:9px;color:#747d76}.status.callback{background:#fae5bf;color:#784a0b}.status.aware{background:var(--greenbg);color:var(--green)}.status.illness{background:#e8eef6;color:#315f8a}.callback-task form{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px}.callback-task form input{min-width:0;border:1px solid #d2d5cf;border-radius:8px;padding:8px 10px;background:#fff;font-size:11px}.callback-task form>div{display:flex;gap:6px}.response-empty{display:flex;align-items:center;gap:11px;padding:18px;border:1px dashed #cbd3cc;border-radius:11px;background:#f8faf7}.response-empty>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e4f1e8;color:#2c7555;font-weight:900}.response-empty strong,.response-empty small{display:block}.response-empty strong{font-size:12px}.response-empty small{font-size:10px;color:#69756d;margin-top:3px}.response-empty.compact{padding:12px}.recent-responses>a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 2px;border-bottom:1px solid #dedfd8;color:#17251f}.recent-responses>a:last-child{border-bottom:0}.response-channel{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3ebe5;color:#38624f;font-size:12px}.recent-responses strong,.recent-responses small,.recent-responses time{display:block}.recent-responses strong{font-size:11px}.recent-responses small{font-size:9px;color:#66736b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-responses p{text-align:right;margin:0}.recent-responses time{font-size:8px;color:#7b847e;margin-top:4px}
.automation-toggle{display:flex!important;align-items:flex-start;gap:11px;padding:14px;border:1px solid #ccd6ce;border-radius:11px;background:#f0f5f1;margin-bottom:20px!important}.automation-toggle input{width:18px!important;height:18px;margin-top:1px}.automation-toggle strong,.automation-toggle small{display:block}.automation-toggle strong{font-size:12px;color:#213a30}.automation-toggle small{font-size:10px;color:#647169;margin-top:3px}.contact-mode-fieldset{margin-bottom:20px}.contact-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.contact-mode-grid label>span{display:block;height:100%;padding:13px;border:1px solid #d5d7d0;border-radius:11px;background:#fffef9}.contact-mode-grid b,.contact-mode-grid strong,.contact-mode-grid small{display:block}.contact-mode-grid b{font-size:8px;letter-spacing:.12em;color:#728078;margin-bottom:9px}.contact-mode-grid strong{font-size:12px;color:#1c3027}.contact-mode-grid small{font-size:9px;line-height:1.4;color:#68736c;margin-top:4px}.contact-mode-grid input:checked+span{border-color:#347861;background:#e7f2eb;box-shadow:inset 0 0 0 1px #347861}.contact-mode-grid input:checked+span b{color:#176b55}.voice-menu-preview{padding:12px 20px}.voice-menu-preview>div{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #e5e5de}.voice-menu-preview>div:last-child{border-bottom:0}.voice-menu-preview>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7eee9;color:#2f6550;font-family:Georgia,serif;font-size:15px}.voice-menu-preview p{margin:0}.voice-menu-preview strong,.voice-menu-preview small{display:block}.voice-menu-preview strong{font-size:12px}.voice-menu-preview small{font-size:10px;color:#68736c;margin-top:3px}.voice-menu-preview .callback-choice>span{background:#fae5bf;color:#784a0b}
@media(max-width:1150px){.dispatch-stats{grid-template-columns:repeat(3,1fr)}.response-workspace{grid-template-columns:1fr}.recent-responses{border-left:0;border-top:1px solid #e1e2db}}
@media(max-width:800px){.delivery-picker,.contact-mode-grid{grid-template-columns:1fr}.response-center-head{align-items:flex-start;flex-direction:column}.callback-task form{grid-template-columns:1fr}.callback-task form>div{display:grid;grid-template-columns:1fr 1fr}.callback-task form .button{width:100%}}
@media(max-width:520px){.dispatch-stats{grid-template-columns:repeat(2,1fr)}.callback-queue,.recent-responses{padding:15px}.callback-requested{align-items:flex-start;flex-direction:column}.callback-task form>div{grid-template-columns:1fr}.recent-responses>a{grid-template-columns:32px minmax(0,1fr)}.recent-responses p{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px}}
.status.no-answer,.status.busy{background:var(--redbg);color:var(--red)}.status.in-progress{background:var(--blue2);color:var(--blue)}

/* Multi-school network controls */
.school-switcher{min-width:270px}.school-switcher label{display:block}.school-switcher span{display:block;margin:0 0 3px;color:#6d7c73;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.school-switcher select{width:100%;border:1px solid #d3d8d2;border-radius:9px;padding:7px 32px 7px 10px;background:#fffef9;color:#20372d;font-size:10px;font-weight:800}.network-head{padding-bottom:8px;border-bottom:1px solid #dfe2dc}.school-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.school-config-card{overflow:hidden;border-top:3px solid #cad4cd}.school-config-card.current{border-top-color:#d5a24f;box-shadow:0 18px 45px rgba(40,62,50,.12)}.school-card-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #e2e4de;background:linear-gradient(120deg,#fffef9,#f3f5ef)}.school-sigil{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#20372d;color:#efc887;font-family:Georgia,serif;font-size:15px}.school-card-head h2{margin:3px 0 2px;font-family:Georgia,serif;font-size:21px;font-weight:500}.school-card-head p{margin:0;color:#68756d;font-size:10px}.school-config-form{padding:18px 20px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.school-form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.school-form-actions .automation-toggle{flex:1;margin:0!important}.school-form-actions .button{white-space:nowrap}
@media(max-width:1100px){.school-network-grid{grid-template-columns:1fr}.school-switcher{min-width:220px}}
@media(max-width:800px){.school-switcher{display:none}.field-pair{grid-template-columns:1fr}.school-form-actions{align-items:stretch;flex-direction:column}.school-card-head{grid-template-columns:44px minmax(0,1fr)}.school-card-head>.status{grid-column:2;width:max-content}}
html,body{font-family:"Avenir Next","Trebuchet MS",ui-sans-serif,system-ui,sans-serif}
.account-security-link{display:block;margin:12px 44px 0;color:#b9c9d6;font-size:10px;font-weight:800;letter-spacing:.03em}.account-security-link:hover{color:#fff}.account-security-grid{display:grid;grid-template-columns:minmax(360px,620px) minmax(280px,1fr);gap:22px;align-items:start}.security-card{border-top:3px solid #d5a24f}.security-seal{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#20372d;color:#efc887;font-weight:900;letter-spacing:2px}.security-guidance{min-height:360px;padding:38px;border-radius:18px;background:linear-gradient(145deg,#172b22,#244c3a);color:#edf5ef;box-shadow:0 20px 45px rgba(23,43,34,.14)}.security-guidance .eyebrow{color:#efc887}.security-guidance h2{max-width:420px;margin:12px 0 16px;font-family:Georgia,serif;font-size:32px;font-weight:500;line-height:1.12}.security-guidance p,.security-guidance li{color:#c4d3ca;font-size:12px;line-height:1.65}.security-guidance ul{margin:22px 0 0;padding-left:18px}.security-guidance li{margin:8px 0}@media(max-width:900px){.account-security-grid{grid-template-columns:1fr}.security-guidance{min-height:0;padding:28px}.security-guidance h2{font-size:27px}}
.user-management-grid{grid-template-columns:minmax(0,2fr) minmax(330px,1fr);align-items:start}.user-editor-card{position:sticky;top:88px;border-top:3px solid #d5a24f}.user-table td>strong,.user-table td>small{display:block}.user-table td>small{margin-top:3px;color:var(--muted);font-size:9px}.selected-user-row{background:#edf5ef!important;box-shadow:inset 3px 0 #347861}.user-actions{display:flex;align-items:center;gap:10px}.user-actions form{margin:0}.user-actions .link-button{padding:0;color:#56665d}.protected-account{color:#7d887f;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.optional-label{float:right;color:#7b887f;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}@media(max-width:1100px){.user-management-grid{grid-template-columns:1fr}.user-editor-card{position:static}}@media(max-width:600px){.user-actions{align-items:flex-start;flex-direction:column;gap:7px}}
