/* Azurit Beton Service brand layer (loaded last).
   Logo proportions apply to every theme; the navy/orange accents apply to the two Azurit themes only
   ("light" = Azurit, "dark" = Azurit tun, and no data-theme at all = the default). */

/* logo: the Azurit lock-up is wider than the old one (356.2 x 75.7) */
.logo,.brand .logo,.sbrand .logo{aspect-ratio:356.2/75.7;height:28px}
.side .sbrand .logo{height:30px}
.login-side .logo-xl{height:58px;margin-bottom:24px}
@media (max-width:560px){.logo,.brand .logo{height:24px}.login-side .logo-xl{height:44px}}
.logo .az-mark{fill:#ff3d00}

/* a thin brand-orange rule over the header, like the band at the foot of the logobook */
:root:not([data-theme]) .top,:root[data-theme="light"] .top,:root[data-theme="dark"] .top{box-shadow:inset 0 3px 0 var(--az-accent)}
/* active menu item: orange marker, navy (or white) label */
:root:not([data-theme]) .side a::before,:root[data-theme="light"] .side a::before,:root[data-theme="dark"] .side a::before{background:var(--az-accent)}
:root:not([data-theme]) .side a[aria-current="page"] svg,:root[data-theme="light"] .side a[aria-current="page"] svg,:root[data-theme="dark"] .side a[aria-current="page"] svg{color:var(--az-accent)}
/* dashboard hero: brand navy with an orange edge */
:root:not([data-theme]) .bz-hero,:root[data-theme="light"] .bz-hero,:root[data-theme="dark"] .bz-hero{background:var(--hero);color:var(--on-hero);box-shadow:inset 0 -4px 0 var(--az-accent)}
:root:not([data-theme]) .bz-hero h1,:root[data-theme="light"] .bz-hero h1,:root[data-theme="dark"] .bz-hero h1{font-family:var(--f-display);font-weight:600;letter-spacing:.01em}
/* headings that carry the name use the brand's squared display face */
:root:not([data-theme]) .loginform h1,:root[data-theme="light"] .loginform h1,:root[data-theme="dark"] .loginform h1,:root:not([data-theme]) .login-side h2,:root[data-theme="light"] .login-side h2,:root[data-theme="dark"] .login-side h2,:root:not([data-theme]) .hero h1,:root[data-theme="light"] .hero h1,:root[data-theme="dark"] .hero h1{font-family:var(--f-display);letter-spacing:0}
:root:not([data-theme]) .loginform h1::after,:root[data-theme="light"] .loginform h1::after,:root[data-theme="dark"] .loginform h1::after{content:"";display:block;width:44px;height:4px;margin-top:12px;background:var(--az-accent);border-radius:1px}
/* theme picker selection */
:root:not([data-theme]) .thpick button[aria-pressed="true"],:root[data-theme="light"] .thpick button[aria-pressed="true"],:root[data-theme="dark"] .thpick button[aria-pressed="true"]{border-color:var(--az-accent);box-shadow:0 0 0 2px var(--az-accent)}
:root:not([data-theme]) :focus-visible,:root[data-theme="light"] :focus-visible,:root[data-theme="dark"] :focus-visible{outline-color:var(--az-accent)}