/* App header — solid SAP-blue skin (approved 2026-08-11, DeepSeek header direction 2).
   ADDITIVE override layer loaded after header.css/header-enhance.css: repaints the
   existing .app-header DOM only — no markup/JS changes. Dropdown PANELS stay white
   (dropdowns.css untouched); only the bar and the controls sitting on it change.
   Tokens (--hdr-*) live in core/tokens.css. Rollback = remove this file's <link>. */

.app-header {
    background: var(--hdr-bg, #005c9e);
    border-bottom: 2px solid var(--hdr-border, #003f6e);
    color: var(--hdr-text, #fff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

/* Brand cluster */
.app-header .app-header__module-back {
    color: var(--hdr-text-secondary, #d0e4f5);
}
.app-header .app-header__module-back:hover {
    background: var(--hdr-hover, rgba(255, 255, 255, .12));
    color: var(--hdr-text, #fff);
}
.app-header .app-header__module-back--static {
    color: var(--hdr-text-secondary, #d0e4f5);
}

/* Module navigation */
.app-header .app-header__nav-link,
.app-header .app-header__nav-button {
    color: var(--hdr-text-secondary, #d0e4f5);
}
.app-header .app-header__nav-link:hover,
.app-header .app-header__nav-button:hover {
    background: var(--hdr-hover, rgba(255, 255, 255, .12));
    color: var(--hdr-text, #fff);
}
.app-header .app-header__nav-link.is-active,
.app-header .app-header__nav-item.is-active > .app-header__nav-button {
    background: var(--hdr-active, rgba(255, 255, 255, .18));
    color: var(--hdr-text, #fff);
}
.app-header .app-header__nav-link.is-active::after,
.app-header .app-header__nav-item.is-active > .app-header__nav-button::after {
    background: var(--hdr-text, #fff);
}
.app-header .app-dropdown__chevron { color: inherit; opacity: .8; }

/* Command-palette search chip */
.app-header .app-header__search {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .25);
    color: var(--hdr-text-secondary, #d0e4f5);
}
.app-header .app-header__search:hover { border-color: rgba(255, 255, 255, .55); }
.app-header .app-header__search-kbd b {
    background: rgba(255, 255, 255, .2);
    border-color: transparent;
    color: var(--hdr-text, #fff);
}

/* Environment badge */
.app-header .app-header__env {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .2);
    color: var(--hdr-text, #fff);
}

/* Notifications bell + language toggle (icon buttons on the bar) */
.app-header .app-header__notifications-button,
.app-header .app-header__lang-toggle {
    background: transparent;
    border-color: rgba(255, 255, 255, .25);
    color: var(--hdr-text-secondary, #d0e4f5);
}
.app-header .app-header__notifications-button:hover,
.app-header .app-header__lang-toggle:hover {
    background: var(--hdr-hover, rgba(255, 255, 255, .12));
    color: var(--hdr-text, #fff);
    border-color: rgba(255, 255, 255, .45);
}

/* User menu */
.app-header .app-user-button {
    background: transparent;
    border-color: rgba(255, 255, 255, .25);
    color: var(--hdr-text, #fff);
}
.app-header .app-user-button:hover,
.app-header .app-user-button[aria-expanded="true"] {
    background: var(--hdr-hover, rgba(255, 255, 255, .12));
    border-color: rgba(255, 255, 255, .45);
}
.app-header .app-user-button__avatar {
    background: rgba(255, 255, 255, .22);
    color: var(--hdr-text, #fff);
}
.app-header .app-user-button__role { color: var(--hdr-text-secondary, #d0e4f5); }

/* SAP box frames: every tool on the bar is a sharp bordered box, not a pill/circle */
.app-header .app-header__search,
.app-header .app-header__env,
.app-header .app-header__notifications-button,
.app-header .app-header__lang-toggle,
.app-header .app-user-button {
    border-radius: var(--tbl-radius-sm, 2px);
    border-width: 1px;
    border-style: solid;
}
.app-header .app-header__search-kbd b { border-radius: var(--tbl-radius-sm, 2px); }
/* header-enhance.css forces 50% with !important — matched here; this file loads later so it wins */
.app-header .app-user-button__avatar { border-radius: var(--tbl-radius-sm, 2px) !important; }