/* EJI ONE — Admin Console
   Palet: COLOR_PATTERN.md (navy → azure). Header/sidebar tetap branded di light & dark. */

:root {
  --ej-navy: #1d3a8a;
  --ej-navy-deep: #1a3b8b;
  --ej-azure: #0078d4;
  --ej-ice: #eff6ff;
  --ej-gradient-header: linear-gradient(90deg, #1a3b8b 0%, #0078d4 100%);
  --platform-accent: #0078d4;
  --platform-accent-soft: rgba(0, 120, 212, 0.12);
  --platform-ink: #1d3a8a;

  /* PatternFly 5 */
  --pf-v5-global--primary-color--100: #1d3a8a;
  --pf-v5-global--primary-color--200: #1a3b8b;
  --pf-v5-global--primary-color--300: #0078d4;
  --pf-v5-global--link--Color: #0078d4;
  --pf-v5-global--link--Color--hover: #1d3a8a;
  --pf-v5-global--active-color--100: #0078d4;
  --pf-v5-global--active-color--200: #1d3a8a;
  --pf-v5-c-button--m-primary--BackgroundColor: #1d3a8a;
  --pf-v5-c-button--m-primary--Color: #ffffff;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #0078d4;
  --pf-v5-c-nav__link--m-current--after--BorderColor: #0078d4;
  --pf-v5-global--primary-color--100--rgb: 29, 58, 138;

  /* PatternFly 6 tokens */
  --pf-t--global--color--brand--default: #1d3a8a;
  --pf-t--global--color--brand--hover: #0078d4;
  --pf-t--global--color--brand--clicked: #1a3b8b;

  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, monospace;
}

.pf-v5-theme-dark,
.pf-v6-theme-dark,
:root:has(.pf-v5-theme-dark),
html.pf-v5-theme-dark {
  --platform-accent: #38bdf8;
  --pf-v5-global--link--Color: #38bdf8;
  --pf-v5-global--active-color--100: #38bdf8;
  --pf-t--global--color--brand--hover: #38bdf8;
}

/* Masthead — selalu gradient brand */
.pf-v5-c-masthead,
.pf-v6-c-masthead,
.pf-c-masthead,
header[class*="masthead"] {
  background-color: #1a3b8b !important;
  background-image: var(--ej-gradient-header) !important;
  color: #fff !important;
  --pf-v5-c-masthead--BackgroundColor: transparent;
  --pf-v6-c-masthead--BackgroundColor: transparent;
  font-family: var(--font-sans);
}

.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v6-c-masthead .pf-v6-c-button,
.pf-v6-c-masthead .pf-v6-c-menu-toggle,
.pf-c-masthead button {
  color: #fff !important;
  --pf-v5-c-button--m-plain--Color: #ffffff;
}

.pf-v5-c-masthead a,
.pf-v6-c-masthead a {
  color: #fff !important;
}

/* Lockup navy di pelat putih — teks logo tidak kontras di gradient */
.pf-v5-c-brand,
.pf-v6-c-brand,
.pf-c-brand {
  background: #fff !important;
  border-radius: 10px;
  padding: 0.2rem 0.55rem !important;
  display: inline-flex !important;
  align-items: center;
  line-height: 0;
}

.pf-v5-c-brand img,
.pf-v6-c-brand img,
.pf-c-brand img,
.pf-v5-c-masthead img[src*="logo"] {
  height: 36px !important;
  width: auto !important;
  max-height: 36px;
  object-fit: contain;
}

/* Sidebar — navy-deep (bukan flat hitam) */
.pf-v5-c-page__sidebar,
.pf-v6-c-page__sidebar,
.pf-c-page__sidebar,
nav[class*="page__sidebar"] {
  background-color: var(--ej-navy-deep) !important;
  --pf-v5-c-page__sidebar--BackgroundColor: #1a3b8b;
  --pf-v5-c-nav__link--Color: rgba(255, 255, 255, 0.85);
  --pf-v5-c-nav__link--hover--BackgroundColor: rgba(0, 120, 212, 0.22);
  --pf-v5-c-nav__link--m-current--BackgroundColor: rgba(0, 120, 212, 0.28);
}

.pf-v5-c-nav__link,
.pf-v6-c-nav__link,
.pf-c-nav__link {
  color: rgba(255, 255, 255, 0.85) !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v6-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"] {
  color: #fff !important;
  background: rgba(0, 120, 212, 0.28) !important;
}

.pf-v5-c-nav__section-title,
.pf-v6-c-nav__section-title {
  color: rgba(255, 255, 255, 0.7) !important;
}

.pf-v5-c-button.pf-m-primary,
.pf-v6-c-button.pf-m-primary {
  background-color: var(--ej-navy) !important;
  color: #fff !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v6-c-button.pf-m-primary:hover {
  background-color: var(--ej-azure) !important;
}

a:not(.pf-v5-c-nav__link):not(.pf-v6-c-nav__link):not(.pf-c-nav__link) {
  --pf-v5-global--link--Color: var(--platform-accent);
}