/* Canonical Staff Admissions presentation, based on the approved Admin design. */
#admissions {
  --ad-danger: #a42620;
  --ad-amber: #805200;
  --ad-success: #166534;
  max-width: 1440px;
  margin-inline: auto;
  padding: var(--staff-page-top, 24px) var(--staff-page-gutter, 24px) 48px;
  font-family: var(--staff-font, Manrope, system-ui, sans-serif);
}
#admissions *,
#admissions *::before,
#admissions *::after { box-sizing: border-box; }
#admissions .admission-module-grid { display: block; }
#admissions .admission-module-main { min-width: 0; }
#admissions .admission-module-breadcrumb { display: none; }
#admissions[data-case-open="true"] .admission-module-breadcrumb { display: flex; }
#admissions .admission-module-main > h1 {
  margin: 4px 0 5px;
  font-size: clamp(1.9rem, 2.7vw, 2.5rem);
  letter-spacing: -.035em;
}
#admissions #admission-module-title:focus-visible { outline: none; }
#admissions .admission-module-subtitle {
  margin: 0 0 20px;
  font-size: .94rem;
  line-height: 1.5;
}
#admissions .admission-module-nav {
  position: static;
  display: flex;
  align-items: stretch;
  gap: 5px;
  width: 100%;
  min-width: 0;
  margin: 0 0 24px;
  padding: 0 2px 0;
  overflow-x: auto;
  overflow-y: hidden;
  border: 0;
  border-bottom: 1px solid var(--ar-line);
  border-radius: 0;
  background: transparent;
  scrollbar-width: thin;
}
#admissions .admission-module-nav a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 49px;
  padding: 11px 17px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 9px 9px 0 0;
  color: var(--ar-muted);
  font-size: .9rem;
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap;
}
#admissions .admission-module-nav a:hover { color: var(--ar-ink); background: color-mix(in srgb, var(--ar-violet) 5%, var(--ar-surface)); }
#admissions .admission-module-nav a[aria-selected="true"] {
  border-bottom-color: var(--ar-violet);
  background: color-mix(in srgb, var(--ar-violet) 7%, var(--ar-surface));
  color: var(--ar-violet);
  box-shadow: none;
}
#admissions :is(a, button, input, select, summary):focus-visible {
  outline: 3px solid var(--ar-violet);
  outline-offset: 2px;
}

/* Inicio: preview counts and source notes stay quiet; decisions stay first. */
#admissions .admission-home-root { container-type: inline-size; }
#admissions .admission-home-header { margin-bottom: 24px; }
#admissions .admission-home-intro {
  color: var(--ar-violet);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
