/* ASMI account console — colour and typography overrides on top of
   PatternFly 5, which is what the Keycloak v3 account console ships with.
   Everything here is a variable override or a light touch-up; no layout
   changes, so it survives Keycloak upgrades. */

:root,
.pf-v5-theme-dark,
.pf-v5-c-page {
  /* brand */
  --pf-v5-global--primary-color--100: #1d4ed8;
  --pf-v5-global--primary-color--200: #0d1f3c;
  --pf-v5-global--active-color--100: #1d4ed8;
  --pf-v5-global--link--Color: #1d4ed8;
  --pf-v5-global--link--Color--hover: #0d1f3c;

  /* surfaces */
  --pf-v5-global--BackgroundColor--100: #ffffff;
  --pf-v5-global--BackgroundColor--200: #eef3f9;
  --pf-v5-global--BorderColor--100: #e2e8f0;

  /* text */
  --pf-v5-global--Color--100: #16233a;
  --pf-v5-global--Color--200: #64748b;

  /* shape + type */
  --pf-v5-global--BorderRadius--sm: 10px;
  --pf-v5-global--BorderRadius--lg: 14px;
  --pf-v5-global--FontFamily--sans-serif: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  --pf-v5-global--FontFamily--heading--sans-serif: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
}

/* page background, matching the login pages */
.pf-v5-c-page,
.pf-v5-c-page__main {
  background:
    radial-gradient(1100px 620px at 12% -10%, rgba(14, 165, 233, 0.14), transparent 60%),
    radial-gradient(900px 560px at 92% 4%, rgba(29, 78, 216, 0.10), transparent 62%),
    #eef3f9;
}

/* header band */
.pf-v5-c-masthead {
  background: #0d1f3c;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pf-v5-c-masthead__brand img,
.pf-v5-c-brand {
  max-height: 34px;
  width: auto;
}

/* cards: softer, closer to the login card */
.pf-v5-c-card {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 16px 40px -14px rgba(13, 31, 60, 0.16);
}

/* primary buttons get the login gradient */
.pf-v5-c-button.pf-m-primary {
  background: linear-gradient(135deg, #1d4ed8, #0ea5e9);
  border: 0;
  border-radius: 10px;
  font-weight: 650;
  box-shadow: 0 6px 16px -6px rgba(29, 78, 216, 0.55);
}

.pf-v5-c-button.pf-m-primary:hover { filter: brightness(1.06); }

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-link {
  border-radius: 10px;
  color: #1d4ed8;
}

/* inputs */
.pf-v5-c-form-control,
.pf-v5-c-form-control input,
.pf-v5-c-form-control select {
  border-radius: 10px;
}

.pf-v5-c-form-control:focus-within {
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.12);
}

/* left nav: highlight the active item in brand blue */
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
  color: #1d4ed8;
  font-weight: 650;
}