/* ═══════════════════════════════════════════════════════════════════════
   oparion Keycloak Admin-Console Theme (keycloak.v2 / PatternFly)
   Brand: Oparion Blau #283583 · Oparion Orange #F9B000
   Hinweis: Die Admin-Console (Keycloak 19+) ist eine React/PatternFly-App.
   Sie kann NICHT wie das Login-Theme vollständig umgebaut werden — themebar
   sind nur: Logo, Favicon (siehe theme.properties) sowie die PatternFly
   Farb-/Design-Tokens (CSS Custom Properties) unten.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* Primär-/Akzentfarben */
  --pf-global--primary-color--100: #283583;   /* Oparion Blau */
  --pf-global--primary-color--200: #161A45;   /* B1 dunkel */
  --pf-global--primary-color--light-100: #939CC1;

  --pf-global--active-color--100: #283583;
  --pf-global--active-color--200: #161A45;

  --pf-global--link--Color: #283583;
  --pf-global--link--Color--hover: #161A45;
  --pf-global--link--Color--light: #939CC1;

  --pf-global--success-color--100: #16A34A;
  --pf-global--warning-color--100: #F9B000;   /* Oparion Orange */
  --pf-global--danger-color--100: #DC2626;
  --pf-global--info-color--100: #283583;

  /* Masthead / Sidebar (dunkle Flächen -> B1-Schattierungen) */
  --pf-global--BackgroundColor--dark-100: #161A45;
  --pf-global--BackgroundColor--dark-200: #0D092B;
  --pf-global--BackgroundColor--dark-300: #283583;

  /* Sekundärfarbe für Buttons / Fokus */
  --pf-global--BorderColor--light-100: #D0D0D0;
  --pf-global--FontFamily--sans-serif: 'Ubuntu Sans', -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:wght@300;400;500;600;700;800&display=swap');

/* Masthead-Logo etwas Luft geben, damit das breitere Wordmark nicht clippt */
.pf-c-page__header-brand-link .keycloak__pageheader__brand {
  height: 34px;
  width: auto;
}

/* Primär-Buttons in Oparion-Blau mit dezentem Hover analog Login-Theme */
.pf-c-button.pf-m-primary {
  background-color: var(--pf-global--primary-color--100);
}
.pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:focus {
  background-color: var(--pf-global--primary-color--200);
}

/* Aktive Sidebar-/Nav-Items in Oparion-Orange als Akzent statt Standard-Blau */
.pf-c-nav__link.pf-m-current,
.pf-c-nav__link[aria-current="page"] {
  box-shadow: inset 3px 0 0 0 #F9B000;
}