/* Final control layer: scoped to the management app, never the customer portal. */
html[data-cs-theme] body.app-active{--control-fill:var(--cs-control,#17212d);--control-hover:var(--cs-hover,#293e52);--control-line:var(--cs-line,#486077);--control-ink:var(--cs-ink,#edf5ff);--control-accent:var(--cs-accent,#80bdff)}
html[data-cs-theme]:root:root:root:root:root:root:root body.app-active :is(.workspace-tab,.nav-item,.nav-submenu-summary,.button-ghost,.row-action,.hub-tabs .button-ghost,.hub-wizard button,.quote-step,.quote-step-button,.payment-tab,.cs-theme-picker-panel button){
 background:var(--control-fill)!important;color:var(--control-ink)!important;border:1px solid var(--control-line)!important;box-shadow:inset 0 1px 0 #ffffff09!important;transition:background .18s,border-color .18s,box-shadow .18s!important;
}
html[data-cs-theme]:root:root:root:root:root:root:root body.app-active :is(.workspace-tab,.nav-item,.nav-submenu-summary,.button-ghost,.row-action,.hub-tabs .button-ghost,.hub-wizard button,.quote-step,.quote-step-button,.payment-tab,.cs-theme-picker-panel button):is(:hover,:focus-visible){
 background:var(--control-hover)!important;color:var(--control-ink)!important;border-color:var(--control-accent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--control-accent) 20%,transparent),0 0 14px color-mix(in srgb,var(--control-accent) 12%,transparent)!important;
}
html[data-cs-theme]:root:root:root:root:root:root:root body.app-active :is(.workspace-tab.active,.nav-item.active,.quote-step.active,.payment-tab.active,[data-hub-step][aria-current=step],.hub-tabs [aria-current=page]){
 background:color-mix(in srgb,var(--control-accent) 20%,var(--control-fill))!important;color:var(--control-ink)!important;border-color:var(--control-accent)!important;box-shadow:inset 3px 0 var(--control-accent),0 0 16px color-mix(in srgb,var(--control-accent) 12%,transparent)!important;
}
html[data-cs-theme]:root:root:root:root:root:root:root body.app-active :is(.button-primary):is(:hover,:focus-visible){background:linear-gradient(135deg,#2186ec,#245cd8)!important;border-color:#81c9ff!important;color:#fff!important;box-shadow:0 0 18px #228dff30!important}
html[data-cs-theme]:root:root:root:root:root:root:root body.app-active :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){background:var(--control-fill)!important;color:var(--control-ink)!important;border:1px solid var(--control-line)!important;border-radius:10px;min-width:0;color-scheme:inherit}
html[data-cs-theme]:root:root:root:root:root:root:root body.app-active :is(input,select,textarea):focus-visible{outline:2px solid var(--control-accent)!important;outline-offset:2px;border-color:var(--control-accent)!important}
html[data-cs-theme]:root:root:root:root:root:root:root body.app-active :is(.menu-order-item,.nav-order-item,.monitoring-provider-card,.monitoring-provider){background:var(--cs-surface,#17212d)!important;color:var(--control-ink)!important;border:1px solid var(--control-line)!important}
html[data-cs-theme] body.app-active .nav-item,html[data-cs-theme] body.app-active .nav-submenu-summary{margin-block:3px;border-radius:12px;min-height:44px}
html[data-cs-theme] body.app-active .cs-belenergy-card{background:var(--cs-surface,#172431)!important;color:var(--control-ink)!important;border:1px solid var(--control-line)!important}
html[data-cs-theme] body.app-active .cs-belenergy-logo,html[data-cs-theme] .cs-belenergy-head img{width:76px!important;height:48px!important;padding:8px!important;object-fit:contain!important;background:#fff!important;border:1px solid #526a7c!important;border-radius:10px!important;box-sizing:border-box}
html[data-cs-theme] body.app-active .cs-belenergy-card p{color:var(--cs-secondary,#bacddd)!important}
html[data-cs-theme] body.app-active .topbar{isolation:isolate;border:1px solid var(--control-line)!important}
html[data-cs-theme] body.app-active .topbar::before,html[data-cs-theme] body.app-active .topbar::after{content:""!important;position:absolute!important;pointer-events:none!important;border-radius:inherit!important}
@media(max-width:680px){html[data-cs-theme] body.app-active .hub-tabs{width:100%;min-width:0;overflow-x:auto}html[data-cs-theme] body.app-active .sidebar{height:100dvh!important;max-height:100dvh!important}html[data-cs-theme] body.app-active .sidebar-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}html[data-cs-theme] body.app-active .sidebar-bottom{flex:0 0 auto!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){html[data-cs-theme] body.app-active :is(.workspace-tab,.nav-item,.nav-submenu-summary,.button,.row-action){transition:none!important}}