/* The active workspace owns the top bar; nested content headers are unaffected. */
html[data-workspace-theme] body>header,html[data-workspace-theme] body.employee-portal #workspace>header{background:var(--workspace-accent)!important;background-image:none!important;color:var(--workspace-on-accent,#fff);border-bottom:1px solid color-mix(in srgb,var(--workspace-on-accent,#fff) 20%,transparent)}
html[data-workspace-theme] body>header::before,html[data-workspace-theme] body>header::after{display:none}
html[data-workspace-theme] body>header :is(.brand,.brand strong,.brand span,.brand small,.workspace-powered,.header-controls button,#who,.avelumo-brand-copy,.avelumo-brand-copy strong,.avelumo-brand-copy small,.avelumo-brand-copy b,.avelumo-symbol),html[data-workspace-theme] body.employee-portal #workspace>header :is(.brand,.brand span,.brand small){color:var(--workspace-on-accent,#fff)}
html[data-workspace-theme] body>header .brand .mark{background:var(--workspace-primary);color:var(--workspace-on-primary,#fff)}
html[data-workspace-theme] body>header :is(#logout,#password-change,#fleet-organisation),html[data-workspace-theme] body.employee-portal #workspace>header #logout{background:transparent;color:var(--workspace-on-accent,#fff);border:1px solid color-mix(in srgb,var(--workspace-on-accent,#fff) 50%,transparent)}
html[data-workspace-theme] body>header button:hover,html[data-workspace-theme] body.employee-portal #workspace>header button:hover{background:color-mix(in srgb,var(--workspace-on-accent,#fff) 12%,transparent)}
html[data-workspace-theme] body>header :is(button,a):focus-visible,html[data-workspace-theme] body.employee-portal #workspace>header :is(button,a):focus-visible{outline:2px solid var(--workspace-on-accent,#fff);outline-offset:3px}

/* Bodyshops keep a black header; only the parent organisation name uses its palette. */
html[data-bodyshop-header=true] body>header{background:#000!important;background-image:none!important;--workspace-on-accent:#fff;color:#fff}
html[data-bodyshop-header=true] body>header :is(.brand,.brand span,.brand strong,.brand small,.workspace-powered,.header-controls button){color:#fff}
html[data-bodyshop-header=true] body>header .workspace-brand-name strong{color:var(--workspace-header-name,#fff)!important}
html[data-bodyshop-header=true] body>header::before,html[data-bodyshop-header=true] body>header::after{display:none}

/* Hide the iB symbol in signed-in workspace headers. */
html[data-workspace-theme] body>header .brand .mark{display:none!important}

/* Shared photographic workspace header; keep the login presentation unchanged. */
html[data-workspace-theme] body>header{background-color:#243841!important;background-image:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.20)),url(/images/iboss-header-car.jpg)!important;background-size:cover!important;background-position:center 50%!important;background-repeat:no-repeat!important;--workspace-on-accent:#fff;color:#fff}
