/* Reach Pass 5 — School Growth and Leadership Oversight only */

#leadershipView,#leadershipOversightView,#leadershipPersonDetailModal,#leadershipStaffDetailModal{
  --leadership-soft:color-mix(in srgb,var(--vf-success-soft,#eaf2ec) 64%,var(--vf-surface-content,#fff));
  --leadership-line:color-mix(in srgb,var(--vf-primary,#0d5a3b) 20%,var(--vf-border,#cdd7cf));
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#leadershipView>.page-title,#leadershipOversightView>.page-title{margin-bottom:22px}
#leadershipView>.leadership-tabs,#leadershipOversightView>.oversight-tabs{margin-bottom:26px}
#leadershipOversightView>.area-back{margin-bottom:20px}

.leadership-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 14px}
.leadership-section-heading h2{margin:4px 0 3px;font-family:var(--vf-font-interface,-apple-system,sans-serif);font-size:24px;line-height:1.25;letter-spacing:-.018em}
.leadership-section-heading p{max-width:760px;margin:0;color:var(--vf-text-secondary,#53636c);font-size:13px;line-height:1.5}
.leadership-section-heading--with-controls{align-items:flex-end}
.leadership-attention-section,.school-attention{margin-bottom:32px}
.leadership-pulse-section,.school-pulse{margin-bottom:32px}
.leadership-people-section,.leadership-staff-section{margin-top:30px}

.leadership-attention-grid,.school-attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.leadership-attention-item,.school-attention-card{position:relative;display:grid;min-width:0;gap:7px;padding:15px 42px 15px 16px;border:1px solid var(--leadership-line);border-left:4px solid var(--vf-warning,#8a5a16);border-radius:12px;background:var(--vf-surface-content,#fff);color:var(--vf-text-primary,#13263a);text-align:left;box-shadow:var(--vf-shadow-content)}
button.leadership-attention-item:hover,button.school-attention-card:hover{border-color:var(--vf-border-selected,#7fa18a);box-shadow:var(--vf-shadow-hover)}
.leadership-attention-item strong,.school-attention-card strong{font-size:14px;line-height:1.35}
.leadership-attention-item small,.school-attention-card span{color:var(--vf-text-secondary,#53636c);font-size:11px;line-height:1.45}
.leadership-attention-item>i,.school-attention-card>i{position:absolute;right:16px;top:50%;color:var(--vf-primary,#0d5a3b);font-size:18px;font-style:normal;transform:translateY(-50%)}
.leadership-attention-item.is-static{padding-right:16px}
.school-attention-card>div:first-child{display:grid;gap:2px}.school-attention-card>.leadership-signal-list{margin-top:3px}

.leadership-clear-state{display:flex;gap:14px;align-items:center;padding:18px 20px;border:1px solid var(--leadership-line);border-radius:13px;background:var(--leadership-soft)}
.leadership-clear-state>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid var(--leadership-line);border-radius:50%;background:var(--vf-surface-content,#fff);color:var(--vf-primary,#0d5a3b);font-weight:800}
.leadership-clear-state strong{display:block}.leadership-clear-state p{margin:2px 0 0;color:var(--vf-text-secondary,#53636c);font-size:12px}
.leadership-clear-state--large{margin-top:18px;padding:30px}

.leadership-signal-list{display:flex;flex-wrap:wrap;gap:5px}
.leadership-signal{display:inline-flex;min-height:24px;align-items:center;padding:3px 8px;border:1px solid var(--vf-border,#cdd7cf);border-radius:999px;background:var(--vf-surface-subtle,#f2f5f0);color:var(--vf-text-secondary,#53636c);font-size:10px;font-weight:780;line-height:1.2}
.leadership-signal--attention{border-color:color-mix(in srgb,var(--vf-warning,#8a5a16) 38%,var(--vf-border));background:var(--vf-warning-soft,#fbf1d7);color:var(--vf-warning,#8a5a16)}
.leadership-signal--clear{border-color:color-mix(in srgb,var(--vf-success,#2f6f4e) 32%,var(--vf-border));background:var(--vf-success-soft,#eaf2ec);color:var(--vf-success,#2f6f4e)}
.leadership-signal--neutral{background:var(--vf-surface-subtle,#f2f5f0);color:var(--vf-text-secondary,#53636c)}

.school-pulse-grid{display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:12px}
.school-pulse-grid>.card{display:grid;min-height:100px;align-content:center;padding:17px;border-top:2px solid var(--vf-primary,#0d5a3b);background:var(--vf-surface-metric,#f5f8f4);box-shadow:none}
.school-pulse-grid strong,.oversight-stat strong{font-family:var(--vf-font-display,Georgia,serif);font-size:31px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.school-pulse-grid span,.oversight-stat span{margin-top:8px;color:var(--vf-text-secondary,#53636c);font-size:12px;font-weight:650;line-height:1.35}
.school-pulse-grid>.school-pulse-primary{border-top-color:var(--vf-warning,#8a5a16);background:var(--vf-warning-soft,#fbf1d7)}
.school-pulse-grid>.school-pulse-tertiary{border-top-color:var(--vf-border-strong,#aab9ae);background:var(--vf-surface-subtle,#f2f5f0)}
.school-pulse-grid>[data-growth-drill]{width:100%;border-inline-width:1px;border-bottom-width:1px;cursor:pointer;font:inherit;text-align:left}.school-pulse-grid>[data-growth-drill]:hover{border-color:var(--vf-border-selected,#7fa18a);box-shadow:var(--vf-shadow-hover)}.school-pulse-grid>[data-growth-drill]:focus-visible{outline:3px solid color-mix(in srgb,var(--vf-primary,#0d5a3b) 32%,transparent);outline-offset:2px}

.school-overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}
.school-overview-grid>.card{padding:20px}
.school-participation-list{display:grid}
.school-participation-list>button{display:grid;width:100%;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 0;border:0;border-bottom:1px solid var(--vf-border,#cdd7cf);background:transparent;color:var(--vf-text-primary,#13263a);text-align:left}
.school-participation-list>button:last-child{border-bottom:0}
.school-participation-list>button:hover strong{color:var(--vf-primary,#0d5a3b)}
.school-participation-list>button>span:nth-child(2){display:grid;min-width:0;gap:2px}
.school-participation-list strong{font-size:13px}.school-participation-list small{overflow:hidden;color:var(--vf-text-secondary,#53636c);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.school-participation-list i{color:var(--vf-primary,#0d5a3b);font-size:17px;font-style:normal}
.leadership-person-mark{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid var(--leadership-line);border-radius:50%;background:var(--leadership-soft);color:var(--vf-primary,#0d5a3b);font-size:10px;font-weight:850;letter-spacing:.04em}
.school-positive-item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--vf-border,#cdd7cf)}
.school-positive-item:last-child{border-bottom:0}.school-positive-item>span{color:var(--vf-success,#2f6f4e);font-size:18px}.school-positive-item strong{font-size:13px}.school-positive-item p{margin:3px 0 0;color:var(--vf-text-secondary,#53636c);font-size:11px;line-height:1.45}

.leadership-tools-section{margin-top:34px;padding-top:26px;border-top:1px solid var(--vf-border,#cdd7cf)}
.leadership-tools-section .area-drilldown{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.leadership-tools-section .area-card{min-height:94px}
.leadership-tools-disclosure{border:1px solid var(--vf-border,#cdd7cf);border-radius:14px;background:var(--vf-surface-content,#fff)}
.leadership-tools-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none}.leadership-tools-disclosure summary::-webkit-details-marker{display:none}.leadership-tools-disclosure summary>span:first-child{display:grid;gap:3px}.leadership-tools-disclosure summary strong{font-size:15px}.leadership-tools-disclosure[open] summary{border-bottom:1px solid var(--vf-border,#cdd7cf)}.leadership-tools-disclosure .area-drilldown{padding:14px}
.school-pulse--compact .school-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.school-pulse--compact{margin-bottom:20px}

.leadership-table-controls{display:flex;gap:10px;align-items:flex-end}
.leadership-table-controls .field{min-width:180px;gap:5px}.leadership-table-controls .field>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.leadership-table-controls select{min-width:190px}.leadership-search-field{min-width:260px!important}
.leadership-table-wrap,.oversight-table-wrap{padding:0;overflow:visible}
.staff-table,.oversight-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}
.staff-table thead th,.oversight-table thead th{position:sticky;z-index:2;top:0;padding:11px 12px;border-bottom:1px solid var(--vf-border,#cdd7cf);background:var(--vf-surface-subtle,#f2f5f0)}
.staff-table td,.oversight-table td{padding:12px;border:0!important;border-bottom:1px solid var(--vf-border,#cdd7cf)!important;background:var(--vf-surface-content,#fff)!important;vertical-align:middle}
.staff-table tbody tr:last-child td,.oversight-table tbody tr:last-child td{border-bottom:0!important}
.staff-table td:first-child,.oversight-table td:first-child{border-left:0!important;border-radius:0!important}.staff-table td:last-child,.oversight-table td:last-child{border-right:0!important;border-radius:0!important}
.staff-table td>strong,.oversight-table td>strong{display:block;font-size:13px;line-height:1.35}.staff-table td>span:not(.leadership-signal),.oversight-table td>span:not(.leadership-signal),.staff-table td>small,.oversight-table td>small{display:block;margin-top:2px;color:var(--vf-text-secondary,#53636c);font-size:10px;line-height:1.4}
.staff-table select{min-width:132px;max-width:180px;font-size:12px}.staff-table .btn,.oversight-table .btn{min-height:36px;padding-inline:11px;font-size:12px}
.oversight-person-meta{display:block;margin-top:2px;color:var(--vf-text-secondary,#53636c);font-size:10px;line-height:1.35}
.oversight-summary{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:12px;margin:0}
.oversight-stat{display:grid;min-height:100px;align-content:center;padding:17px;border-top:2px solid var(--vf-primary,#0d5a3b);background:var(--vf-surface-metric,#f5f8f4);box-shadow:none}
.oversight-stat--primary{border-top-color:var(--vf-warning,#8a5a16);background:var(--vf-warning-soft,#fbf1d7)}
.oversight-stat strong{font-size:31px}.oversight-privacy,.leadership-privacy{margin-top:12px;padding:11px 13px;border:1px solid var(--leadership-line);border-radius:10px;background:var(--leadership-soft);color:var(--vf-text-secondary,#53636c);font-size:11px;line-height:1.5}.oversight-privacy strong,.leadership-privacy strong{color:var(--vf-text-primary,#13263a)}
.leadership-empty{padding:26px;text-align:center;color:var(--vf-text-secondary,#53636c)}.leadership-empty strong{display:block;color:var(--vf-text-primary,#13263a)}.leadership-empty p{margin:4px auto 0;max-width:520px;font-size:12px}.leadership-empty--large{margin-top:18px;border:1px dashed var(--vf-border-strong,#aab9ae);border-radius:14px;background:var(--vf-surface-subtle,#f2f5f0)}

.leadership-reopen-list{display:grid;gap:12px}.leadership-reopen-list .reopen-card{box-shadow:var(--vf-shadow-content)}
.leadership-tab-count{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--vf-warning-soft,#fbf1d7);color:var(--vf-warning,#8a5a16);font-size:10px;font-weight:800}

.middle-leader-report-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px;padding:17px}.middle-leader-report-toolbar .field{min-width:220px}.middle-leader-report-actions{display:flex;flex-wrap:wrap;gap:8px}.middle-leader-report-meta{display:flex;justify-content:space-between;gap:18px;margin:0 0 14px;color:var(--vf-text-secondary,#53636c);font-size:11px}.middle-leader-report-meta strong{color:var(--vf-text-primary,#13263a)}
.leadership-report-headline{padding:20px;border:1px solid var(--leadership-line);border-radius:14px;background:var(--leadership-soft)}.leadership-report-headline h2{margin:5px 0 4px;font-family:var(--vf-font-display,Georgia,serif);font-size:28px;font-weight:500}.leadership-report-headline p{margin:0;color:var(--vf-text-secondary,#53636c)}
.leadership-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.leadership-report-grid>section{padding:18px;border:1px solid var(--vf-border,#cdd7cf);border-radius:13px;background:var(--vf-surface-content,#fff)}.leadership-report-grid h3{margin:5px 0 10px;font-size:17px}.leadership-report-grid p{margin:0;color:var(--vf-text-secondary,#53636c);font-size:12px}.leadership-report-item{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--vf-border,#cdd7cf)}.leadership-report-item:last-child{border-bottom:0}.leadership-report-item strong{font-size:13px}.leadership-report-item span{color:var(--vf-text-secondary,#53636c);font-size:11px}
.leadership-suggested-followup{margin-top:18px;padding:16px 18px;border-left:3px solid var(--vf-primary,#0d5a3b);background:var(--vf-surface-subtle,#f2f5f0)}.leadership-suggested-followup h3{margin:5px 0 3px;font-size:16px}.leadership-suggested-followup p{margin:0;color:var(--vf-text-secondary,#53636c);font-size:12px}

.leadership-staff-detail-modal{width:min(820px,100%)}
.leadership-detail-identity{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--leadership-line);border-radius:12px;background:var(--leadership-soft)}.leadership-detail-identity .leadership-person-mark{width:44px;height:44px;flex-basis:44px}.leadership-detail-identity>div{display:grid;gap:2px}.leadership-detail-identity strong{font-size:16px}.leadership-detail-identity span{color:var(--vf-text-secondary,#53636c);font-size:11px}
.leadership-detail-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--vf-border,#cdd7cf)}.leadership-detail-section h3{margin:5px 0 9px;font-size:17px}.leadership-detail-section>p{margin:0;color:var(--vf-text-secondary,#53636c);font-size:12px;line-height:1.5}.leadership-detail-signals{display:grid;gap:8px}.leadership-detail-signals>div{display:flex;gap:12px;align-items:flex-start}.leadership-detail-signals p{margin:2px 0 0;color:var(--vf-text-secondary,#53636c);font-size:11px}
.leadership-detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--leadership-line);border-radius:12px;background:var(--leadership-soft)}.leadership-detail-metrics>div{display:grid;gap:3px;padding:12px}.leadership-detail-metrics>div+div{border-left:1px solid var(--leadership-line)}.leadership-detail-metrics strong{font-family:var(--vf-font-display,Georgia,serif);font-size:23px;font-weight:500}.leadership-detail-metrics span{color:var(--vf-text-secondary,#53636c);font-size:10px}.leadership-detail-goals{display:grid;gap:8px}.leadership-detail-goals>div{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--vf-border,#cdd7cf);border-radius:10px}.leadership-detail-goals strong{font-size:13px}.leadership-detail-goals span{color:var(--vf-text-secondary,#53636c);font-size:10px}.leadership-positive-copy{margin-top:10px!important}.leadership-detail-actions{margin-top:20px;padding-top:16px;border-top:1px solid var(--vf-border,#cdd7cf)}

html[data-theme="dark"] .staff-table thead th,html[data-theme="dark"] .oversight-table thead th{background:var(--vf-surface-subtle)}
html[data-theme="dark"] .school-pulse-grid>.school-pulse-primary,html[data-theme="dark"] .oversight-stat--primary{background:var(--vf-warning-soft)}

@media(max-width:1100px){
  .leadership-attention-grid,.school-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .school-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .school-overview-grid{grid-template-columns:1fr}
  .leadership-tools-section .area-drilldown{grid-template-columns:repeat(2,minmax(0,1fr))}
  .leadership-section-heading--with-controls{display:block}.leadership-table-controls{margin-top:13px}
  .oversight-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .leadership-attention-grid,.school-attention-grid,.school-pulse-grid{grid-template-columns:1fr 1fr}
  .leadership-table-controls{display:grid;grid-template-columns:1fr 1fr}.leadership-search-field{min-width:0!important}.leadership-table-controls .field{min-width:0}.leadership-table-controls select{min-width:0}
  .leadership-table-wrap,.oversight-table-wrap{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
  .leadership-responsive-table{display:block}.leadership-responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.leadership-responsive-table tbody{display:grid;gap:12px}.leadership-responsive-table tr{display:grid;padding:14px;border:1px solid var(--vf-border,#cdd7cf);border-radius:13px;background:var(--vf-surface-content,#fff);box-shadow:var(--vf-shadow-content)}
  .leadership-responsive-table td{display:grid!important;grid-template-columns:112px minmax(0,1fr);gap:8px;align-items:start;padding:9px 0!important;border:0!important;border-bottom:1px solid var(--vf-border,#cdd7cf)!important;background:transparent!important}.leadership-responsive-table td:last-child{border-bottom:0!important}.leadership-responsive-table td:before{content:attr(data-label);color:var(--vf-text-tertiary,#66757d);font-size:9px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.leadership-responsive-table td>*{grid-column:2}.leadership-responsive-table td>.leadership-signal-list{grid-column:2}.leadership-responsive-table td .btn{justify-self:start}.leadership-responsive-table td>select{width:100%;max-width:none}
  .leadership-report-grid{grid-template-columns:1fr}.middle-leader-report-meta{display:grid}.leadership-detail-metrics{grid-template-columns:repeat(2,1fr)}.leadership-detail-metrics>div:nth-child(3){border-left:0;border-top:1px solid var(--leadership-line)}.leadership-detail-metrics>div:nth-child(4){border-top:1px solid var(--leadership-line)}
}
@media(max-width:520px){
  .leadership-attention-grid,.school-attention-grid,.school-pulse-grid,.leadership-tools-section .area-drilldown,.oversight-summary{grid-template-columns:1fr}
  .leadership-table-controls{grid-template-columns:1fr}
  .leadership-responsive-table td{grid-template-columns:92px minmax(0,1fr)}
  .leadership-section-heading h2{font-size:21px}
  .middle-leader-report-toolbar{display:grid}.middle-leader-report-toolbar .field{min-width:0}.middle-leader-report-actions{display:grid}.middle-leader-report-actions .btn{width:100%}
  .leadership-detail-actions{display:grid}.leadership-detail-actions .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){.leadership-attention-item,.school-attention-card,.school-participation-list button{transition:none!important}}
