/* Event Management uses ArgentWorkbench's shared surfaces, typography and controls. */
.events-page {
  --event-ink: var(--color-text);
  --event-soft: var(--color-surface-muted);
  --event-border: var(--color-border);
  min-width: 0;
}

.events-page .event-page-header { align-items: center; background: transparent; }
.events-page .event-page-header > div:first-child { min-width: 0; max-width: 900px; }
.events-page .event-page-header h1 { overflow-wrap: anywhere; }
.events-page .notice.warning { border-color: rgba(245,158,11,.32); background: var(--color-warning-soft); color: #92400e; }
.events-page .notice.danger { border-color: rgba(239,68,68,.28); background: var(--color-danger-soft); color: var(--color-danger); }
.events-page .notice.info { border-color: var(--color-primary-border); background: var(--color-primary-soft); color: var(--color-primary-hover); }
.events-page .form-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.events-page .span-two { grid-column: span 2; }
.events-page .checkbox-row { display: flex; flex-direction: row; align-items: center; gap: 8px; align-self: end; min-height: 44px; }
.events-page .checkbox-row input[type="checkbox"] { width: auto; min-width: 16px; margin: 0; }
.events-page .button.small,
.events-page button.small { min-height: 44px; padding: 8px 12px; font-size: 11px; }
.events-page .event-section-kicker {
  display: block; margin: 0 0 4px; color: var(--color-primary); font-size: 10px;
  font-weight: 700; letter-spacing: .04em; text-transform: none;
}
.events-page .event-section-nav {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 5px;
  border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--color-surface);
}
.events-page .event-section-nav a {
  padding: 9px 12px; border-radius: var(--radius-sm); color: var(--color-text-muted);
  font-size: var(--font-xs); font-weight: 600;
}
.events-page .event-section-nav a:hover,
.events-page .event-section-nav a:focus-visible { background: var(--color-primary-soft); color: var(--color-primary); }

.events-page .event-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.events-page .event-title-row h1 { margin: 0; }
.events-page .event-count-pill,
.events-page .event-status {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 27px;
  padding: 4px 9px; border: 1px solid var(--color-border); border-radius: 999px;
  background: var(--color-surface-muted); color: var(--color-text-muted); font-size: 10px;
  font-weight: 600; line-height: 1.2; white-space: nowrap;
}
.events-page .event-status svg { width: 13px; height: 13px; }
.events-page .event-status-draft,
.events-page .event-status-open { border-color: var(--color-primary-border); background: var(--color-primary-soft); color: var(--color-primary-hover); }
.events-page .event-status-submitted,
.events-page .event-status-awaiting-approval,
.events-page .event-status-pending-approval,
.events-page .event-status-in-review,
.events-page .event-status-returned { border-color: rgba(245,158,11,.32); background: var(--color-warning-soft); color: #92400e; }
.events-page .event-status-approved,
.events-page .event-status-registered,
.events-page .event-status-completed,
.events-page .event-status-verified { border-color: color-mix(in srgb,var(--color-success) 30%,transparent); background: var(--color-success-soft); color: #047857; }
.events-page .event-status-closed,
.events-page .event-status-void,
.events-page .event-status-voided,
.events-page .event-status-cancelled { border-color: var(--color-border-strong); background: #f1f5f9; color: #475569; }
.events-page .event-status-critical { border-color: rgba(239,68,68,.3); background: var(--color-danger-soft); color: var(--color-danger); }
.events-page .event-status-restricted { border-color: rgba(124,58,237,.3); background: #f5f3ff; color: #6d28d9; }

.events-page .event-metric-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: var(--space-3); }
.events-page .event-metric-grid.is-four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.events-page .event-metric {
  min-width: 0; min-height: 98px; display: grid; align-content: center; gap: var(--space-2);
  padding: var(--space-4); border: 1px solid var(--event-border); border-radius: var(--radius-md);
  background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-card);
}
.events-page a.event-metric:hover,
.events-page a.event-metric:focus-visible {
  border-color: var(--color-primary-border);
  background: var(--color-primary-soft);
  box-shadow: var(--shadow-soft);
  color: var(--color-text);
  transform: translateY(-1px);
}
.events-page .event-metric span { color: var(--color-text-muted); font-size: 10px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.events-page .event-metric strong { color: var(--event-ink); font-size: 28px; line-height: 1; }
.events-page .event-metric.is-alert { border-color: rgba(239,68,68,.3); background: var(--color-danger-soft); }
.events-page .event-metric.is-alert strong { color: var(--color-danger); }

.events-page .event-filter-grid {
  display: grid; grid-template-columns: minmax(220px,1.4fr) repeat(3,minmax(145px,1fr)) auto;
  align-items: end; gap: var(--space-3); margin: var(--space-5) 0 0; padding: var(--space-4);
  border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--event-soft);
}
.events-page .event-action-filters { grid-template-columns: minmax(220px,1.5fr) repeat(3,minmax(150px,1fr)) auto; margin-top: 0; }
.events-page .event-filter-grid .form-actions { flex-wrap: nowrap; margin: 0; }
.events-page .event-filter-grid + .event-empty-state { margin-top: var(--space-4); }
.events-page[data-events-page="drafts"] .panel > .section-heading-row + .event-empty-state,
.events-page[data-events-page="approvals"] .panel > .section-heading-row + .event-empty-state,
.events-page[data-events-page="actions"] .panel > .section-heading-row + .event-filter-grid,
.events-page[data-events-page="actions"] #actions-list > .section-heading-row + .event-action-column-header { margin-top: var(--space-4); }
.events-page .event-filter-more { grid-column: 1/-1; border-top: 1px solid var(--event-border); }
.events-page .event-filter-more > summary { width: fit-content; padding-top: var(--space-3); color: var(--color-primary); cursor: pointer; font-size: var(--font-xs); font-weight: 850; }
.events-page .event-filter-more-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-3); margin-top: var(--space-3); }

