/* IndoorNav Admin tokens v1.0 — aliases giữ nguyên giao diện hiện tại. */
:root {
  --ds-admin-color-brand: #007aff;
  --ds-admin-color-brand-hover: #0062cc;
  --ds-admin-color-personal: #5b3fbf;
  --ds-admin-color-warning-ink: #8a6d00;
  --ds-admin-color-navy: #0a192f;
  --ds-admin-color-surface: #ffffff;
  --ds-admin-color-canvas: #f6f7fb;
  --ds-admin-color-border: #e4e7ec;
  --ds-admin-color-text: #1d2939;
  --ds-admin-color-muted: #667085;
  --ds-admin-radius-sm: 8px;
  --ds-admin-radius-md: 12px;

  --brand-primary: var(--ds-admin-color-brand);
  --brand-primary-hover: var(--ds-admin-color-brand-hover);
  --brand-personal: var(--ds-admin-color-personal);
  --brand-warning-ink: var(--ds-admin-color-warning-ink);
  --brand-navy: var(--ds-admin-color-navy);
  --admin-surface: var(--ds-admin-color-surface);
  --admin-shell-bg: var(--ds-admin-color-canvas);
  --admin-border: var(--ds-admin-color-border);
  --admin-text: var(--ds-admin-color-text);
  --admin-muted: var(--ds-admin-color-muted);
}

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

.admin-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
}

:focus-visible {
  outline: 3px solid var(--ds-admin-color-brand);
  outline-offset: 2px;
}