/*
 * Iraq PACS Account Console branding.
 * Precision Cobalt & Obsidian Luxury Theme.
 */

:root {
  --pacs-navy: #161b26;
  --pacs-navy-light: #242c3d;
  --pacs-blue: #3b72e2;
  --pacs-blue-hover: #2b59c3;
  --pacs-blue-light: #6c9cf8;
  --pacs-blue-pale: #eef4fe;
  --pacs-background: #f6f8fc;
  --pacs-surface: #ffffff;
  --pacs-text: #1a1f2c;
  --pacs-muted: #5a6b82;
  --pacs-line: #e2e8f0;
  --pacs-focus: #3b72e2;

  --pf-v5-global--FontFamily--sans-serif: Inter, "Noto Sans Arabic", Tahoma,
    ui-sans-serif, system-ui, sans-serif;
  --pf-v5-global--primary-color--100: var(--pacs-blue);
  --pf-v5-global--primary-color--200: var(--pacs-blue-hover);
  --pf-v5-global--link--Color: var(--pacs-blue);
  --pf-v5-global--link--Color--hover: var(--pacs-blue-hover);
  --pf-v5-global--BackgroundColor--100: var(--pacs-surface);
  --pf-v5-global--BackgroundColor--200: var(--pacs-background);
  --pf-v5-global--Color--100: var(--pacs-text);
  --pf-v5-global--Color--200: var(--pacs-muted);
  --pf-v5-global--BorderColor--100: var(--pacs-line);
  --pf-v5-global--BorderRadius--sm: 8px;
}

body[data-page-id="account"] {
  color: var(--pacs-text);
  background: var(--pacs-background);
}

/* The v3 console falls back to its bundled logo.svg when no logo is set. */
[data-testid="page-header"] .pf-v5-c-masthead__brand {
  display: none;
}

[data-testid="page-header"],
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--pacs-navy);
  background: var(--pacs-navy);
}

.pf-v5-c-page__sidebar {
  background: var(--pacs-navy);
}

.pf-v5-c-nav__link:hover {
  background: rgba(255, 255, 255, 0.06);
}

.pf-v5-c-nav__link.pf-m-current {
  background: rgba(59, 114, 226, 0.18);
  box-shadow: inset 3px 0 0 var(--pacs-blue-light);
}

[dir="rtl"] .pf-v5-c-nav__link.pf-m-current {
  box-shadow: inset -3px 0 0 var(--pacs-blue-light);
}

.pf-v5-c-page__main,
.pf-v5-c-page__main-section {
  background: var(--pacs-background);
}

.pf-v5-c-page__main-section.pf-m-light {
  background: var(--pacs-surface);
}

.pf-v5-c-button {
  --pf-v5-c-button--BorderRadius: 9px;
}

.pf-v5-c-card,
.pf-v5-c-form-control {
  border-radius: 9px;
}

body[data-page-id="account"] :where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--pacs-focus);
  outline-offset: 2px;
}

@media (forced-colors: active) {
  body[data-page-id="account"] :where(a, button, input, select, textarea):focus-visible {
    outline-color: Highlight;
  }
}