.events-page .event-register-list,
.events-page .event-draft-list,
.events-page .event-approval-list,
.events-page .event-action-card-list,
.events-page .event-action-list,
.events-page .event-link-list,
.events-page .event-evidence-list,
.events-page .event-version-list,
.events-page .event-setup-stack,
.events-page .event-setup-list { display: grid; gap: var(--space-3); }
.events-page .event-register-list { margin-top: var(--space-4); }
.events-page .event-register-card {
  min-width: 0; display: grid; grid-template-columns: minmax(245px,1.15fr) minmax(440px,1.8fr) minmax(170px,.65fr) auto;
  align-items: center; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-border);
  border-radius: var(--radius-md); background: var(--color-surface);
}
.events-page .event-register-card:hover { border-color: var(--color-primary-border); }
.events-page .event-register-card.is-restricted { border-left: 3px solid #7c3aed; }
.events-page .event-register-identity { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); gap: var(--space-3); align-items: start; }
.events-page .event-register-identity h3,
.events-page .event-register-identity p { margin: 0; overflow-wrap: anywhere; }
.events-page .event-type-code {
  min-width: 50px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center;
  padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--event-type-accent,var(--color-primary)) 35%,transparent);
  border-radius: 10px; background: color-mix(in srgb,var(--event-type-accent,var(--color-primary)) 9%,white);
  color: var(--event-type-accent,var(--color-primary-hover)); font-size: 10px; font-weight: 950; letter-spacing: .06em;
}
.events-page .event-register-number { margin: 0 0 2px; color: var(--color-primary); font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.events-page .event-register-meta { min-width: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-3); margin: 0; }
.events-page .event-register-meta dt,
.events-page .event-fact-grid dt,
.events-page .event-mini-facts dt,
.events-page .event-narrative > span,
.events-page .event-link-list article > span,
.events-page .event-evidence-list article span { color: var(--color-text-muted); font-size: 9px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.events-page .event-register-meta dd { margin: 2px 0 0; font-size: var(--font-xs); font-weight: 800; overflow-wrap: anywhere; }
.events-page .event-register-meta small { display: block; color: var(--color-text-muted); font-weight: 600; }
.events-page .event-register-status { display: flex; flex-wrap: wrap; gap: 5px; }
.events-page .event-restricted-copy { max-width: 520px; margin: 0; color: var(--color-text-muted); font-size: var(--font-xs); }
.events-page .event-empty-state { min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); padding: var(--space-6); border: 1px dashed var(--color-border-strong); border-radius: var(--radius-md); background: var(--color-surface-muted); text-align: center; }
.events-page .event-empty-state > span svg { width: 36px; height: 36px; color: var(--color-primary); }
.events-page .event-empty-state p { max-width: 580px; margin: 0; }

.events-page .event-type-button-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-4); margin-top: var(--space-4); }
.events-page .event-type-button { min-width: 0; min-height: 138px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: var(--space-4); padding: var(--space-5); border: 1px solid color-mix(in srgb,var(--event-type-accent) 28%,var(--color-border)); border-top: 4px solid var(--event-type-accent); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-card); }
.events-page .event-type-button:hover,
.events-page .event-type-button:focus-visible { box-shadow: var(--shadow-soft); transform: translateY(-2px); }
.events-page .event-type-button-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: color-mix(in srgb,var(--event-type-accent) 10%,white); color: var(--event-type-accent); }
.events-page .event-type-button-icon svg { width: 25px; height: 25px; }
.events-page .event-type-button strong { display: block; font-size: var(--font-lg); }
.events-page .event-type-button small { display: block; margin-top: 5px; color: var(--color-text-muted); line-height: 1.4; }
.events-page .event-standard-type-picker { display: grid; grid-template-columns: minmax(260px,520px) auto; align-items: end; gap: var(--space-3); margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--event-border); }

