:root{--ink:#182e39;--muted:#5e727b;--line:#dae4e5;--green:#146954;--pale:#eaf4ef}*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:var(--ink);font:15px/1.5 'Segoe UI',sans-serif}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-.8px}h2{font-size:20px}h3{font-size:17px;margin:6px 0}p{color:var(--muted);margin:7px 0 14px}a{color:var(--green)}button,input,select{font:inherit}.app{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}nav{background:white;border-right:1px solid var(--line);padding:26px 18px;position:sticky;top:0;height:100vh}.brand{display:block;color:var(--ink);text-decoration:none;font-size:22px;font-weight:700;margin-bottom:35px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}#navigation{display:grid;gap:7px}#navigation a{text-decoration:none;padding:10px 12px;border-radius:6px;color:var(--ink);font-size:14px}#navigation a.active{background:var(--pale);color:var(--green);font-weight:600}.local{font-size:11px;color:var(--muted);margin:36px 0 18px}nav>a:last-child{font-size:12px}main{padding:32px;max-width:1900px;min-width:0}header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{color:var(--green);font-size:10px;letter-spacing:1.5px;font-weight:700}.button,button{cursor:pointer;border:1px solid #c8d6d8;border-radius:6px;color:var(--ink);padding:9px 13px;background:white;text-decoration:none;font-size:13px;display:inline-block;font-weight:600}.primary{background:var(--green);border-color:var(--green);color:white}button:disabled{opacity:.4;cursor:default}button:hover,.button:hover{filter:brightness(.96)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3d8cac;outline-offset:3px}.grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:22px;min-width:0}.grid .panel{margin:0}.panelhead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panelhead p{font-size:12px;margin:5px 0}.card{padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.card>div{min-width:0}.card p{font-size:13px;margin-bottom:8px}.card small,small{font-size:12px;color:var(--muted)}small{display:block}.badge{display:inline-block;font-size:10px;background:var(--pale);color:var(--green);padding:4px 7px;border-radius:4px;margin-right:7px}.empty{padding:25px 0;color:var(--muted);font-size:14px}.notice{padding:14px 18px;border-left:3px solid #92b9a8;background:#eaf1ed;font-size:13px;color:#3b5c4e;margin:0 0 24px}.filters{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:24px}label{display:block;color:var(--muted);font-size:12px}input,select{display:block;border:1px solid #c8d6d8;background:white;padding:9px;border-radius:6px;margin-top:5px;color:var(--ink);max-width:100%}input{min-width:240px}.paging,.reviewnav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.paging span{margin-right:auto}.reviewnav button:first-child{margin-right:auto}.detail{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:22px}.lead{font-size:18px}.moment{padding:20px 0;border-top:1px solid var(--line)}.moment:first-of-type{margin-top:15px}.time{font-weight:700;font-size:13px;color:var(--green)}blockquote{margin:12px 0;font-size:18px;white-space:pre-wrap;overflow-wrap:anywhere}.timeline{padding:0 0 20px 17px;border-left:2px solid #c5dfd0;margin:18px 0;font-size:13px}.contact{border-top:1px solid var(--line);padding:17px 0;overflow-wrap:anywhere}.contact h3{font-size:15px}.contact p{font-size:12px;margin:6px 0}.activity{font-size:13px;padding:12px 0;border-top:1px solid var(--line)}.districts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.districts .panel{margin:0}#status:not(:empty){padding:12px 0 20px;color:#805022}.muted{color:var(--muted)}.fullwidth{grid-column:1/-1}details{margin:16px 0}summary{cursor:pointer;color:var(--green)}@media(max-width:1000px){.app{grid-template-columns:175px minmax(0,1fr)}main{padding:22px}.grid{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.panelhead{flex-wrap:wrap}}@media(max-width:720px){.app{display:block}nav{position:static;height:auto;padding:16px;border-bottom:1px solid var(--line)}.brand{margin-bottom:12px}#navigation{display:flex;overflow:auto}#navigation a{white-space:nowrap}.local{margin:14px 0 8px}.grid,.districts{display:block}.grid .panel,.districts .panel{margin-bottom:18px}main{padding:18px}h1{font-size:27px}header{align-items:flex-start}.card{align-items:flex-start}.card .button{white-space:nowrap}.filters input{min-width:0;width:100%}}
.decision-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.decision-buttons button[aria-pressed="true"]{background:var(--green);color:white;border-color:var(--green)}#project-decision{display:grid;gap:14px;margin:18px 0}#project-decision textarea{display:block;width:100%;min-height:90px;font:inherit;border:1px solid #c8d6d8;padding:10px;border-radius:6px;margin-top:5px;resize:vertical}.stage-control{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:10px 0 24px}.stage-control label{flex:1}hr{border:0;border-top:1px solid var(--line);margin:22px 0}#local-actor{margin-bottom:18px}textarea:focus-visible{outline:3px solid #3d8cac;outline-offset:3px}
.mail-body{white-space:pre-wrap;overflow-wrap:anywhere}#mail-body{display:block;width:100%;font:inherit;border:1px solid #c8d6d8;border-radius:6px;padding:12px;resize:vertical;margin:5px 0 14px}#mail-to,#mail-subject{width:100%;margin-bottom:14px}
.crm-conflict{border:1px solid #cfad70;background:#fffbef;border-radius:8px;padding:16px;margin:16px 0}.crm-conflict button{margin:4px 8px 4px 0}
.reply-card{padding:18px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.reply-card>strong{display:block}.reply-card p{font-size:13px;margin-bottom:9px}.reply-card>.decision-buttons{margin:12px 0 0}.work-switch{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.work-switch span{font-size:12px;color:var(--muted)}.work-switch button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:white}.private-preview{border:2px dashed #92b9a8;background:#f4faf7;border-radius:8px;padding:18px;margin:18px 0;overflow-wrap:anywhere}.private-preview article+article{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.reply-date{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:#f4f7f5;padding:14px;border-radius:8px;margin-top:14px}.reply-date input{min-width:0}.reply-date small{flex-basis:100%}.timeline details .mail-body{max-height:28rem;overflow:auto;padding:8px 0}@media(max-width:720px){.reply-date label{flex:1 1 130px}.work-switch button{flex:1}.private-preview{padding:13px}}

/* Personal preferences remain compact; the growing navigation stays reachable. */
nav{overflow-y:auto}#notification-preferences{display:grid;gap:12px;max-width:680px}#notification-preferences label:has(input[type="checkbox"]){display:flex;align-items:center;gap:10px}#notification-preferences input[type="checkbox"]{width:auto;min-width:0;margin:0;flex:0 0 auto}

.connection-status{font-size:12px;color:var(--muted);margin:0 0 16px;overflow-wrap:anywhere}
.pipeline-project+.pipeline-project{border-top:2px solid var(--line);padding-top:12px}.pipeline-project .stage-control{margin-bottom:20px}.pipeline-project .card{border-top:0}#pipeline-query,#reply-query,#followup-query{min-width:0;width:100%}
.transcript-cue{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line)}.transcript-cue p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:var(--ink)}.transcript-cue.matched{border-left:3px solid var(--green);padding-left:10px}.transcript-cue mark{background:#fff0b0;color:var(--ink)}#project-transcript-query,#project-transcript-select{width:100%;min-width:0;margin-bottom:16px}@media(max-width:720px){.transcript-cue{grid-template-columns:1fr;gap:7px}}
/* The empty heading action cell and each row reserve the same button width. */
.directory-header,.directory-row{display:grid;grid-template-columns:minmax(240px,2fr) minmax(70px,.5fr) minmax(60px,.5fr) minmax(140px,1fr) 152px;align-items:center;gap:18px}.directory-header{font-size:12px;color:var(--muted);padding-bottom:12px}.directory-row{border-top:1px solid var(--line);padding:18px 0}.directory-row h2{font-size:17px;overflow-wrap:anywhere}.directory-row>div{min-width:0}.directory-row small{font-size:11px}.row-label{display:none}#district-project-kind{margin-bottom:20px}@media(max-width:1100px){.directory-header{display:none}.directory-row{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-row>div:first-child{grid-column:1/-1}.directory-row>button{grid-column:1/-1;justify-self:start}.row-label{display:block;font-size:11px;color:var(--muted)}}

.coverage-row{overflow-wrap:anywhere}.coverage-row p{font-size:13px;margin:8px 0}#coverage-query{min-width:0;width:100%}

/* Readable action hierarchy: clear starting points without forcing a task order. */
:root{--ink:#172d38;--muted:#425864;--line:#cdd9dd;--green:#115d49;--pale:#eaf4ef}
body{font-size:16px;line-height:1.6}
h1{font-size:36px;line-height:1.2}h2{font-size:22px;line-height:1.3}h3{font-size:19px;line-height:1.4}
button,input,select,textarea{font:inherit}.button,button{font-size:15px;min-height:44px}h1[tabindex="-1"]:focus{outline:2px solid #617b84;outline-offset:4px;border-radius:3px}
.brand small,.local,nav>a:last-child{font-size:13px}#navigation a{font-size:15px}
.eyebrow{font-size:14px}.panelhead p,.card small,small,.contact p,.directory-row small,.row-label,.directory-header,.work-switch span,.connection-status{font-size:14px}
.card p,.reply-card p,.coverage-row p,.activity,.timeline,.empty,.notice{font-size:15px}
label{font-size:14px;font-weight:600}.contact h3{font-size:18px}.time{font-size:15px}.badge{font-size:12px;font-weight:600}
.panel{padding:26px}.panelhead{gap:18px}.panelhead>div{min-width:0}.panelhead>button{flex-shrink:0}
.daily-flow{background:#183d3b;color:white;border-radius:12px;padding:23px 26px;margin-bottom:18px}
.daily-flow>strong{font-size:21px}.daily-flow>p{color:#e5f0ed;margin:5px 0 18px;font-size:16px}
.flow-links{display:flex;gap:12px;flex-wrap:wrap}.flow-links button{display:flex;align-items:center;gap:10px;text-align:left;border-color:#aec6c0;padding:11px 16px}
.flow-number{display:inline-grid;place-items:center;border-radius:50%;width:28px;height:28px;flex-shrink:0;background:var(--green);color:white;font-weight:700}
.workspace-status{margin:0 0 22px;font-size:14px}.workspace-status summary{font-weight:600}.workspace-status p{max-width:85ch}



.card strong{font-size:18px}.card .primary{white-space:nowrap}.empty{border-radius:8px;padding:18px;background:#f4f7f8}
.card small+small{margin-top:5px}button:disabled{opacity:1;color:#65717a;background:#edf0f2;border-color:#d2dade}
textarea{color:var(--ink);max-width:100%}#opportunity-brief-text{width:100%;padding:12px}
.composer-workspace{max-width:960px}.composer-workspace>.panel{border-top:4px solid var(--green)}.composer-workspace #mail-body{min-height:280px}
input,select,textarea{min-width:0}header>div{min-width:0}header>button{flex-shrink:0}
@media(max-width:1200px){.panelhead{flex-wrap:wrap}.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:720px){h1{font-size:30px}.panel{padding:20px}.daily-flow{padding:20px}.flow-links{display:grid}.flow-links button{width:100%}.card{flex-wrap:wrap}header{flex-wrap:wrap}.filters>label{width:100%}.filters input,.filters select{width:100%}.panelhead>button{max-width:100%}#navigation a{font-size:15px}}

/* Claude K12-UX-REVIEW-20261102: task visibility, focus and safe composition. */
.skip-link{position:fixed;left:16px;top:-100px;padding:14px;background:#fff;color:#143c33;z-index:1000;border:2px solid #143c33}.skip-link:focus{top:12px}
.reviewnav{position:sticky;top:0;z-index:20;background:#f5f7f8;padding:12px 0;border-bottom:1px solid #83959b}.reviewnav button{background:white}
.review-context{margin-bottom:12px}.review-context summary{font-size:14px;color:var(--muted)}.review-context .notice{margin:8px 0}.review-decisions{margin:12px 0}
.decision-feedback{padding:12px 16px;background:#eaf4ed;border:1px solid #6c927c;border-radius:8px;margin:12px 0}.decision-feedback p{margin:0 0 8px}
.draft-badge{display:block;width:fit-content;margin-top:10px;font-size:14px;font-weight:700;background:#fff2cf;color:#674c10;padding:6px 10px;border-radius:5px}
.filter-help{font-size:14px;max-width:90ch;color:var(--muted);margin:8px 0 20px}.daily-flow{padding:16px 22px}.daily-flow>p{margin-bottom:12px}
.mail-actions{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-top:16px}.mail-actions>div{display:flex;flex-wrap:wrap;gap:8px}.mail-actions>.primary{min-width:100px;margin-left:auto}.replace-confirmation{margin-top:16px;border:2px solid #926625;padding:16px;background:#fff8e8}.replace-confirmation button{margin:0 10px 8px 0}
@media(max-width:720px){.daily-flow{padding:16px}.flow-links{display:flex;gap:8px}.flow-links button{width:auto;font-size:15px;padding:8px}.flow-number{width:24px;height:24px}.reviewnav{gap:6px}.reviewnav button{padding:8px}.mail-actions{gap:16px;flex-wrap:wrap}.mail-actions>div{flex:1 1 100%}}
.today-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px 24px;margin:16px 0 8px}.today-toolbar .filters{margin:0;flex:1 1 340px}.today-toolbar .work-switch{margin:0;display:flex;gap:8px;flex-wrap:wrap}.today-toolbar .work-switch>span{flex-basis:100%;font-size:14px}.filter-help{margin:8px 0 18px}.filter-help summary{cursor:pointer;font-size:14px}.workflow-panel .card{display:block}.workflow-panel .card>button{margin-top:12px}.daily-flow>strong{font-size:18px}.daily-flow>p{font-size:15px;margin-bottom:10px}.daily-flow .flow-links button{padding:8px 12px}.flow-number{width:24px;height:24px}

/* Clear workspace navigation and a dedicated, accessible team directory. */
#navigation{display:block}#navigation .nav-category{margin:0 0 12px;border-bottom:1px solid var(--line);padding:0 0 10px}#navigation .nav-category summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 9px;border-radius:6px;background:#f1f5f3;color:var(--ink);font-size:14px;font-weight:800;min-height:44px}#navigation .nav-category summary::-webkit-details-marker{display:none}#navigation .nav-category summary::after{content:'+';font-size:20px}#navigation .nav-category[open] summary::after{content:'−'}#navigation .nav-category-links{display:grid;gap:3px;padding-top:5px}#navigation a{display:block;font-weight:700;font-size:15px;min-height:44px}#navigation a.active{font-weight:800;border-left:3px solid var(--green)}.nav-category summary:focus-visible{outline:3px solid #3d8cac;outline-offset:2px}
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.settings-tabs a{padding:10px 16px;border:1px solid var(--line);border-radius:7px;text-decoration:none;background:white;font-weight:700}.settings-tabs a[aria-current="page"]{background:var(--green);color:white}.team-shortcut{font-size:16px}.team-invite-form{display:grid;grid-template-columns:minmax(180px,2fr) minmax(150px,1fr) auto;gap:14px;align-items:end}.team-invite-form input,.team-invite-form select{width:100%;margin-bottom:0}.team-invite-form p{grid-column:1/-1;margin:0;font-size:14px}.team-table{width:100%;border-collapse:collapse;text-align:left}.team-table th{font-size:14px;color:var(--muted);padding:12px 8px}.team-table td{padding:18px 8px;vertical-align:top;border-top:1px solid var(--line);overflow-wrap:anywhere}.team-table td:first-child{width:38%}.team-table strong{font-size:16px}.member-status{display:inline-block;background:#edf3f0;border-radius:5px;padding:3px 8px;font-size:14px;font-weight:600}.member-manage{margin:0}.member-manage summary{font-weight:700;min-height:44px}.member-manage label{margin:8px 0}.member-manage select{width:100%}.member-manage button{display:block;margin-top:9px}.member-manage button[hidden]{display:none}.member-manage .access-danger{color:#9a3030;border-color:#d6aaaa}.team-feedback:empty{display:none}.team-feedback:not(:empty){padding:14px;background:#eaf4ef;border:1px solid #8cb6a0;border-radius:7px}
@media(max-width:1100px){.team-invite-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.team-invite-form>button{justify-self:start}.team-table td:first-child{width:auto}}
@media(max-width:720px){#navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}#navigation .nav-category{margin:0}#navigation a{white-space:normal;font-size:14px;padding:9px 7px}#navigation .nav-category summary{font-size:14px}.team-invite-form{grid-template-columns:1fr}.team-table thead{display:none}.team-table,.team-table tbody,.team-table tr,.team-table td{display:block;width:100%}.team-table tr{padding:12px 0;border-top:1px solid var(--line)}.team-table td{border:0;padding:5px 0}.team-table td:not(:first-child)::before{content:attr(data-label) ': ';font-size:14px;font-weight:700;color:var(--muted)}.team-table .member-manage{margin-top:8px}.team-table td:first-child{width:100%}}
nav.settings-tabs{position:static;top:auto;height:auto;min-height:0;padding:0;background:transparent;border:0;overflow:visible;align-items:center}nav.settings-tabs>a:last-child{font-size:inherit}