/* Help desk branding (upgrade-safe: served by Apache from /brand/, injected by edge nginx sub_filter). 2026-10-22 */
@import url(/brand/fonts.css);
:root, [data-theme=dark] { --brand-bg:#050910; --brand-panel:#121a24; --brand-line:rgba(232,237,244,.12); --brand-text:#e8edf4; --brand-muted:rgba(232,237,244,.68); --brand-primary:#4EC8E8; --brand-hover:#2EB3D6; --brand-on:#041018; --brand-head:"Barlow Condensed","Arial Narrow",Impact,sans-serif; --brand-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.login.fullscreen, .fullscreen.login, .getstarted.fullscreen, .fullscreen { background: var(--brand-bg) !important; color: var(--brand-text); font-family: var(--brand-body); border-top: 3px solid var(--brand-primary); box-sizing: border-box; }
.login .hero-unit, .fullscreen .hero-unit { background: var(--brand-panel) !important; border: 1px solid var(--brand-line) !important; border-radius: 10px; box-shadow: 0 18px 50px rgba(0,0,0,.45) !important; color: var(--brand-text); }
.fullscreen .hero-unit label, .fullscreen .hero-unit .label, .fullscreen .hero-unit .checkbox-replacement + span, .fullscreen .hero-unit .inline-label { color: var(--brand-muted) !important; font-family: var(--brand-head); font-weight: 600; letter-spacing: .08em; }
.fullscreen .hero-unit input.form-control, .fullscreen .hero-unit input[type=text], .fullscreen .hero-unit input[type=password], .fullscreen .hero-unit input[type=email] { background: var(--brand-bg) !important; border: 1px solid var(--brand-line) !important; color: var(--brand-text) !important; }
.fullscreen .hero-unit input:focus { border-color: var(--brand-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.btn--primary, .fullscreen .btn--primary { background: var(--brand-primary) !important; border-color: var(--brand-primary) !important; color: var(--brand-on) !important; font-family: var(--brand-head); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.btn--primary:hover, .btn--primary:focus { background: var(--brand-hover) !important; border-color: var(--brand-hover) !important; }
.fullscreen h1, .fullscreen h2, .fullscreen-body > p:first-child { font-family: var(--brand-head); letter-spacing: .06em; text-transform: uppercase; color: var(--brand-text) !important; }
.fullscreen a, .fullscreen .hero-unit a { color: var(--brand-primary) !important; }
.fullscreen a:hover { color: var(--brand-hover) !important; }
.fullscreen-body, .fullscreen-body p, .fullscreen .text-muted, .fullscreen hr + * { color: var(--brand-muted); }
.fullscreen hr, .fullscreen .separator { border-color: var(--brand-line) !important; }
.fullscreen .company-logo { max-height: 96px; width: auto; }
.poweredBy { opacity: .35; filter: grayscale(1); }