.events-page .event-editor-form { display: grid; gap: var(--space-4); }
.events-page .event-editor-section { min-width: 0; }
.events-page .event-editor-section > h2 { margin-bottom: var(--space-4); }
.events-page .event-consequence-reference { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--event-border); }
.events-page .event-consequence-reference + .form-grid { margin-top: var(--space-4); }
.events-page .event-consequence-reference-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-3); }
.events-page .event-consequence-reference-heading > div { display: grid; gap: 3px; }
.events-page .event-consequence-reference-heading small { color: var(--color-text-muted); font-weight: 600; }
.events-page .event-consequence-reference-heading > span { display: inline-flex; align-items: center; min-height: 27px; padding: 4px 9px; border: 1px solid var(--color-primary-border); border-radius: 999px; background: var(--color-primary-soft); color: var(--color-primary-hover); font-size: 10px; font-weight: 800; }
.events-page .event-consequence-reference-empty { margin: 0; padding: var(--space-3); border: 1px dashed var(--color-border-strong); border-radius: var(--radius-sm); background: var(--event-soft); color: var(--color-text-muted); text-align: center; }
.events-page .event-consequence-reference-list { display: grid; border: 1px solid var(--event-border); border-radius: var(--radius-sm); overflow: hidden; }
.events-page .event-consequence-reference-list:empty { display: none; }
.events-page .event-consequence-reference-list article { min-width: 0; display: grid; grid-template-columns: minmax(150px,.35fr) minmax(0,1fr); align-items: start; gap: var(--space-4); padding: var(--space-3); background: var(--color-surface); }
.events-page .event-consequence-reference-list article[hidden] { display: none; }
.events-page .event-consequence-reference-list article + article { border-top: 1px solid var(--event-border); }
.events-page .event-consequence-reference-list article > div { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.events-page .event-consequence-reference-list article > div span { flex: 0 0 auto; color: var(--color-text-muted); font-size: 10px; font-weight: 800; }
.events-page .event-consequence-reference-list article > p { min-width: 0; margin: 0; color: var(--color-text-muted); line-height: 1.55; overflow-wrap: anywhere; }
.events-page .event-owner-fields { min-width: 0; }
.events-page .event-owner-fields > .form-grid { align-items: start; }
.events-page .event-search-select { position: relative; min-width: 0; }
.events-page .event-search-select-input { padding-right: 38px; background-image: none; }
.events-page .event-search-select::after {
  content: ''; position: absolute; top: 17px; right: 16px; width: 7px; height: 7px;
  border-right: 2px solid var(--color-text-muted); border-bottom: 2px solid var(--color-text-muted);
  pointer-events: none; transform: translateY(-65%) rotate(45deg);
}
.events-page .event-search-select-results {
  position: absolute; z-index: 20; top: calc(100% + 5px); right: 0; left: 0;
  max-height: 270px; overflow-y: auto; padding: 5px; border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm); background: var(--color-surface); box-shadow: var(--shadow-soft);
}
.events-page .event-search-select-results[hidden] { display: none; }
.events-page .event-search-select-results button {
  width: 100%; min-height: 36px; display: block; padding: 8px 10px; border: 0;
  border-radius: 6px; background: transparent; color: var(--color-text); font-size: var(--font-xs);
  font-weight: 700; line-height: 1.3; text-align: left;
}
.events-page .event-search-select-results button:hover,
.events-page .event-search-select-results button:focus-visible { background: var(--color-primary-soft); color: var(--color-primary-hover); outline: none; }
.events-page .event-search-select-native {
  position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important;
  padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important;
}
.events-page .event-owner-legacy { padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-muted); }
.events-page .event-id-preview { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 4px var(--space-3); margin-bottom: var(--space-5); padding: var(--space-4); border: 1px solid var(--color-primary-border); border-left: 3px solid var(--color-primary); border-radius: var(--radius-sm); background: var(--color-primary-soft); }
.events-page .event-id-preview span { grid-row: span 2; color: var(--color-primary); font-size: var(--font-lg); font-weight: 950; }
.events-page .event-id-preview strong { font-size: var(--font-lg); }
.events-page .event-id-preview small { color: var(--color-text-muted); }
.events-page .field-label { display: block; margin-bottom: 6px; font-size: var(--font-xs); font-weight: 800; }
.events-page .event-people-editor-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: var(--space-4); }
.events-page .event-person-collection { min-width: 0; display: grid; align-content: start; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--color-surface); }
.events-page .event-person-collection-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
.events-page .event-person-collection-heading h3,
.events-page .event-person-collection-heading p { margin: 0; }
.events-page .event-person-collection-heading p { margin-top: 3px; color: var(--color-text-muted); font-size: var(--font-xs); }
.events-page .event-person-add-control { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: var(--space-2); }
.events-page .event-person-add-control > label { min-width: 0; }
.events-page .event-person-list { display: grid; gap: var(--space-3); }
.events-page .event-person-empty { margin: 0; padding: var(--space-4); border: 1px dashed var(--color-border-strong); border-radius: var(--radius-sm); color: var(--color-text-muted); text-align: center; }
.events-page .event-person-card { min-width: 0; display: grid; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--event-border); border-radius: var(--radius-sm); background: var(--event-soft); }
.events-page .event-person-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
.events-page .event-person-card > header > div { min-width: 0; display: grid; gap: 2px; }
.events-page .event-person-card > header strong,
.events-page .event-person-card > header small { overflow-wrap: anywhere; }
.events-page .event-person-card > header small { color: var(--color-text-muted); }
.events-page .event-person-kind { width: fit-content; color: var(--color-primary); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.events-page [data-involvement-detail][hidden] { display: none; }
.events-page .event-determination-grid { margin-top: var(--space-4); }
.events-page .event-determination-grid fieldset { min-width: 0; display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--event-border); border-radius: var(--radius-md); }
.events-page .event-determination-grid legend { padding: 0 8px; color: var(--event-ink); font-size: var(--font-md); font-weight: 900; }
.events-page [data-determination-detail] { display: grid; gap: var(--space-3); }
.events-page .event-notification-detail,
.events-page .event-add-link,
.events-page .event-add-action,
.events-page .event-setup-editor,
.events-page .event-custom-field { margin-top: var(--space-4); border-top: 1px solid var(--event-border); }
.events-page .event-notification-detail > summary,
.events-page .event-add-link > summary,
.events-page .event-add-action > summary,
.events-page .event-setup-editor > summary,
.events-page .event-custom-field > summary { width: fit-content; padding: var(--space-3) 0; color: var(--color-primary); cursor: pointer; font-weight: 850; }
.events-page .event-sticky-actions { position: sticky; z-index: 4; bottom: 10px; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-3) var(--space-4); border: 1px solid var(--color-primary-border); border-radius: var(--radius-md); background: rgba(255,255,255,.96); box-shadow: var(--shadow-soft); backdrop-filter: blur(10px); }
.events-page .event-sticky-actions p { display: grid; margin: 0; }
.events-page .event-sticky-actions small { color: var(--color-text-muted); }

