/* Versioned visual corrections. Kept separate so a published dashboard never
   depends on a browser revalidating a previously cached stylesheet. */
@media (min-width:761px) and (max-width:1180px){
  .app-shell{grid-template-columns:202px minmax(0,1fr)}
  .sidebar{width:202px;padding:20px 12px 16px}
  .side-brand img{width:112px}.clinic-chip{margin:17px 2px 11px;padding:10px}
  .sidebar nav>p{margin:17px 9px 7px}.sidebar nav button{padding:0 9px}
  .workspace{padding:27px 25px 32px}
  .topbar{min-height:71px;gap:18px}.topbar h2{font-size:1.9rem}
  .top-actions{gap:8px}.period-control select,.live-badge,.secondary-button{min-height:40px}
  .executive-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .metric-card{min-height:142px;padding:18px 16px}.metric-card>strong{font-size:1.92rem}
  .metric-card>p{font-size:.72rem}.metric-card>small{font-size:.66rem;line-height:1.35}
  .governance-meters{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.9fr);gap:12px}
  .governance-meters .meter-card:first-child{grid-column:auto}
  .governance-meters .meter-card:last-child{grid-column:auto}
  .meter-card{min-height:260px;padding:18px}.meter-total{font-size:1.85rem}
  .meter-copy{font-size:.68rem;line-height:1.45}.meter-card .method-note{font-size:.64rem;line-height:1.4}
  .overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,.92fr);gap:12px}
  .impact-card{min-height:360px}.attention-card,.pulse-card{min-height:174px}
  .surface{padding:20px}.surface-head h3{font-size:1.02rem}
}

.staff-shell{min-height:100vh;padding:clamp(32px,5vw,76px);background:radial-gradient(circle at 88% -12%,rgba(63,112,232,.11),transparent 28%),linear-gradient(180deg,#f8faff 0%,#f3f6fb 100%)}
.staff-header{max-width:1120px;min-height:88px;margin:0 auto 20px;padding:0 2px;align-items:center}
.staff-header img{width:154px;height:48px}.staff-header p{font-size:.72rem}.staff-header h1{font-size:1.85rem;letter-spacing:-.055em}.staff-header>span{font-size:.72rem;color:var(--muted)}
.staff-shell>.source-warning{max-width:1120px;margin:0 auto 14px}
.staff-case,.staff-inbox{max-width:1120px;border-radius:16px}.staff-inbox{margin-bottom:14px}.staff-case{padding:clamp(26px,4vw,44px)}
.staff-case .surface-head h3{font-size:1.08rem}.staff-case .method-note{font-size:.7rem;line-height:1.55}
.staff-case .access-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:18px 20px;margin-top:24px}
.access-form label{gap:9px;font-size:.73rem}.access-form input,.access-form select,#enrollmentLink{min-height:46px;padding:11px 13px;font-size:.82rem}
.access-form button{min-width:146px}.access-form p{font-size:.68rem;line-height:1.45}
.access-users{gap:12px}.access-user{min-height:76px;padding:17px 18px}.access-user strong{font-size:.84rem}.access-user span{font-size:.73rem}.access-user small{font-size:.67rem}

@media(max-width:760px){
  .staff-shell{padding:24px 16px 32px}.staff-header{min-height:auto;align-items:flex-start}.staff-header h1{font-size:1.45rem}
  .staff-case .access-form{grid-template-columns:1fr}.access-form button{width:100%;justify-self:stretch}.access-user{align-items:flex-start}
}

/* The operational view must never rely on a horizontal scroll on a phone. */
@media (max-width:760px){
  .workspace{padding:18px 14px 28px!important}
  .topbar{display:grid!important;gap:14px!important}.top-actions{width:100%;justify-content:flex-start!important}
  .executive-metrics,.governance-meters,.overview-grid,.section-metrics{grid-template-columns:minmax(0,1fr)!important}
  .governance-meters .meter-card,.governance-meters .meter-card:first-child,.governance-meters .meter-card:last-child{grid-column:auto!important}
  .metric-card{min-height:132px}.meter-card{min-height:auto!important;padding:20px!important}
  .impact-card{grid-row:auto!important;min-height:auto}.impact-layout{grid-template-columns:1fr!important}
  .attention-card,.pulse-card{min-height:auto}
}