/*
 * NFJG shared admin style foundation.
 * Keep this file structural-neutral: page layout remains owned by
 * admin-redesign.css so existing page shells and visuals stay unchanged.
 */
:root {
  --ui-color-brand: #0057c1;
  --ui-color-brand-light: #3f85ff;
  --ui-color-ink: #212429;
  --ui-color-text: #424754;
  --ui-color-muted: #898e97;
  --ui-color-line: #d8dade;
  --ui-color-line-soft: #eff0f1;
  --ui-color-canvas: #f0f3ff;
  --ui-color-hover: #e9eefb;
  --ui-color-surface: #fff;
  --ui-color-surface-subtle: #f9f9ff;
  --ui-radius-control: 6px;
  --ui-radius-panel: 8px;
  --ui-control-height: 38px;
  --ui-focus-ring: 0 0 0 3px rgba(0, 87, 193, 0.12);
  --ui-z-dropdown: 100;
  --ui-z-modal: 340;
  --ui-z-toast: 500;
}

/* Shared interaction baseline. Existing page rules retain visual ownership. */
:where(.ui-btn, .primary-btn, .ghost-btn, .btn-mini, .app-link-btn, .app-logout-btn) {
  font-family: inherit;
  -webkit-tap-highlight-color: transparent;
}

:where(.ui-btn, .primary-btn, .ghost-btn, .btn-mini):focus-visible {
  outline: 2px solid var(--ui-color-brand);
  outline-offset: 2px;
}

:where(.ui-table, .table-wrap, .daily-reconciliation-table-wrap, .stmt-detail-table-wrap) {
  -webkit-overflow-scrolling: touch;
}

:where(.ui-field, .filter-item) {
  min-width: 0;
}

:where(.ui-status, .status-pill, .tag, .daily-reconciliation-status, .stmt-detail-status) {
  font-variant-numeric: tabular-nums;
}