#admissions .admission-home-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
#admissions .admission-home-block {
  grid-column: span 6;
  min-width: 0;
  padding: clamp(17px, 2vw, 23px);
  border-radius: 17px;
  background: var(--ar-surface);
  box-shadow: 0 8px 28px color-mix(in srgb, var(--ar-ink) 3%, transparent);
}
#admissions .admission-home-block[data-home-block="incidents"] { grid-column: span 7; }
#admissions .admission-home-grid[data-home-role="admin"] .admission-home-block[data-home-block="academic"] { grid-column: span 5; }
#admissions .admission-home-block[data-home-block="operation"] { grid-column: 1 / -1; }
@container (width < 1200px) {
  #admissions .admission-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #admissions .admission-home-block,
  #admissions .admission-home-block[data-home-block] { grid-column: 1 / -1; }
  #admissions .admission-home-grid[data-home-role="admin"]
    .admission-home-block:is([data-home-block="academic"], [data-home-block="groupDemand"]),
  #admissions .admission-home-grid[data-home-role="coordinator"]
    .admission-home-block:is([data-home-block="needsAction"], [data-home-block="placement"],
      [data-home-block="groupDemand"], [data-home-block="availability"]) { grid-column: span 1; }
}
@container (width < 780px) {
  #admissions .admission-home-grid { grid-template-columns: minmax(0, 1fr); }
  #admissions .admission-home-block,
  #admissions .admission-home-block[data-home-block] { grid-column: 1 / -1; }
}
#admissions .admission-home-block h2 { margin-bottom: 12px; font-size: 1.12rem; letter-spacing: -.015em; }
#admissions .admission-home-state {
  min-height: 0;
  margin: 0 0 8px;
  color: var(--ar-muted);
  font-size: .76rem;
}
#admissions .admission-home-block[data-state="ready-empty"] .admission-home-state::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--ad-success);
}
#admissions .admission-home-block[data-state="error"] .admission-home-state,
#admissions .admission-home-block[data-partial="true"] .admission-home-state {
  border: 1px solid color-mix(in srgb, var(--ad-danger) 25%, var(--ar-line));
  background: color-mix(in srgb, var(--ad-danger) 4%, var(--ar-surface));
  color: var(--ad-danger);
}
#admissions .admission-home-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0 16px;
  padding: 12px 0;
}
#admissions .admission-home-row strong { font-size: .9rem; }
#admissions .admission-home-row p { grid-column: 1; margin: 3px 0 0; font-size: .8rem; }
#admissions .admission-home-row .admission-home-action {
  grid-column: 2;
  grid-row: 1 / 3;
  padding-inline: 10px;
  text-decoration: none;
  white-space: nowrap;
}
#admissions .admission-home-block[data-home-block="incidents"] .admission-home-row {
  margin: 4px 0;
  padding: 11px 12px;
  border: 1px solid var(--ar-line);
  border-inline-start: 3px solid var(--ad-danger);
  border-radius: 10px;
  background: color-mix(in srgb, var(--ad-danger) 3%, var(--ar-surface));
}
#admissions .admission-home-footer:not(:empty) { margin-top: 8px; }
#admissions .admission-home-footer .admission-home-action { text-decoration: none; font-size: .83rem; }

/* Case list: the same source rows form an accessible desktop table and mobile cards. */
#admissions .admission-cases-list-pane { container-type: inline-size; padding: clamp(17px, 2vw, 24px); }
#admissions .admission-cases-switcher { gap: 4px; margin-bottom: 20px; border-bottom: 1px solid var(--ar-line); }
#admissions .admission-cases-switcher button {
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 8px 8px 0 0;
  background: transparent;
  color: var(--ar-muted);
}
#admissions .admission-cases-switcher button[aria-pressed="true"] {
  border-bottom-color: var(--ar-violet);
  background: color-mix(in srgb, var(--ar-violet) 6%, var(--ar-surface));
  color: var(--ar-violet);
}
#admissions .admission-cases-filters {
  grid-template-columns: minmax(180px, 1.6fr) repeat(3, minmax(118px, 1fr)) auto auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 12px;
  padding: 13px;
  border: 1px solid var(--ar-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--ar-ink) 2%, var(--ar-surface));
}
#admissions .admission-cases-filters label { min-width: 0; }
#admissions .admission-cases-filters :is(input, select) { padding-inline: 10px; }
#admissions .admission-cases-filters button { white-space: nowrap; }
#admissions .admission-cases-filters .admission-case-primary { border-color: var(--ar-violet); background: var(--ar-violet); color: var(--ar-surface); }
#admissions .admission-cases-status { margin: 0 0 9px; font-size: .79rem; }
#admissions .admission-cases-list { gap: 8px; }
#admissions .admission-cases-column-head { display: none; }
#admissions .admission-cases-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 15px;
  padding: 15px;
  border-inline-start: 3px solid var(--ar-line);
  background: var(--ar-surface);
}
#admissions .admission-cases-row[data-category="EXCEPTION"] { border-inline-start-color: var(--ad-danger); }
#admissions .admission-cases-cell { display: block; min-width: 0; font-size: .82rem; line-height: 1.4; overflow-wrap: anywhere; }
#admissions .admission-cases-cell-label { display: block; margin-bottom: 3px; color: var(--ar-muted); font-size: .7rem; font-weight: 700; }
#admissions .admission-cases-cell.is-person { grid-column: 1 / -1; color: var(--ar-ink); font-size: .96rem; font-weight: 800; }
#admissions .admission-cases-cell.is-next { font-weight: 700; }
#admissions .admission-cases-cell.is-attention { color: var(--ar-muted); font-weight: 700; }
#admissions .admission-cases-row[data-category="EXCEPTION"] .is-attention { color: var(--ad-danger); }
#admissions .admission-cases-row[data-category="NEEDS_ACTION"] .is-attention { color: var(--ad-amber); }
#admissions .admission-cases-row[data-category="COMPLETED"] .is-attention { color: var(--ad-success); }
#admissions .admission-cases-cell.is-activity small { display: block; margin-top: 4px; color: var(--ar-muted); }
#admissions .admission-cases-cell.is-action { align-self: end; }
#admissions .admission-cases-cell.is-action button { width: 100%; min-height: 44px; }
@container (min-width: 1020px) {
  #admissions .admission-cases-column-head,
  #admissions .admission-cases-row {
    display: grid;
    grid-template-columns: minmax(120px, 1.25fr) minmax(110px, 1fr) minmax(90px, .8fr) minmax(135px, 1.25fr) minmax(115px, 1.05fr) minmax(112px, 1fr) minmax(120px, auto);
    gap: 12px;
    align-items: center;
  }
  #admissions .admission-cases-column-head { padding: 5px 13px 2px; color: var(--ar-muted); font-size: .73rem; font-weight: 800; }
  #admissions .admission-cases-row { padding: 13px; }
  #admissions .admission-cases-cell.is-person { grid-column: auto; }
  #admissions .admission-cases-cell-label { display: none; }
}

