/* UEF ID — account console (keycloak.v3) brand overlay.
   The account UI is a compiled React/PatternFly v5 app, so this only RESTYLES it
   via CSS (no layout/markup changes). Palette matches login/welcome/email:
   UEF blue #0072BC, deep navy #04263f, amber accent #F0A410. */

:root {
    /* Route PatternFly's primary/link tokens to UEF blue so buttons, links and
       active indicators are on-brand (PF default is #0066cc). */
    --pf-v5-global--primary-color--100: #0072BC;
    --pf-v5-global--primary-color--200: #005a96;
    --pf-v5-global--link--Color: #0072BC;
    --pf-v5-global--link--Color--hover: #005a96;
}

body {
    color: rgba(47, 43, 61, 0.78);
    line-height: 1.467;
    font-size: 0.9375rem;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 400;
}

/* Masthead + sidebar: UEF deep navy (the login background tone). */
header.pf-c-page__header,
header.pf-v5-c-masthead,
header.pf-v5-c-masthead .pf-v5-c-toolbar {
    background-color: #04263f !important;
}

div.pf-c-page__sidebar,
div.pf-v5-c-page__sidebar {
    background-color: #0a3a5c !important;
}

/* Nav items: UEF-blue hover/active; amber accent bar on the current item. */
.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link.pf-m-hover {
    background-color: #0a4d7a !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link.pf-m-current:hover,
.pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link {
    background-color: #0072BC !important;
    box-shadow: inset 3px 0 0 0 #F0A410; /* amber brand accent */
}

.pf-v5-c-nav__item.pf-m-expandable:before,
.pf-v5-c-nav__link:before {
    border-color: #04263f !important;
}

.pf-v5-c-nav__link,
.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link:focus,
.pf-v5-c-nav__link:active {
    border: none;
    width: 100%;
    text-decoration: none;
}

/* Primary buttons → UEF blue (Save etc.; belt-and-suspenders with the token above). */
.pf-v5-c-button.pf-m-primary {
    background-color: #0072BC !important;
}
.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
    background-color: #005a96 !important;
}

/* Cap the masthead brand logo (the welcome-style chip lockup, intrinsic 374x88) so it
   never inflates the header. */
header.pf-v5-c-masthead .pf-v5-c-masthead__brand img {
    max-height: 46px;
    width: auto;
    max-width: 230px;
    object-fit: contain;
}

/* Keep the masthead a SINGLE ROW on mobile. PatternFly stacks the brand + toolbar
   below 768px (brand on row 1, toolbar on a 2nd row -> tall, misaligned header) — via a
   width media query on non-resize-observer pages OR a JS-added .pf-m-display-stack class
   on resize-observer pages. The account-ui uses the resize-observer path, so force the
   inline-mode grid variables in BOTH modes with !important. */
header.pf-v5-c-masthead {
    --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns) !important;
    --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-inline__main--GridColumn) !important;
    --pf-v5-c-masthead__main--MinHeight: var(--pf-v5-c-masthead--m-display-inline__main--MinHeight) !important;
    --pf-v5-c-masthead__main--Order: var(--pf-v5-c-masthead--m-display-inline__main--Order) !important;
    --pf-v5-c-masthead__main--FlexBasis: var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis) !important;
    --pf-v5-c-masthead__main--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop) !important;
    --pf-v5-c-masthead__main--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom) !important;
    --pf-v5-c-masthead__main--MarginRight: var(--pf-v5-c-masthead--m-display-inline__main--MarginRight) !important;
    --pf-v5-c-masthead__content--GridColumn: var(--pf-v5-c-masthead--m-display-inline__content--GridColumn) !important;
    --pf-v5-c-masthead__content--MinHeight: var(--pf-v5-c-masthead--m-display-inline__content--MinHeight) !important;
    --pf-v5-c-masthead__content--Order: var(--pf-v5-c-masthead--m-display-inline__content--Order) !important;
    --pf-v5-c-masthead__content--PaddingTop: var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop) !important;
    --pf-v5-c-masthead__content--PaddingBottom: var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom) !important;
    --pf-v5-c-masthead__content--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft) !important;
}