.events-page .event-critical-banner { display: grid; grid-template-columns: max-content minmax(0,1fr); align-items: center; gap: var(--space-5); padding: var(--space-3) var(--space-4); border: 1px solid rgba(239,68,68,.35); border-left: 4px solid var(--color-danger); border-radius: var(--radius-md); background: var(--color-danger-soft); }
.events-page .event-critical-banner > div { min-width: 220px; display: grid; gap: 3px; }
.events-page .event-critical-banner strong { color: var(--color-danger); font-size: var(--font-xs); line-height: 1.3; }
.events-page .event-critical-banner span { font-weight: 800; line-height: 1.35; }
.events-page .event-critical-banner p { margin: 0; color: var(--color-text); line-height: 1.5; }
.events-page .event-show-grid { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,350px); align-items: start; gap: var(--space-4); }
.events-page .event-show-main,
.events-page .event-show-aside { min-width: 0; display: grid; gap: var(--space-4); }
/* Classification and approval forms can exceed the viewport; keep all actions in page flow. */
.events-page .event-fact-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-3); margin: 0; }
.events-page .event-fact-grid > div,
.events-page .event-mini-facts > div { padding: var(--space-3); border: 1px solid var(--event-border); border-radius: var(--radius-sm); background: var(--event-soft); }
.events-page .event-fact-grid dd,
.events-page .event-mini-facts dd { margin: 3px 0 0; font-size: var(--font-xs); font-weight: 800; overflow-wrap: anywhere; }
.events-page .event-fact-grid > .event-consequence-fact { border-left: 4px solid var(--event-consequence-colour,#64748b); background: var(--color-surface); }
.events-page .event-consequence-rating { display: inline-flex; align-items: center; width: fit-content; max-width: 100%; min-height: 25px; padding: 4px 9px; border-radius: 999px; background: var(--event-consequence-colour,#64748b); color: var(--event-consequence-text,#fff); line-height: 1.25; }
.events-page .event-narrative { margin-top: var(--space-4); padding: var(--space-4); border-left: 3px solid var(--color-primary); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--color-primary-soft); }
.events-page .event-narrative p { margin: var(--space-2) 0 0; line-height: 1.65; }
.events-page .event-people-grid,
.events-page .event-classification-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-4); }
.events-page .event-people-grid > div,
.events-page .event-classification-grid > article { min-width: 0; padding: var(--space-4); border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--event-soft); }
.events-page .event-people-grid h3,
.events-page .event-classification-grid h3 { margin-top: var(--space-2); }
.events-page .event-clean-list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.events-page .event-clean-list li { display: grid; gap: 2px; padding: 8px 0; border-bottom: 1px solid var(--event-border); }
.events-page .event-clean-list span { color: var(--color-text-muted); font-size: var(--font-xs); }
.events-page .event-clean-list small { color: var(--color-text-muted); line-height: 1.45; }
.events-page .event-clean-list .event-person-role-display { color: var(--color-text); font-weight: 750; }
.events-page .event-mini-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: var(--space-3) 0; }
.events-page .event-link-list article,
.events-page .event-evidence-list article,
.events-page .event-action-list article,
.events-page .event-version-list article { min-width: 0; display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--event-border); border-radius: var(--radius-sm); background: var(--color-surface); }
.events-page .event-link-list article > strong,
.events-page .event-evidence-list article > div,
.events-page .event-action-list article > div,
.events-page .event-version-list article > div { min-width: 0; flex: 1; }
.events-page .event-evidence-list article div,
.events-page .event-action-list article div,
.events-page .event-version-list article div { display: grid; gap: 3px; }
.events-page .event-evidence-list small,
.events-page .event-action-list small,
.events-page .event-version-list span { color: var(--color-text-muted); font-size: var(--font-xs); }
.events-page .event-action-list article { flex-wrap: wrap; }
.events-page .event-action-reassignment { width: 100%; padding-top: var(--space-2); border-top: 1px solid var(--event-border); }
.events-page .event-action-reassignment > summary { width: fit-content; color: var(--color-primary); cursor: pointer; font-size: var(--font-xs); font-weight: 850; }
.events-page .event-action-reassignment > form { margin-top: var(--space-3); }
.events-page .event-action-controls .event-action-reassignment { justify-self: stretch; }
.events-page #linked-records > .event-link-list + .notice,
.events-page #linked-records > p + .notice,
.events-page #attachments > .notice + .event-evidence-list,
.events-page #attachments > .notice + p { margin-top: var(--space-4); }
.events-page .event-evidence-form { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: start; gap: var(--space-4); margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--event-border); }
.events-page .event-evidence-form > label { min-width: 0; }
.events-page .event-evidence-description,
.events-page .event-evidence-file { grid-column: span 2; }
.events-page .event-evidence-confidential { grid-column: 1 / 3; align-self: center; min-height: var(--control-height, 44px); margin: 0; }
.events-page .event-evidence-actions { grid-column: 3 / 5; display: flex; align-items: center; justify-content: flex-end; min-height: var(--control-height, 44px); }
.events-page .event-evidence-actions button { min-width: 180px; }
.events-page .event-managed-guidance { display: grid; gap: var(--space-3); }
.events-page .event-managed-guidance article { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--event-soft); }
.events-page .event-managed-guidance article p { margin: var(--space-1) 0 0; color: var(--color-text-muted); }
.events-page .event-start-investigation { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-primary-border); border-radius: var(--radius-md); background: var(--color-primary-soft); }
.events-page .event-start-investigation div { display: grid; }
.events-page .event-start-investigation span { color: var(--color-text-muted); font-size: var(--font-xs); }
.events-page .event-approval-panel > article,
.events-page .event-lifecycle-card { display: grid; gap: var(--space-3); }
.events-page .event-classification-fields { display: grid; gap: var(--space-3); padding-top: var(--space-3); }
.events-page .event-classification-history-list { display: grid; gap: var(--space-3); }
.events-page .event-classification-history-item { overflow: hidden; border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--event-soft); }
.events-page .event-classification-history-item > summary { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); cursor: pointer; list-style: none; }
.events-page .event-classification-history-item > summary::-webkit-details-marker { display: none; }
.events-page .event-classification-history-item > summary > span:last-child { min-width: 0; display: grid; gap: 2px; }
.events-page .event-classification-history-item > summary small { color: var(--color-text-muted); }
.events-page .event-classification-history-body { display: grid; gap: var(--space-3); padding: 0 var(--space-4) var(--space-4); border-top: 1px solid var(--event-border); }
.events-page .event-classification-history-body > .event-mini-facts { margin-bottom: 0; }
.events-page .event-integrity-confirmed { width: fit-content; color: var(--color-success); font-size: var(--font-xs); font-weight: 900; }
.events-page .event-classification-change > summary { cursor: pointer; }
.events-page .event-classification-change > summary > span { display: grid; gap: 3px; }
.events-page .event-classification-change > summary h2 { margin: 0; }
.events-page .event-classification-change > summary small { color: var(--color-text-muted); }
.events-page .event-classification-change[open] > summary { margin-bottom: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--event-border); }
.events-page .event-classification-notification-fields { display: grid; gap: var(--space-3); }
.events-page .event-classification-notification-fields[hidden] { display: none; }
.events-page .event-authorised-decision-summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-primary-border); border-radius: var(--radius-md); background: var(--color-primary-soft); }
.events-page .event-authorised-decision-summary > div { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 3px var(--space-3); }
.events-page .event-authorised-decision-summary > div > small { grid-column: 2; color: var(--color-text-muted); }
.events-page .event-authority-links { display: grid; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--color-surface-muted); }
.events-page .event-authority-links[hidden],
.events-page .event-authority-links article[hidden] { display: none; }
.events-page .event-authority-links > p { display: grid; gap: 2px; margin: 0; }
.events-page .event-authority-links > p span { color: var(--color-text-muted); font-size: var(--font-sm); }
.events-page .event-authority-links article { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding-top: var(--space-2); border-top: 1px solid var(--event-border); }
.events-page .event-authority-guidance-copy { min-width: 0; display: grid; gap: 3px; }
.events-page .event-authority-guidance-copy p { margin: 0; color: var(--color-text-muted); font-size: var(--font-xs); line-height: 1.45; }
.events-page .event-authority-links article div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-3); }
.events-page .event-authority-links a { font-weight: 700; }
.events-page .event-approval-panel > article + article { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--event-border); }
.events-page .event-approval-panel article > span,
.events-page .event-approval-panel article > small { color: var(--color-text-muted); font-size: var(--font-xs); }
.events-page .event-timeline { position: relative; display: grid; gap: var(--space-3); margin: var(--space-5) 0 0; padding: 0 0 0 24px; list-style: none; }
.events-page .event-timeline::before { content: ''; position: absolute; inset: 0 auto 0 7px; width: 2px; background: var(--event-border); }
.events-page .event-timeline li { position: relative; display: grid; gap: 2px; }
.events-page .event-timeline li::before { content: ''; position: absolute; left: -21px; top: 7px; width: 10px; height: 10px; border: 2px solid var(--color-primary); border-radius: 50%; background: white; }
.events-page .event-timeline time,
.events-page .event-timeline span { color: var(--color-text-muted); font-size: 10px; }
.events-page .event-history-heading { margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--event-border); }
.events-page .event-history-heading h3 { margin: 0; }
.events-page .event-history-pagination { margin-top: var(--space-5); }