/* Agenda and operation share the Overview's calm event language. */
#admissions .hc-operations { margin-top: 0; padding: clamp(16px, 2vw, 24px); }
#admissions .hc-operations-heading h2 { font-size: 1.45rem; }
#admissions .hc-operations-heading p { font-size: .83rem; }
#admissions .hc-operations-summary { gap: 10px; margin: 18px 0; }
#admissions .hc-operations-counter {
  min-height: 76px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  background: var(--ar-surface);
  text-align: left;
}
#admissions .hc-operations-counter strong { font-size: 1.45rem; line-height: 1.1; }
#admissions .hc-operations-counter[data-summary-action="problem"][data-has-count="true"] { border-inline-start: 3px solid var(--ad-danger); }
#admissions .hc-operations-counter[data-summary-action="problem"][data-has-count="true"] strong { color: var(--ad-danger); }
#admissions .hc-operations-counter[data-summary-action="pending"][data-has-count="true"] { border-inline-start: 3px solid var(--ad-amber); }
#admissions .hc-operations-counter[data-summary-action="pending"][data-has-count="true"] strong { color: var(--ad-amber); }
#admissions .hc-operations-toolbar { gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--ar-line); }
#admissions .hc-operations-segments { border-color: var(--ar-line); background: color-mix(in srgb, var(--ar-ink) 2%, var(--ar-surface)); }
#admissions .hc-operations-segments button[aria-pressed="true"] { background: var(--ar-violet); color: var(--ar-surface); }
#admissions .hc-operations-filters { gap: 10px; margin: 16px 0; }
#admissions .hc-operations-filters label { min-width: 0; font-weight: 700; }
#admissions .hc-operations-row {
  grid-template-columns: minmax(150px, .9fr) minmax(180px, 1.5fr) minmax(100px, .8fr) minmax(160px, 1.2fr) auto;
  gap: 14px;
  padding: 13px;
  background: var(--ar-surface);
}
#admissions .hc-operations-time {
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid var(--ar-line);
  border-inline-start: 3px solid var(--ar-violet);
  border-radius: 9px;
  background: color-mix(in srgb, var(--ar-violet) 4%, var(--ar-surface));
}
#admissions .hc-operations-time strong { font-variant-numeric: tabular-nums; font-size: .84rem; }
#admissions .hc-operations-identity strong { font-size: .91rem; }
#admissions .hc-operations-status { color: var(--ar-muted); }
#admissions .hc-operations-row[data-status="completed"] .hc-operations-status { color: var(--ad-success); }
#admissions .hc-operations-notifications[data-alert="true"] { color: var(--ad-danger); }
#admissions .hc-operations-notifications[data-pending="true"] { color: var(--ad-amber); }
#admissions .hc-operations-row > button[data-appointment-id] { border-color: var(--ar-violet); color: var(--ar-violet); }
#admissions .hc-operations-event { border-inline-start: 3px solid var(--ar-violet); }
#admissions .hc-operation-area { margin-top: 18px; background: color-mix(in srgb, var(--ar-ink) 2%, var(--ar-surface)); }
#admissions .hc-operation-area > summary { display: grid; gap: 3px; padding: 15px 18px; }
#admissions .hc-operation-area > summary strong { color: var(--ar-ink); font-size: .95rem; }
#admissions .hc-operation-area > summary span { color: var(--ar-muted); font-size: .78rem; font-weight: 500; }
#admissions .hc-operation-area[open] > summary { border-bottom: 1px solid var(--ar-line); }
#admissions .hc-operation-area > .admission-handler-panel { margin: 16px; padding: clamp(16px, 2vw, 22px); background: var(--ar-surface); }
#admissions .trial-roster-heading { margin: 16px 0 10px; }
#admissions .trial-roster-card { background: color-mix(in srgb, var(--ar-ink) 2%, var(--ar-surface)); }
#admissions .admission-handler-panel .admission-form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#admissions .admission-handler-panel .handler-active { align-self: end; }

