/* F01 Panel operacional + pending/not-found route styles.
   Reused from the accepted Voters360-Director-Demo overrides
   (director-filter / summary-band / director-rank-bars), see baseline/manifest.json.
   Correction D (document 56) tightened .director-rank-bars/.director-rank-row
   spacing toward the accepted Figma composition (~292px card height vs. the
   365px this produced before), without touching sort order or values. */
.director-filter{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;margin:0 0 16px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);}
.director-filter .button{height:48px;}
.data-source{margin-top:10px;color:var(--muted);font-size:12px;line-height:18px;}
.summary-band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;}
.summary-band .metric-card{min-height:132px;}
.director-rank-bars{display:grid;gap:10px;margin-top:12px;}
.director-rank-row{display:grid;gap:4px;}
.director-rank-copy{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:16px;}
.director-rank-copy strong{font-variant-numeric:tabular-nums;}
.director-rank-row .bar-track{width:100%;height:8px;}
@media (max-width:1180px){.summary-band{grid-template-columns:repeat(3,minmax(0,1fr));}.director-filter{grid-template-columns:repeat(2,minmax(0,1fr));}.director-filter .button{width:100%;}}
@media (max-width:720px){.summary-band{grid-template-columns:1fr 1fr}.director-filter{grid-template-columns:1fr}.chart-pair{grid-template-columns:1fr}}
@media (max-width:420px){.summary-band{grid-template-columns:1fr}}

/* Pending-module and not-found route views (V360-HTML-01 scope boundary) */
.pending-view{display:grid;justify-items:start;gap:14px;max-width:560px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);}
.pending-view h2{font:600 20px/28px Inter,ui-sans-serif,system-ui,sans-serif;}
.pending-view p{margin:0;color:var(--muted);font:400 15px/22px Inter,ui-sans-serif,system-ui,sans-serif;}

/* Panel operacional view switch and interactive sample (V360-EXT-02A). Dashboard-scoped only: the shared
   .summary-band and .director-filter rules above are unchanged for the reference view. */
.dashboard-view-bar{display:grid;gap:8px;margin:0 0 16px;}
.dashboard-view-switch{display:inline-flex;flex-wrap:wrap;gap:4px;justify-self:start;padding:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);}
.dashboard-view-switch__button{min-height:44px;padding:8px 16px;color:var(--navy-950);background:transparent;border:0;border-radius:var(--radius-sm);font:600 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;}
.dashboard-view-switch__button:hover{background:var(--surface-accent);}
.dashboard-view-switch__button[aria-pressed="true"]{color:#fff;background:var(--navy-950);}
.dashboard-view-note{margin:0;color:var(--muted);font-size:13px;line-height:19px;}
.dashboard-sample-filter{grid-template-columns:minmax(200px,280px) auto auto;justify-content:start;}
.dashboard-sample-filter .button{height:48px;}
.dashboard-sample-meta{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:19px;}
.dashboard-sample-message{display:block;margin:0 0 16px;}
.dashboard-sample-note{margin:0 0 16px;padding:12px 16px;color:var(--ink);background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-md);font-size:14px;line-height:20px;}
.dashboard-sample-empty{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);margin:0 0 16px;}
.dashboard-sample-empty span{display:block;max-width:560px;margin:0 auto 14px;}
.dashboard-sample-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px;}
.dashboard-sample-card{display:grid;align-content:start;gap:6px;min-height:0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);}
.dashboard-sample-card--selected{border-color:var(--navy-950);box-shadow:inset 0 0 0 1px var(--navy-950);}
.dashboard-sample-card__label{color:var(--ink);font:600 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;}
.dashboard-sample-card__value{color:var(--navy-950);font:700 28px/34px Inter,ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.dashboard-sample-card__unit{color:var(--muted);font-size:13px;line-height:19px;}
.dashboard-sample-card__action{justify-self:start;margin-top:4px;}
.dashboard-evidence{margin:0 0 16px;}
.dashboard-evidence .table-card__head{align-items:flex-start;}
.dashboard-evidence h2{outline-offset:4px;}
.dashboard-evidence__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0 0 16px;}
.dashboard-evidence__facts dt{color:var(--muted);font-size:12px;line-height:16px;}
.dashboard-evidence__facts dd{margin:2px 0 0;color:var(--ink);font-size:14px;line-height:20px;}
.dashboard-evidence__scroll{overflow-x:auto;}
.dashboard-evidence__empty{margin:0;padding:16px 0 4px;color:var(--muted);}
.dashboard-activity__list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none;}
.dashboard-activity__list li{display:grid;gap:2px;padding:10px 12px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-md);font-size:13px;line-height:18px;}
.dashboard-activity__time,.dashboard-activity__ids{color:var(--muted);font-size:12px;line-height:16px;font-variant-numeric:tabular-nums;}
.dashboard-activity__name{color:var(--ink);font-weight:600;}
.dashboard-activity__empty{margin:12px 0 0;color:var(--muted);}
@media (max-width:1180px){.dashboard-sample-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:720px){.dashboard-sample-filter{grid-template-columns:1fr;}.dashboard-sample-filter .button{width:100%;}.dashboard-evidence__facts{grid-template-columns:1fr;}}
@media (max-width:720px){.dashboard-evidence .table-card__head{flex-direction:column;align-items:stretch;}.dashboard-evidence .table-card__head .button{width:100%;}}
@media (max-width:420px){.dashboard-sample-cards{grid-template-columns:1fr;}}