.events-page .event-draft-list article,
.events-page .event-approval-list > article { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--color-surface); }
.events-page .event-approval-list > article { grid-template-columns: minmax(260px,.9fr) minmax(360px,1.1fr); align-items: start; }
.events-page .event-approval-controls { display: grid; justify-items: end; gap: var(--space-3); }
.events-page .event-approval-controls form { width: 100%; display: grid; gap: var(--space-3); }
.events-page .event-approval-panel article > form { display: grid; gap: var(--space-3); }
.events-page .event-history-table { margin-top: var(--space-4); }
.events-page .event-action-card { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,340px); gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--event-border); border-radius: var(--radius-md); }
.events-page .event-action-card.is-overdue { border-left: 4px solid var(--color-danger); }
.events-page .event-action-card h3 { margin-top: 3px; }
.events-page .event-action-card.event-action-disclosure { display: block; padding: 0; overflow: visible; background: var(--color-surface); }
.events-page .event-action-column-header {
  min-width: 0; display: grid;
  grid-template-columns: minmax(95px,.65fr) minmax(160px,1.65fr) minmax(115px,1fr) minmax(125px,1.1fr) minmax(90px,.65fr) minmax(70px,.5fr) minmax(95px,.7fr) 14px;
  align-items: center; gap: var(--space-3); padding: 0 14px 7px; color: var(--color-text-muted);
  font-size: 9px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase;
}
.events-page .event-action-column-header > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-page .event-action-summary {
  min-width: 0; display: grid;
  grid-template-columns: minmax(95px,.65fr) minmax(160px,1.65fr) minmax(115px,1fr) minmax(125px,1.1fr) minmax(90px,.65fr) minmax(70px,.5fr) minmax(95px,.7fr) 14px;
  min-height: 46px; align-items: center; gap: var(--space-3); padding: 8px 14px; border-radius: inherit;
  cursor: pointer; list-style: none;
}
.events-page .event-action-summary::-webkit-details-marker { display: none; }
.events-page .event-action-summary:hover { background: var(--event-soft); }
.events-page .event-action-summary:focus-visible { outline: 3px solid color-mix(in srgb,var(--color-primary) 28%,transparent); outline-offset: -3px; }
.events-page .event-action-disclosure[open] > .event-action-summary { border-bottom: 1px solid var(--event-border); border-radius: var(--radius-md) var(--radius-md) 0 0; background: var(--event-soft); }
.events-page .event-action-summary-field { min-width: 0; display: grid; gap: 2px; }
.events-page .event-action-summary-field small { overflow: hidden; color: var(--color-text-muted); font-size: 9px; font-weight: 900; letter-spacing: .06em; line-height: 1.15; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.events-page .event-action-summary-field > strong,
.events-page .event-action-summary-field > span:not(.sr-only),
.events-page .event-action-summary-field > a { min-width: 0; display: block; overflow: hidden; font-size: var(--font-xs); font-weight: 750; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.events-page .event-action-summary-field.is-primary strong,
.events-page .event-action-summary-field.is-title strong { font-size: var(--font-sm); }
.events-page .event-action-summary-field.is-reference strong { color: var(--color-primary); font-weight: 900; }
.events-page .event-action-summary-field.is-overdue strong { color: var(--color-danger); }
.events-page .event-action-card.is-overdue .event-action-summary-field.is-due > span:not(.sr-only) { color: var(--color-danger); font-weight: 850; }
.events-page .event-action-summary-field .event-status { width: max-content; max-width: 100%; display: inline-flex; overflow: hidden; text-overflow: ellipsis; }
.events-page .event-action-disclosure-icon {
  width: 10px; height: 10px; margin-right: 2px; border-right: 2px solid var(--color-text-muted);
  border-bottom: 2px solid var(--color-text-muted); transform: rotate(45deg) translate(-2px,2px);
  transition: transform .16s ease;
}
.events-page .event-action-disclosure[open] .event-action-disclosure-icon { transform: rotate(225deg) translate(-1px,-1px); }
.events-page .event-action-body { min-width: 0; display: block; padding: var(--space-4); }
.events-page .event-action-disclosure:not([open]) > .event-action-body { display: none; }
.events-page .event-action-controls { width: 100%; display: grid; align-content: start; justify-items: stretch; gap: var(--space-3); }
.events-page .event-action-controls form { width: 100%; display: grid; gap: var(--space-3); }
.events-page .event-action-controls details > form { margin-top: var(--space-3); }
.events-page .event-action-controls > .button { width: fit-content; justify-self: end; }
.events-page .event-action-controls > .event-action-evidence { width: 100%; }

.events-page .event-setup-stack > .panel > details > summary { cursor: pointer; }
.events-page .event-setup-stack > .panel > details > summary > span { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px var(--space-3); }
.events-page .event-setup-stack > .panel > details > summary .event-section-kicker { grid-column: 1/-1; }
.events-page .event-setup-stack > .panel > details > summary strong { font-size: var(--font-md); }
.events-page .event-setup-stack > .panel > details > summary small { color: var(--color-text-muted); }
.events-page .event-setup-stack > .panel > details[open] > summary + * { margin-top: var(--space-4); }
.events-page .event-setup-stack > .panel > details > summary + .notice,
.events-page .event-setup-stack > .panel > details > summary + form,
.events-page .event-setup-stack > .panel > details > .event-setup-list + .notice,
.events-page .event-setup-stack > .panel > details > .notice + form { margin-top: var(--space-4); }
.events-page .event-setup-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-3); margin-top: var(--space-4); }
.events-page .event-setup-card-grid > article { min-width: 0; display: grid; align-content: start; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--event-soft); }
.events-page .event-setup-card-title { display: grid; grid-template-columns: auto minmax(0,1fr); gap: var(--space-3); }
.events-page .event-setup-card-title h3,
.events-page .event-setup-card-title p { margin: 0; }
.events-page .event-setup-card-title p { color: var(--color-text-muted); font-size: var(--font-xs); }
.events-page .event-setup-editor > form { padding-top: var(--space-3); }
.events-page .event-field-builder { margin-top: var(--space-5); padding: var(--space-4); border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--event-soft); }
.events-page .event-type-governance { margin-top: var(--space-4); }
.events-page .event-field-list { display: grid; gap: 6px; }
.events-page .event-field-row { display: grid; grid-template-columns: auto minmax(220px,1fr) auto auto; align-items: center; gap: var(--space-3); padding: 10px 12px; border: 1px solid var(--event-border); border-radius: var(--radius-sm); background: white; }
.events-page .event-field-row.is-dragging { opacity: .45; }
.events-page .event-field-row > div { display: grid; }
.events-page .event-field-row small { color: var(--color-text-muted); }
.events-page .event-drag-handle { color: var(--color-text-muted); cursor: grab; font-size: 20px; }
.events-page .event-type-preview { margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-primary-border); border-left: 3px solid var(--color-primary); border-radius: var(--radius-sm); background: var(--color-primary-soft); }
.events-page .event-type-preview > span { color: var(--color-primary); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.events-page .event-type-preview > strong { display: block; margin-top: var(--space-2); color: var(--color-primary); }
.events-page .event-type-preview h3,
.events-page .event-type-preview p { margin: 4px 0 0; }
.events-page[data-events-page="setup"] .event-type-preview + .form-actions,
.events-page[data-events-page="setup"] .event-workflow-steps + .button-row,
.events-page[data-events-page="setup"] .event-workflow-form > .button-row + .form-actions { margin-top: var(--space-4); }
.events-page .event-setup-list { margin: var(--space-4) 0; }
.events-page .event-setup-list article { padding: var(--space-3); border: 1px solid var(--event-border); border-radius: var(--radius-sm); }
.events-page .event-setup-list article > div { display: grid; }
.events-page .event-setup-list span { color: var(--color-text-muted); font-size: var(--font-xs); }
.events-page .event-status-dot { display: inline-block; width: .7rem; height: .7rem; margin-right: var(--space-2); border-radius: 999px; vertical-align: middle; }
.events-page .event-workflow-steps { display: grid; gap: 7px; margin-top: var(--space-4); }
.events-page .event-workflow-step { overflow: hidden; border: 1px solid var(--event-border); border-radius: var(--radius-md); background: var(--event-soft); }
.events-page .event-workflow-step > summary { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: var(--space-3); padding: 12px 14px; cursor: pointer; list-style: none; }
.events-page .event-workflow-step > summary::-webkit-details-marker { display: none; }
.events-page .event-workflow-step > summary::after { content: '\203A'; color: var(--color-text-muted); font-size: 22px; line-height: 1; transition: transform .16s ease; }
.events-page .event-workflow-step[open] > summary::after { transform: rotate(90deg); }
.events-page .event-workflow-step > summary:hover { background: var(--color-primary-soft); }
.events-page .event-step-number { padding: 5px 8px; border-radius: 999px; background: var(--color-primary-soft); color: var(--color-primary); font-size: var(--font-xs); font-weight: 800; white-space: nowrap; }
.events-page .event-step-summary-copy { min-width: 0; display: grid; gap: 2px; }
.events-page .event-step-summary-copy strong,
.events-page .event-step-summary-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-page .event-step-summary-copy small { color: var(--color-text-muted); }
.events-page .event-workflow-step-body { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; gap: var(--space-3); padding: 0 14px 14px; border-top: 1px solid var(--event-border); }
.events-page .event-workflow-step-body > label,
.events-page .event-workflow-step-body > .notice { margin-top: var(--space-3); }
.events-page .event-workflow-step-body > .span-all { grid-column: 1/-1; }
.events-page .event-workflow-resolved-target { min-height: 66px; }
.events-page .event-workflow-resolved-target:not([hidden]) { display: grid; align-content: center; gap: 3px; }
.events-page .event-workflow-resolved-target span { color: var(--color-text-muted); }

@media (max-width: 1450px) {
  .events-page .event-register-card { grid-template-columns: minmax(230px,1fr) minmax(360px,1.5fr) minmax(160px,.7fr) auto; }
  .events-page .event-register-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .events-page .event-type-button-grid,
  .events-page .event-setup-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1100px) {
  .events-page .event-metric-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .events-page .event-filter-grid,
  .events-page .event-action-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .events-page .event-filter-grid .form-actions { grid-column: 1/-1; }
  .events-page .event-register-card { grid-template-columns: minmax(0,1fr) auto; }
  .events-page .event-register-meta { grid-column: 1/-1; }
  .events-page .event-show-grid { grid-template-columns: 1fr; }
  .events-page .event-people-editor-grid { grid-template-columns: 1fr; }
  .events-page .event-show-aside { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .events-page .event-fact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .events-page .event-workflow-step-body { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .events-page .event-action-column-header { display: none; }
  .events-page .event-action-summary { grid-template-columns: minmax(100px,.65fr) minmax(190px,1.5fr) minmax(130px,1fr) minmax(130px,1fr) 14px; }
  .events-page .event-action-summary-field:nth-child(5) { grid-column: 1; }
  .events-page .event-action-summary-field:nth-child(6) { grid-column: 2; }
  .events-page .event-action-summary-field:nth-child(7) { grid-column: 3 / 5; }
  .events-page .event-action-disclosure-icon { grid-column: 5; grid-row: 1 / span 2; }
}
@media (max-width: 767px) {
  .events-page .event-page-header,
  .events-page .event-sticky-actions,
  .events-page .event-start-investigation,
  .events-page .event-authorised-decision-summary { align-items: stretch; flex-direction: column; }
  .events-page .event-metric-grid,
  .events-page .event-metric-grid.is-four,
  .events-page .event-type-button-grid,
  .events-page .event-setup-card-grid,
  .events-page .event-filter-grid,
  .events-page .event-filter-more-grid,
  .events-page .event-register-card,
  .events-page .event-fact-grid,
  .events-page .event-people-grid,
  .events-page .event-classification-grid,
  .events-page .event-show-aside,
  .events-page .event-draft-list article,
  .events-page .event-approval-list > article,
  .events-page .event-action-card,
  .events-page .event-action-body,
  .events-page .event-critical-banner,
  .events-page .event-evidence-form,
  .events-page .event-field-row,
  .events-page .event-person-add-control,
  .events-page .event-consequence-reference-list article { grid-template-columns: 1fr; }
  .events-page .event-consequence-reference-heading { align-items: stretch; flex-direction: column; }
  .events-page .event-consequence-reference-heading > span { width: fit-content; }
  .events-page .event-evidence-form > label,
  .events-page .event-evidence-description,
  .events-page .event-evidence-file,
  .events-page .event-evidence-confidential,
  .events-page .event-evidence-actions { grid-column: 1; }
  .events-page .event-evidence-actions { justify-content: stretch; }
  .events-page .event-evidence-actions button { width: 100%; }
  .events-page .event-workflow-step-body { grid-template-columns: 1fr; }
  .events-page .event-person-add-control > .button { width: 100%; }
  .events-page .event-register-card > .button { width: 100%; }
  .events-page .event-register-meta { grid-template-columns: 1fr; }
  .events-page .event-approval-controls,
  .events-page .event-action-controls { justify-items: stretch; }
  .events-page .event-action-summary { grid-template-columns: minmax(0,1fr) minmax(0,1fr) 14px; gap: var(--space-2) var(--space-3); padding: 11px 12px; }
  .events-page .event-action-summary-field:nth-child(1),
  .events-page .event-action-summary-field:nth-child(2),
  .events-page .event-action-summary-field:nth-child(3),
  .events-page .event-action-summary-field:nth-child(4),
  .events-page .event-action-summary-field:nth-child(7) { grid-column: 1 / 3; }
  .events-page .event-action-summary-field:nth-child(5) { grid-column: 1; }
  .events-page .event-action-summary-field:nth-child(6) { grid-column: 2; }
  .events-page .event-action-disclosure-icon { grid-column: 3; grid-row: 1 / span 6; }
}

@media (prefers-reduced-motion: reduce) {
  .events-page .event-action-disclosure-icon { transition: none; }
}