html[data-theme="dark"] #admissions {
  --ad-danger: #ffb4ab;
  --ad-amber: #ffd68a;
  --ad-success: #8ce0b6;
}
html[data-theme="dark"] #admissions .hc-operations-segments button[aria-pressed="true"],
html[data-theme="dark"] #admissions .admission-cases-filters .admission-case-primary { color: #1d1827; }

@media (max-width: 1100px) {
  #admissions .admission-cases-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #admissions .admission-cases-filters label:first-child { grid-column: 1 / -1; }
  #admissions .hc-operations-row { grid-template-columns: minmax(150px, .9fr) minmax(160px, 1.5fr) minmax(100px, .8fr) minmax(145px, 1.2fr) auto; }
}
@media (max-width: 900px) {
  #admissions { padding-inline: 16px; }
  #admissions .admission-home-grid { grid-template-columns: minmax(0, 1fr); }
  #admissions .admission-home-block,
  #admissions .admission-home-block[data-home-block] { grid-column: 1 / -1; }
  #admissions .hc-operations-row { grid-template-columns: minmax(0, 1fr) auto; }
  #admissions .hc-operations-time,
  #admissions .hc-operations-identity,
  #admissions .hc-operations-status,
  #admissions .hc-operations-notifications { grid-column: 1; }
  #admissions .hc-operations-row > button[data-appointment-id] { grid-column: 2; grid-row: 1 / 5; }
  #admissions .admission-handler-panel .admission-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  #admissions .admission-module-nav {
    margin-bottom: 19px;
    overscroll-behavior-x: contain;
    padding-inline: 0 16px;
    scroll-padding-inline: 16px;
    -webkit-overflow-scrolling: touch;
  }
  #admissions .admission-module-nav a {
    padding-inline: 14px;
    scroll-margin-inline: 12px;
  }
  #admissions .admission-home-row { grid-template-columns: minmax(0, 1fr); }
  #admissions .admission-home-block,
  #admissions .admission-cases-list-pane { padding: 15px; }
  #admissions .admission-cases-filters { padding: 14px; }
  #admissions .admission-home-row .admission-home-action { grid-column: 1; grid-row: auto; justify-self: start; padding-inline: 0; }
  #admissions .admission-cases-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #admissions .admission-cases-filters label:first-child { grid-column: 1 / -1; }
  #admissions .admission-cases-row { grid-template-columns: minmax(0, 1fr); }
  #admissions .admission-cases-cell.is-person { grid-column: 1; }
  #admissions .admission-cases-cell.is-attention { order: 1; }
  #admissions .admission-cases-cell.is-stage { order: 2; }
  #admissions .admission-cases-cell.is-next { order: 3; }
  #admissions .admission-cases-cell.is-reason { order: 4; }
  #admissions .admission-cases-cell.is-activity { order: 5; }
  #admissions .admission-cases-cell.is-action { order: 6; }
  #admissions .hc-operations-row > button[data-appointment-id] { grid-column: 1; grid-row: auto; justify-self: start; }
  #admissions .hc-operations-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #admissions .admission-handler-panel .admission-form-grid { grid-template-columns: minmax(0, 1fr); }
  #admissions .admission-handler-panel .handler-active { grid-column: 1; }
}