:root{--fleetdv-navy:#07233f;--fleetdv-teal:#0b6971;--fleetdv-emerald:#17c98b;--fleetdv-aqua:#26b9df}
body[data-page]{--ink:#071f32;--green:#0cae7c;--green-dark:#087966;--mint:#dcf8ee;--line:#dbe8e5;--soft:#f4f9f8;--shadow:0 24px 70px rgba(7,35,63,.13)}
body[data-page] .button-dark{background:var(--fleetdv-navy);box-shadow:0 10px 26px rgba(7,35,63,.17)}
body[data-page] .button-dark:hover{background:var(--fleetdv-teal)}
body[data-page] :is(.dark-section,.closing-cta){background:#06243b}
body[data-page] .demo-sidebar{background:linear-gradient(165deg,#062f4d,#08766f)}
body[data-page] .brand-word{color:var(--fleetdv-navy)}
.brand-mark{background-image:url('/fleetdv-mark.png')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;background-color:transparent!important;color:transparent!important;box-shadow:none!important;border-radius:0!important;flex:0 0 auto}
.brand-mark i{display:none!important}
.brand-word{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.05em;color:inherit}.brand-word .brand-dv{color:var(--fleetdv-emerald)}
.brand-compact{gap:9px}.brand-compact .brand-mark{width:40px;height:34px}.brand-compact .brand-word{font-size:20px}
.brand-full{gap:11px}.brand-full .brand-mark{width:50px;height:42px}.brand-full .brand-word{font-size:28px}
.public-footer .footer-lockup .brand-word{color:#f6fbff}.public-footer .footer-lockup .brand-dv{color:#27e1a2}
.brand-tagline{color:#79dfbd!important;font-weight:700;letter-spacing:.01em;margin-bottom:5px!important}
.sidebar .brand-mark,.app-loading-shell .brand-mark{filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))}
.sidebar .brand-word,.app-loading-shell .brand-word{color:#f6fbff}.sidebar .brand-word .brand-dv,.app-loading-shell .brand-word .brand-dv{color:#27e1a2}
body[data-experience="classic"]{--brand-navy:#07233f;--brand-teal:#0b6971;--brand-emerald:#17a978;--accent:#087966;--accent-soft:#def3ec}
body[data-experience="modern"]{--brand-navy:#0a2947;--brand-teal:#087786;--brand-emerald:#16a67d;--accent:#08777d;--accent-soft:#dff2f1}
body[data-experience="premium"]{--brand-navy:#071e38;--brand-teal:#0a7382;--brand-emerald:#18b786;--accent:#08756d;--accent-soft:#dcf3eb}
html[data-appearance="dark"] body[data-experience="classic"]{--accent:#62cfa9;--accent-soft:#173b32;--focus:rgba(98,207,169,.34)}
html[data-appearance="dark"] body[data-experience="modern"]{--accent:#55d3c0;--accent-soft:#173b3b;--focus:rgba(85,211,192,.34)}
html[data-appearance="dark"] body[data-experience="premium"]{--accent:#5ad6bd;--accent-soft:#183d39;--focus:rgba(90,214,189,.34)}
.sidebar{background:linear-gradient(180deg,var(--brand-navy,#07233f),#071a27)!important}
.primary-button{background:var(--brand-navy,#07233f)}
.primary-button:hover{background:var(--brand-teal,#0b6971)}
.pro-upgrade-mark{background:transparent url('/fleetdv-mark.png') center/contain no-repeat!important;color:transparent!important;border-radius:0!important;box-shadow:none!important}
.sidebar .brand{font-size:20px!important;gap:10px}.sidebar .brand .brand-mark{width:45px;height:38px}.auth-brand .brand-mark,.loading-brand .brand-mark{width:42px!important;height:35px!important}.legal-brand .brand-mark{width:40px;height:34px}
.sidebar .nav-item.active{background:linear-gradient(135deg,#0a7180,#0b8f78)!important;color:#fff!important;box-shadow:0 8px 20px rgba(5,92,91,.22)!important}
.sidebar .nav-item.active>span{color:#89f4cd!important}
:is(.text-link,.text-button,.setup-toggle){color:var(--accent)!important}
.alert-row .secondary-button{border-color:color-mix(in srgb,var(--accent) 42%,var(--border-strong))!important}
.auth-brand .brand-word{color:var(--text-primary)}
html[data-appearance="dark"] #authShell>.auth-brand .brand-word{color:#f6fbff}
html[data-appearance="dark"] #authShell>.auth-brand .brand-dv{color:#27e1a2}
.auth-story-copy .brand-tagline{display:block;margin:0 0 12px;color:#65e0ba!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:520px){.brand-compact .brand-mark{width:34px;height:29px}.brand-compact .brand-word{font-size:18px}.brand-full{gap:8px}.brand-full .brand-mark{width:38px;height:32px}.brand-full .brand-word{font-size:22px}.auth-brand .brand-mark,.loading-brand .brand-mark{width:38px!important;height:31px!important}}