/* V360-EXT-UI-DASH-01 presentation card and volunteer evidence kind. Scoped to .dashboard-presentation and
   .dashboard-volunteer-evidence only: the prefix above is unchanged, and no shared table, status or shell selector is overridden. */
.dashboard-presentation{display:grid;gap:12px;margin:0 0 16px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);}
.dashboard-presentation__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;}
.dashboard-presentation h2{margin:0;color:var(--navy-950);font:600 18px/26px Inter,ui-sans-serif,system-ui,sans-serif;}
.dashboard-presentation__lead{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:19px;}
.dashboard-presentation__state{justify-self:start;}
.dashboard-presentation__points{display:grid;gap:6px;margin:0;padding-left:20px;color:var(--ink);font:400 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;}
.dashboard-presentation__actions{display:flex;flex-wrap:wrap;gap:10px;}
.dashboard-presentation__actions .button{min-height:44px;}
.dashboard-presentation__note{margin:0;color:var(--muted);font-size:13px;line-height:19px;}
.dashboard-volunteer-evidence{overflow-x:auto;}
.dashboard-volunteer-evidence__table{min-width:960px;}
.dashboard-volunteer-evidence__table th,.dashboard-volunteer-evidence__table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:14px;line-height:20px;}
.dashboard-volunteer-evidence__table td:nth-child(4),.dashboard-volunteer-evidence__table td:nth-child(5),.dashboard-volunteer-evidence__table td:nth-child(6){white-space:nowrap;}
.dashboard-volunteer-evidence__table thead th{color:var(--muted);font:600 12px/16px Inter,ui-sans-serif,system-ui,sans-serif;}
.dashboard-volunteer-evidence__name{display:block;color:var(--ink);font:600 14px/20px Inter,ui-sans-serif,system-ui,sans-serif;}
.dashboard-volunteer-evidence__id,.dashboard-volunteer-evidence__unit,.dashboard-volunteer-evidence__place{display:block;color:var(--muted);font-size:12px;line-height:16px;font-variant-numeric:tabular-nums;}
.dashboard-volunteer-evidence__time{white-space:normal;font-variant-numeric:tabular-nums;}
@media (max-width:720px){.dashboard-presentation{padding:16px;}.dashboard-presentation__actions .button{width:100%;}.dashboard-volunteer-evidence__table{min-width:0;}.dashboard-volunteer-evidence__table td{overflow-wrap:anywhere;}.dashboard-volunteer-evidence__table td:nth-child(4),.dashboard-volunteer-evidence__table td:nth-child(5),.dashboard-volunteer-evidence__table td:nth-child(6){white-space:normal;}}
/* V360-EXT-UI-DASH-01 correction Attempt2: the volunteer evidence facts take the card header's 18px inset (.table-card__head) and its vertical rhythm. Only the volunteer outer modifier is affected; other evidence kinds, reference views and the shared facts rules are unchanged. */
.dashboard-volunteer-evidence-panel .dashboard-evidence__facts{margin:0;padding:16px 18px;}

/* DASH architect completion: keep long recovery notices inside the local Dashboard content on narrow screens. */
.dashboard-presentation ~ .dashboard-sample-message{white-space:normal;overflow-wrap:anywhere;}

/* V360-EXT-UI-DASH-DETAILS-01: one consistent detail surface for all four sample metrics.
   Keep data/markup and the shared UI kit intact; constrain titles, actions, facts and empty states locally. */
.dashboard-evidence .table-card__head{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:16px;padding:18px;}
.dashboard-evidence .table-card__head>div{min-width:0;}
.dashboard-evidence h2{width:fit-content;max-width:100%;margin:0;font:600 18px/26px Inter,ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;outline-offset:4px;}
.dashboard-evidence .table-card__head p{margin:8px 0 0;font:400 14px/21px Inter,ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;}
.dashboard-evidence .table-card__head>.button{align-self:start;max-width:100%;margin:0;}
.dashboard-evidence .dashboard-evidence__facts{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:16px 24px;margin:0;padding:16px 18px;background:var(--surface-subtle);border-bottom:1px solid var(--line);}
.dashboard-evidence__facts>div{min-width:0;}
.dashboard-evidence__facts>div:first-child{grid-column:1/-1;}
.dashboard-evidence__facts dt{font:600 12px/18px Inter,ui-sans-serif,system-ui,sans-serif;}
.dashboard-evidence__facts dd{margin:4px 0 0;font:400 14px/21px Inter,ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;}
.dashboard-evidence__empty{margin:16px 18px;padding:16px;color:var(--muted);background:var(--surface-subtle);border:1px dashed var(--line);border-radius:var(--radius-md);font:400 14px/21px Inter,ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;}
.dashboard-evidence__table th,.dashboard-evidence__table td{vertical-align:top;}
@media (max-width:720px){
  .dashboard-evidence .table-card__head{grid-template-columns:minmax(0,1fr);gap:14px;}
  .dashboard-evidence .table-card__head>.button{width:100%;}
  .dashboard-evidence .dashboard-evidence__facts{grid-template-columns:minmax(0,1fr);}
}