/* ============================================================
   Enterprise Design System — design tokens + global primitives
   Loaded after dashboard.css; the component files below build on these tokens.
   Presentation only — no layout/business changes.
   ============================================================ */
:root {
  /* Surfaces & borders */
  --ent-surface: #ffffff;
  --ent-surface-2: #f7f9fc;
  --ent-border: #e4e8ef;
  --ent-border-strong: #d0d7e2;
  --ent-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --ent-shadow: 0 2px 8px rgba(16, 24, 40, 0.08);
  --ent-radius: 10px;
  --ent-radius-sm: 6px;

  /* Text */
  --ent-text: #1f2733;
  --ent-text-muted: #5b6675;
  --ent-header-fg: #344054;     /* darker than old #6c757d → better contrast */
  --ent-header-bg: #f1f4f9;

  /* Table interaction */
  --ent-zebra: #f8fafc;
  --ent-row-hover: #eef4fb;
  --ent-col-sep: #edf0f5;

  /* Semantic status palette */
  --ent-ok-fg: #146c43;        --ent-ok-bg: #d1f0dd;
  --ent-warn-fg: #9a6700;      --ent-warn-bg: #fdf0cf;
  --ent-danger-fg: #b42318;    --ent-danger-bg: #fbe1de;
  --ent-info-fg: #175cd3;      --ent-info-bg: #dbe9ff;
  --ent-neutral-fg: #475467;   --ent-neutral-bg: #eaecf0;

  /* Focus ring (accessibility) */
  --ent-focus: #2e8bda;

  /* Spacing scale */
  --ent-space-1: 4px;
  --ent-space-2: 8px;
  --ent-space-3: 12px;
  --ent-space-4: 16px;
}

/* Global visible focus for keyboard users (accessibility). */
.app-content a:focus-visible,
.app-content button:focus-visible,
.app-content input:focus-visible,
.app-content select:focus-visible,
.app-content [tabindex]:focus-visible {
  outline: 2px solid var(--ent-focus);
  outline-offset: 2px;
  border-radius: var(--ent-radius-sm);
}

/* Screen-reader-only utility. */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}