/* ------------------------------------------------------------
   Zumidian — Keycloak Account Console overrides (KC 26 / keycloak.v2)
   Inherits the modern React-based account console and rebrands
   the topbar, brand wordmark, primary buttons, and focus rings.
   ------------------------------------------------------------ */

:root {
    --pf-v5-global--primary-color--100: #2b54e0;
    --pf-v5-global--primary-color--200: #173696;
    --pf-v5-global--link--Color: #2b54e0;
    --pf-v5-global--link--Color--hover: #1f44c4;
    --pf-v5-global--active-color--100: #2b54e0;
    --pf-v5-global--BackgroundColor--dark-100: #0a1438;
    --pf-v5-global--BackgroundColor--dark-200: #122259;
    --pf-v5-global--BackgroundColor--dark-300: #0a1438;
    --pf-v5-c-page__sidebar--BackgroundColor: #0a1438;
    --pf-v5-c-page__sidebar--m-light--BackgroundColor: #0a1438;
}

/* Top brand strip — single solid color (matches sidebar).
   Cover both outer masthead AND the inner toolbar PatternFly's dark theme
   paints near-black. */
.pf-v5-c-masthead,
.pf-c-masthead,
.pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-v5-c-masthead .pf-v5-c-toolbar__content,
.pf-v5-c-masthead__content,
.pf-v5-c-masthead__main {
    background: #0a1438 !important;
    background-color: #0a1438 !important;
    background-image: none !important;
    color: #e8ecff !important;
}
.pf-v5-c-masthead,
.pf-c-masthead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.pf-v5-c-masthead a,
.pf-v5-c-masthead button {
    color: #e8ecff !important;
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
    background-color: transparent !important;
    color: #e8ecff !important;
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle:hover,
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

/* Replace the stock Keycloak logo with the Zumidian logo image. */
.pf-v5-c-masthead__brand,
.pf-c-masthead__brand,
.pf-v5-c-brand,
.pf-c-brand {
    position: relative;
    min-width: 180px;
    height: 36px;
    display: inline-flex !important;
    align-items: center;
    text-decoration: none !important;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    filter: brightness(0) invert(1);
}
.pf-v5-c-masthead__brand > img,
.pf-c-masthead__brand > img,
.pf-v5-c-masthead__brand > svg,
.pf-c-masthead__brand > svg,
.pf-v5-c-brand > img,
.pf-c-brand > img,
.pf-v5-c-brand > svg,
.pf-c-brand > svg {
    visibility: hidden !important;
    width: 1px !important;
    height: 36px !important;
}

/* Primary buttons */
.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary {
    background-color: #2b54e0 !important;
    border-color: #2b54e0 !important;
}
.pf-v5-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:hover {
    background-color: #1f44c4 !important;
    border-color: #1f44c4 !important;
}

*:focus-visible,
.pf-v5-c-form-control:focus,
.pf-c-form-control:focus {
    outline-color: #2b54e0;
}

/* Sidebar — force navy + readable nav links on the dark surface */
.pf-v5-c-page__sidebar,
.pf-c-page__sidebar {
    background-color: #0a1438 !important;
}
.pf-v5-c-page__sidebar .pf-v5-c-nav__link,
.pf-c-page__sidebar .pf-c-nav__link {
    color: rgba(232, 236, 255, 0.85) !important;
}
.pf-v5-c-page__sidebar .pf-v5-c-nav__link:hover,
.pf-c-page__sidebar .pf-c-nav__link:hover {
    color: #ffffff !important;
    background-color: rgba(76, 125, 255, 0.1) !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current {
    border-left-color: #6a93ff !important;
    color: #ffffff !important;
    background-color: rgba(76, 125, 255, 0.18) !important;
}