/* Admin Overview owns only its own composition and scoped legacy alert surfaces. */
#dashboard .staff-overview {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: var(--staff-foundation-space-6);
  width: 100%;
  max-width: 1440px;
  min-width: 0;
  margin-inline: auto;
  color: var(--staff-foundation-text);
}
#dashboard .staff-overview :is(*, *::before, *::after) { box-sizing: border-box; }
#dashboard .staff-overview-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--staff-foundation-space-5);
  min-width: 0;
  padding-block: var(--staff-foundation-space-2) var(--staff-foundation-space-4);
}
#dashboard .staff-overview-heading { min-width: 0; }
#dashboard .staff-overview-heading :is(h1, p) { margin: 0; }
#dashboard .staff-overview-eyebrow,
#dashboard .staff-overview-kicker {
  color: var(--staff-accent-strong);
  font-size: var(--staff-foundation-type-label);
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
#dashboard .staff-overview-heading h1 {
  margin-top: var(--staff-foundation-space-2);
  color: var(--staff-foundation-text);
  font-size: var(--staff-foundation-type-page);
  line-height: 1.15;
  overflow-wrap: anywhere;
}
#dashboard .staff-overview-heading .staff-overview-context { margin-top: var(--staff-foundation-space-2); font-size: var(--staff-foundation-type-body); line-height: 1.5; }
#dashboard .staff-overview-heading .staff-overview-updated { margin-top: var(--staff-foundation-space-2); color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-label); }
#dashboard .staff-overview-refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--staff-foundation-space-2);
  flex: 0 0 auto;
  min-height: var(--staff-foundation-interaction-height);
  padding: var(--staff-foundation-space-2) var(--staff-foundation-space-4);
  border: 1px solid var(--staff-foundation-border);
  border-radius: var(--staff-foundation-radius-control);
  background: var(--staff-foundation-surface);
  color: var(--staff-foundation-text);
  font: 700 var(--staff-foundation-type-label)/1.3 var(--staff-font);
  cursor: pointer;
}
#dashboard .staff-overview-refresh:hover { border-color: var(--staff-accent); background: var(--staff-accent-soft); }
#dashboard .staff-overview-refresh .material-symbols-outlined { font-size: 20px; }
#dashboard .staff-overview-pulse { order: 2; min-width: 0; }
#dashboard .staff-overview-pulse-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--staff-foundation-space-3); min-width: 0; }
#dashboard .staff-overview-pulse-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 156px;
  padding: var(--staff-foundation-space-4);
  border: 1px solid var(--staff-foundation-border);
  border-radius: var(--staff-foundation-radius-surface);
  background: var(--staff-foundation-surface);
  box-shadow: var(--staff-foundation-elevation-surface);
}
#dashboard .staff-overview-pulse-card.is-attention { border-color: var(--staff-foundation-status-error); }
#dashboard .staff-overview-pulse-card :is(h2, p) { margin: 0; }
#dashboard .staff-overview-pulse-card h2 { color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-label); font-weight: 750; line-height: 1.35; }
#dashboard .staff-overview-pulse-value { display: block; margin-top: var(--staff-foundation-space-2); color: var(--staff-foundation-text); font-size: var(--staff-foundation-type-page); font-variant-numeric: tabular-nums; line-height: 1.12; overflow-wrap: anywhere; }
#dashboard .staff-overview-pulse-card.is-attention .staff-overview-pulse-value { color: var(--staff-foundation-status-error); }
#dashboard .staff-overview-pulse-card p { margin-top: var(--staff-foundation-space-2); color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-label); line-height: 1.35; }
#dashboard .staff-overview-pulse-card .staff-overview-link { margin-top: auto; padding: var(--staff-foundation-space-2) 0 0; border: 0; background: transparent; }
#dashboard .staff-overview-decision { order: 1; display: grid; gap: var(--staff-foundation-space-4); min-width: 0; }
#dashboard .staff-overview-context-grid { order: 3; display: grid; gap: var(--staff-foundation-space-4); min-width: 0; }
#dashboard .staff-overview-context-grid > .staff-overview-section { align-self: start; }
#dashboard .staff-overview-actions-section { order: 4; }
#dashboard .staff-overview-section { min-width: 0; margin: 0; }
#dashboard .staff-overview-decision > .staff-overview-section,
#dashboard .staff-overview-context-grid > .staff-overview-section {
  min-width: 0;
  padding: var(--staff-foundation-space-5);
  border: 1px solid var(--staff-foundation-border);
  border-radius: var(--staff-foundation-radius-surface);
  background: var(--staff-foundation-surface);
}
#dashboard .staff-overview-decision > .staff-overview-section { box-shadow: var(--staff-foundation-elevation-surface); }
#dashboard .staff-overview-section > .staff-section-header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--staff-foundation-space-2) var(--staff-foundation-space-4); min-width: 0; margin: 0 0 var(--staff-foundation-space-4); }
#dashboard .staff-overview-section > .staff-section-header :is(h2, p) { margin: 0; }
#dashboard .staff-overview-section > .staff-section-header h2 { color: var(--staff-foundation-text); font-size: var(--staff-foundation-type-section); line-height: 1.3; }
#dashboard .staff-overview-section > .staff-section-header > p { color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-label); line-height: 1.45; }
#dashboard .staff-overview-section .staff-section-header .staff-overview-kicker { margin-bottom: var(--staff-foundation-space-1); }
#dashboard .staff-overview-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--staff-foundation-space-3); min-width: 0; }
#dashboard .staff-overview-grid:empty,
#dashboard :is(#academic-risk-v2, #academic-dashboard-v2, #hours-consistency-panel):empty { display: none; }
#dashboard #overview-business-exceptions:not(:empty),
#dashboard :is(#academic-risk-v2, #academic-dashboard-v2, #hours-consistency-panel):not(:empty) { margin-top: var(--staff-foundation-space-3); }
#dashboard :is(.staff-overview-card, .staff-overview-note, .staff-overview-unavailable) {
  min-width: 0;
  margin: 0;
  padding: var(--staff-foundation-space-4);
  border: 1px solid var(--staff-foundation-border);
  border-radius: var(--staff-foundation-radius-control);
  background: var(--staff-foundation-surface-soft);
  color: var(--staff-foundation-text);
  overflow-wrap: anywhere;
}
#dashboard .staff-overview-card { display: grid; align-content: start; justify-items: start; gap: var(--staff-foundation-space-2); }
#dashboard .staff-overview-card :is(h3, p) { margin: 0; }
#dashboard .staff-overview-card h3 { color: var(--staff-foundation-text); font-size: var(--staff-foundation-type-body); line-height: 1.35; }
#dashboard .staff-overview-card p { font-size: var(--staff-foundation-type-body); line-height: 1.45; }
#dashboard .staff-overview-card small { color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-meta); line-height: 1.4; overflow-wrap: anywhere; }
#dashboard .staff-overview-value { color: var(--staff-foundation-text); font-size: var(--staff-foundation-type-page); font-variant-numeric: tabular-nums; line-height: 1.15; overflow-wrap: anywhere; }
#dashboard .staff-overview-attention { border-inline-start: 3px solid var(--staff-foundation-status-error); background: color-mix(in srgb, var(--staff-foundation-status-error) 4%, var(--staff-foundation-surface)); }
#dashboard .staff-overview-attention {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  justify-items: stretch;
  gap: var(--staff-foundation-space-3);
}
#dashboard .staff-overview-alert-icon { color: var(--staff-foundation-status-error); font-size: 22px; }
#dashboard .staff-overview-decision-copy { min-width: 0; }
#dashboard .staff-overview-decision-copy :is(h3, p) { margin: 0; overflow-wrap: anywhere; }
#dashboard .staff-overview-decision-copy h3 { font-size: var(--staff-foundation-type-body); line-height: 1.35; }
#dashboard .staff-overview-decision-copy p { margin-top: var(--staff-foundation-space-1); color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-label); line-height: 1.4; }
#dashboard .staff-overview-category { display: block; margin-bottom: var(--staff-foundation-space-1); color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-meta); font-weight: 750; letter-spacing: .035em; }
#dashboard .staff-overview-provenance { min-width: 0; margin-top: var(--staff-foundation-space-2); color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-meta); line-height: 1.4; }
#dashboard .staff-overview-provenance summary { display: inline-flex; align-items: center; min-height: 30px; cursor: pointer; }
#dashboard .staff-overview-provenance small { display: block; margin-top: var(--staff-foundation-space-1); color: inherit; }
#dashboard .staff-overview-hours { display: grid; gap: var(--staff-foundation-space-2); }
#dashboard .staff-overview-hours-row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--staff-foundation-space-3);
  min-width: 0;
  padding: var(--staff-foundation-space-4);
  border: 1px solid var(--staff-foundation-border);
  border-radius: var(--staff-foundation-radius-control);
  background: var(--staff-foundation-surface-soft);
}
#dashboard .staff-overview-hours-row.is-attention { border-inline-start: 3px solid var(--staff-foundation-status-error); background: color-mix(in srgb, var(--staff-foundation-status-error) 3%, var(--staff-foundation-surface)); }
#dashboard .staff-overview-hours-indicator { color: var(--staff-foundation-status-error); font-size: 22px; }
#dashboard .staff-overview-hours-row.is-healthy .staff-overview-hours-indicator { width: 10px; height: 10px; margin-inline: 6px; border-radius: 50%; background: var(--staff-foundation-status-success); }
#dashboard .staff-overview-hours-source { margin-inline: var(--staff-foundation-space-2); }
#dashboard .staff-overview-hours-source p { max-width: 65ch; margin: 0; }
#dashboard .staff-overview-hours-row .staff-hours-row { margin-top: var(--staff-foundation-space-2); padding: 0; border: 0; background: transparent; }
#dashboard .staff-overview-event-day {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: var(--staff-foundation-space-3);
  min-width: 0;
  padding: var(--staff-foundation-space-3);
  border: 1px solid var(--staff-foundation-border);
  border-radius: var(--staff-foundation-radius-control);
  background: var(--staff-foundation-surface-soft);
}
#dashboard .staff-overview-date-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: start;
  min-height: 92px;
  padding: var(--staff-foundation-space-2);
  border: 1px solid var(--staff-foundation-border);
  border-radius: var(--staff-foundation-radius-control);
  background: var(--staff-foundation-surface);
  color: var(--staff-foundation-text);
  text-align: center;
}
#dashboard .staff-overview-date-label { color: var(--staff-accent-strong); font-size: var(--staff-foundation-type-meta); font-weight: 800; text-transform: uppercase; }
#dashboard .staff-overview-date-number { font-size: var(--staff-foundation-type-page); line-height: 1.1; font-variant-numeric: tabular-nums; }
#dashboard .staff-overview-date-month { font-size: var(--staff-foundation-type-meta); font-weight: 750; }
#dashboard .staff-overview-event-list { min-width: 0; }
#dashboard .staff-overview-event {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--staff-foundation-space-3);
  min-width: 0;
  padding: var(--staff-foundation-space-2) 0;
}
#dashboard .staff-overview-event + .staff-overview-event { border-top: 1px solid var(--staff-foundation-border); }
#dashboard .staff-overview-event-copy { min-width: 0; }
#dashboard .staff-overview-event h3 { margin: 0; color: var(--staff-foundation-text); font-size: var(--staff-foundation-type-body); line-height: 1.35; overflow-wrap: anywhere; }
#dashboard .staff-overview-event-meta { display: flex; align-items: center; gap: var(--staff-foundation-space-1); margin: var(--staff-foundation-space-1) 0 0; color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-label); }
#dashboard .staff-overview-event-meta .material-symbols-outlined { font-size: 17px; }
#dashboard .staff-overview-event-person { margin: var(--staff-foundation-space-1) 0 0; color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-label); overflow-wrap: anywhere; }
#dashboard .staff-overview-event-actions { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; gap: var(--staff-foundation-space-1); }
#dashboard .staff-overview-event-chip { padding: 2px 8px; border-radius: var(--staff-foundation-radius-control); background: var(--staff-accent-soft); color: var(--staff-accent-strong); font-size: var(--staff-foundation-type-meta); font-weight: 700; }
#dashboard .staff-overview-event-actions .staff-overview-link { border: 0; padding-inline: 0; background: transparent; }
#dashboard .staff-overview-loading { background: var(--staff-foundation-surface-soft); }
#dashboard .staff-overview-empty { border-style: dashed; }
#dashboard .staff-overview-unavailable { border-style: dashed; color: var(--staff-foundation-text-muted); font-size: var(--staff-foundation-type-body); line-height: 1.5; }
#dashboard .staff-overview-link { display: inline-flex; align-items: center; justify-content: center; min-height: var(--staff-foundation-interaction-height); max-width: 100%; padding: var(--staff-foundation-space-2) var(--staff-foundation-space-3); border: 1px solid var(--staff-foundation-border); border-radius: var(--staff-foundation-radius-control); background: var(--staff-foundation-surface); color: var(--staff-accent-strong); font-size: var(--staff-foundation-type-label); font-weight: 700; line-height: 1.35; text-decoration: none; text-align: center; overflow-wrap: anywhere; }
#dashboard .staff-overview-link:hover { border-color: var(--staff-accent); background: var(--staff-accent-soft); }
#dashboard .staff-overview-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--staff-foundation-space-2); min-width: 0; }
#dashboard .staff-overview-actions .staff-overview-action { justify-content: flex-start; gap: var(--staff-foundation-space-3); width: 100%; min-width: 0; padding-inline: var(--staff-foundation-space-4); font-size: var(--staff-foundation-type-body); }
#dashboard .staff-overview-action .material-symbols-outlined { flex: 0 0 auto; color: var(--staff-accent-strong); font-size: 20px; }
#dashboard .staff-overview :is(a, button, summary):focus-visible { outline: 3px solid var(--staff-foundation-focus); outline-offset: 2px; }
#dashboard .staff-overview #academic-risk-v2 .arv2-card,
#dashboard .staff-overview #academic-dashboard-v2 .adv2-strip { margin: 0; border-color: var(--staff-foundation-border); background: var(--staff-foundation-surface-soft); }
#dashboard .staff-overview :is(#academic-risk-v2, #academic-dashboard-v2) :is(.arv2-title, .arv2-gtitle, .arv2-name, .adv2-title, .adv2-num) { color: var(--staff-foundation-text); }
#dashboard .staff-overview :is(#academic-risk-v2, #academic-dashboard-v2) :is(.arv2-empty, .arv2-detail, .arv2-foot, .adv2-lbl) { color: var(--staff-foundation-text-muted); }
#dashboard .staff-overview #academic-risk-v2 :is(.arv2-group, .arv2-count),
#dashboard .staff-overview #academic-dashboard-v2 .adv2-cell { border-color: var(--staff-foundation-border); background: var(--staff-foundation-surface); }
#dashboard .staff-overview #academic-risk-v2 .arv2-row { border-color: var(--staff-foundation-border); }
#dashboard .staff-overview #academic-risk-v2 .arv2-btn { border-color: var(--staff-foundation-border); background: var(--staff-foundation-surface); color: var(--staff-foundation-text); }
#dashboard .staff-overview .staff-hours-card { background: var(--staff-foundation-surface-soft); color: var(--staff-foundation-text); }
html[data-theme="dark"] #dashboard .staff-overview :is(.staff-overview-link, .staff-overview-action .material-symbols-outlined) { color: var(--staff-foundation-text); }
@container (min-width: 650px) {
  #dashboard .staff-overview-pulse { order: 1; }
  #dashboard .staff-overview-decision { order: 2; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  #dashboard .staff-overview-context-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  #dashboard .staff-overview-actions { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@container (min-width: 1040px) {
  #dashboard .staff-overview-pulse-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #dashboard .staff-overview-actions { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  #dashboard .staff-overview-context-grid #overview-operations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  #dashboard .staff-overview-header { flex-direction: column; gap: var(--staff-foundation-space-3); }
  #dashboard .staff-overview-refresh { width: 100%; }
  #dashboard :is(.staff-overview-attention, .staff-overview-hours-row) { grid-template-columns: 22px minmax(0, 1fr); }
  #dashboard :is(.staff-overview-attention, .staff-overview-hours-row) > .staff-overview-link { grid-column: 2; justify-self: start; }
  #dashboard .staff-overview-event { flex-direction: column; align-items: flex-start; }
  #dashboard .staff-overview-event-actions { flex-direction: row; flex-wrap: wrap; align-items: center; }
}
@media (prefers-reduced-motion: no-preference) {
  #dashboard .staff-overview :is(.staff-overview-link, .staff-overview-refresh) { transition: background-color 140ms ease, border-color 140ms ease; }
}