.company-branded { --green:var(--brand-dark); --orange:var(--brand-accent); }
.company-branded .sidebar { background:var(--brand-sidebar); }
.company-branded .primary,.company-branded button.primary,.company-branded .signin-link { background:var(--brand-dark); border-color:var(--brand-dark); color:white; }
.company-branded .nav button.active { border-color:var(--brand-primary); color:var(--brand-dark); background:color-mix(in srgb,var(--brand-primary) 15%,white); }
.company-branded .sidebar .nav button.active { background:var(--brand-primary); color:#14200f; }
.company-branded h1,.company-branded h2,.company-branded h3 { color:var(--brand-dark); }
.company-branded .brand-logo-wrap { border-color:var(--brand-accent); }
.company-branded .hero { border-color:var(--brand-primary); }
.brand-upload-preview { display:block; width:180px; height:80px; object-fit:contain; background:#fff; border:1px solid #ddd; margin-top:10px; }
[data-brand-form] input[type=color] { height:44px; width:100%; padding:4px; }
.company-branded{--servpro-green:var(--brand-primary);--servpro-green-dark:var(--brand-dark);--green-ink:var(--brand-dark)}
.company-branded .sidebar .brand-caption,.company-branded .sidebar .nav button,.company-branded .sidebar .side-bottom,.company-branded .sidebar .side-bottom strong{color:white}
.company-branded .sidebar .nav button.active{color:#14200f;box-shadow:inset 4px 0 var(--brand-accent)}
.company-branded .topbar{border-top-color:var(--brand-accent)}
.company-branded .welcome{background:var(--brand-sidebar);border-color:var(--brand-dark)}
.company-branded .welcome h2{color:white}.company-branded .welcome .primary{background:var(--brand-accent);border-color:var(--brand-accent);color:#14200f}
.company-branded .tabs button.active{box-shadow:inset 0 -3px var(--brand-accent);color:var(--brand-dark)}
.company-branded .stat:first-child{border-top-color:var(--brand-accent)}

/* Platform defaults; saved company palettes override these variables. */
:root{--brand-primary:#2583eb;--brand-dark:#165db0;--brand-accent:#8ce0f2;--brand-sidebar:#102b4e;--green:var(--brand-dark);--orange:var(--brand-accent)}
button.primary,.primary{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
a,button.ghost,.project-heading-link{color:var(--brand-dark)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--brand-primary)}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-dark)}
.company-branded .mobile-nav button.active{color:var(--brand-dark);background:color-mix(in srgb,var(--brand-primary) 12%,white)}
.company-branded .sidebar .nav button.active{background:color-mix(in srgb,var(--brand-primary) 18%,white);color:var(--brand-dark)}
.company-branded .whats-new-launch,.company-branded #app-help-launch{background:var(--brand-dark);color:#fff}

/* Operational controls always use the selected company's palette. */
.company-branded .sidebar .nav button:hover{background:color-mix(in srgb,var(--brand-dark) 70%,var(--brand-sidebar));color:white}
.company-branded .sidebar .side-bottom{border-top-color:var(--brand-dark)}
.company-branded .product-share .actions a{color:var(--brand-dark)}
.company-branded .product-share .actions a.primary{background:var(--brand-dark);border-color:var(--brand-dark);color:white}
.company-branded .avatar{background:color-mix(in srgb,var(--brand-primary) 12%,white);border-color:var(--brand-primary);color:var(--brand-dark)}