/* Premium 04: warm light workspace, graphite navigation and restrained bronze. */
:root[data-theme=light]{
 --bg:#f2f1ed;--panel:#fff;--panel2:#f7f6f3;--panel3:#edeae4;--text:#24272b;--muted:#666c73;--line:#dedfdc;--lineSoft:#e5e4df;
 --amber:#98713e;--amber2:#936a34;--amberSoft:#eee7dc;--green:#39705a;--red:#af343f;
 --bg-main:#f2f1ed;--bg-card:#fff;--bg-card-hover:#f7f6f3;--bg-inset:#f7f6f3;
 --text-main:#24272b;--text-secondary:#626970;--text-muted:#71767b;--border-subtle:#e2e2dd;--border-strong:#bcb8af;
 --surface-0:#f2f1ed;--surface-1:#fff;--surface-2:#f7f6f3;--surface-3:#edeae4;--brand:#98713e;--brand-hi:#936a34;--brand-soft:#eee7dc;
 --success:#39705a;--warning:#91652c;--danger:#af343f;--info:#3e678a;--sidebar:224px;--card-pad:20px;
 color-scheme:light;
}
html[data-theme=light] body{background:var(--bg-main)!important;color:var(--text-main)!important;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-theme=light] #appShell .app{padding:16px 32px calc(100px + env(safe-area-inset-bottom));min-width:0}
html[data-theme=light] #appShell .desktopSidebar{background:#24282d!important;border-right:0!important;padding:24px 16px;overflow-y:auto}
html[data-theme=light] #appShell .sideBrand{padding:0 8px 24px}
html[data-theme=light] .sideLogoMark{filter:none}
html[data-theme=light] #appShell .sideNavLabel{color:#a0a6ad;font-size:10px;letter-spacing:.12em;padding:10px 10px}
html[data-theme=light] #appShell .sideNavBtn{color:#d1d4d8!important;border-radius:8px!important;padding:12px 10px;font-size:13px;font-weight:500}
html[data-theme=light] #appShell .sideNavBtn.active{background:#444139!important;color:#f4eadb!important;box-shadow:none!important}
html[data-theme=light] #appShell .sideNavBtn:hover{background:#30363c!important;color:#fff!important}
html[data-theme=light] #appShell .sideNavBtn .iconSvg{color:#a6adb4;width:19px;height:19px}
html[data-theme=light] #appShell .sideNavBtn.active .iconSvg{color:#d6b685}
html[data-theme=light] #appShell .sideDivider{background:#3b4147;margin:14px 8px}
html[data-theme=light] #appShell .aiosHeader.topbarV2{background:rgba(242,241,237,.96)!important;border-bottom:0!important;margin-bottom:20px;backdrop-filter:blur(12px)}
html[data-theme=light] #appShell .aiosHeader .globalSearch{border-radius:8px!important;background:#fff!important}
html[data-theme=light] #appShell .aiosHeader .globalSearch input{color:var(--text-main)}
html[data-theme=light] #appShell .aiosHeader :is(.headerIconButton,.topBell,.headerAccountChevron,.searchKey,.accountText small){color:var(--text-secondary)}
html[data-theme=light] #appShell .aiosHeader .profileAvatar{background:#e9e4db;color:#715328;border-color:#d4c4af}
html[data-theme=light] #appShell .aiosHeader .headerAccountIdentity b,html[data-theme=light] #appShell .aiosHeader #logoutBtn{color:var(--text-main)}
html[data-theme=light] #appShell .aiosHeader .headerAccountIdentity :is(span,small){color:var(--text-secondary)}
html[data-theme=light] #appShell .aiosHeader .headerAccountIdentity{border-bottom-color:var(--line)}
html[data-theme=light] #appShell .aiosHeader .topBellDot{box-shadow:0 0 0 3px var(--bg-main)}
html[data-theme=light] #appShell .globalSearchResults{color:var(--text-main)}
html[data-theme=light] #appShell :is(.hero,.homePanel,.managementPulse,.operationalBriefing,.settingsCard,.inventoryCard,.recipeCard,.item,.checklistCard,.maintenanceCard,.cmvCard,.salesCard){border-radius:12px!important}
html[data-theme=light] #appShell :is(.hero,.homeHero){background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme=light] #appShell .homeHero{display:block;position:relative;margin:0 0 24px}
html[data-theme=light] #appShell .homeHeroCopy{padding:0!important;min-width:0}
html[data-theme=light] #appShell .homeHero h1{font-size:clamp(26px,2.6vw,36px)!important;line-height:1.2;margin:6px 0 10px!important;font-weight:700;letter-spacing:-.04em}
html[data-theme=light] #appShell .homeHero .accent{color:var(--text-main)}
html[data-theme=light] #appShell .homeWelcome{font-size:11px!important;letter-spacing:.08em!important;color:var(--text-muted)!important}
html[data-theme=light] #appShell .homeHero .sub{font-size:14px;color:var(--text-secondary);line-height:1.6}
html[data-theme=light] #appShell .homeHeroActions{position:absolute;right:0;top:20px;margin:0}
html[data-theme=light] #appShell .homeHeroActions .btn{min-height:42px;font-size:13px;padding:10px 16px}
html[data-theme=light] .premiumDate{position:absolute;right:0;bottom:2px;font-size:12px;color:var(--text-muted)}
html[data-theme=light] #appShell .homeDataStatus{font-size:11px;margin-top:8px;color:var(--text-muted)}
html[data-theme=light] #appShell .homeDataStatus.error{color:var(--danger)}
html[data-theme=light] #appShell .homeKpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 20px}
html[data-theme=light] #appShell .homeKpi{padding:20px!important;min-height:140px;position:relative;justify-content:flex-start;gap:0}
html[data-theme=light] #appShell .homeKpi .kpiIcon{display:none}
html[data-theme=light] #appShell .homeKpi span{font-size:12px!important;letter-spacing:0!important;text-transform:none!important;color:var(--text-secondary)!important}
html[data-theme=light] #appShell .homeKpi b{font-size:clamp(24px,2.1vw,32px)!important;font-weight:700!important;line-height:1.25;margin:10px 0 0!important;letter-spacing:-.04em}
html[data-theme=light] #appShell .homeKpi small{font-size:11px;margin-top:8px;color:var(--text-secondary);line-height:1.5}
html[data-theme=light] .premiumDashboardMain{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:20px;align-items:stretch;margin-bottom:20px;min-width:0}
html[data-theme=light] .premiumRevenue{background:#fff;border:1px solid var(--lineSoft);padding:24px;border-radius:12px;min-width:0;display:flex;flex-direction:column;gap:18px}
html[data-theme=light] .premiumRevenueHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-theme=light] .premiumRevenue h2{font-size:18px;letter-spacing:-.025em;margin:0;font-weight:700}
html[data-theme=light] .premiumPeriod{font-size:11px;color:var(--muted);background:var(--panel2);padding:8px 10px;border-radius:6px;white-space:nowrap}
html[data-theme=light] .premiumRevenueSummary{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
html[data-theme=light] .premiumRevenueSummary b{font-size:30px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
html[data-theme=light] .premiumRevenueSummary span,html[data-theme=light] .premiumChartFoot{color:var(--muted);font-size:11px}
html[data-theme=light] .premiumRevenueChart{width:100%;height:auto;min-height:160px;display:block;overflow:visible}
html[data-theme=light] .premiumRevenueChart[hidden]{display:none}
html[data-theme=light] .premiumChartGrid{stroke:#eeede8;stroke-width:1}
html[data-theme=light] .premiumChartLabel{fill:#71767b;font:11px ui-sans-serif,system-ui,sans-serif}
html[data-theme=light] .premiumChartArea{fill:#b18a55;fill-opacity:.09;stroke:none}
html[data-theme=light] .premiumChartLine{stroke:#ac8653;stroke-width:2.5;fill:none;stroke-linejoin:round;stroke-linecap:round}
html[data-theme=light] .premiumChartDot{fill:#ac8653;stroke:white;stroke-width:1.5}
html[data-theme=light] .premiumRevenueEmpty{display:grid;align-content:center;justify-items:center;min-height:190px;padding:24px;color:var(--text-secondary);font-size:14px;text-align:center;border:1px dashed var(--line);border-radius:8px;background:#fafaf7;line-height:1.6}
html[data-theme=light] .premiumRevenueEmpty[hidden]{display:none}
html[data-theme=light] #appShell #homeCmvRealtime{background:#24282d!important;color:#fff!important;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px!important;margin:0!important;border:0!important;min-width:0}
html[data-theme=light] #homeCmvRealtime .cmvRealtimeTop{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
html[data-theme=light] #homeCmvRealtime .cmvRealtimeTop>b{font-size:18px;color:#fff;letter-spacing:-.025em}
html[data-theme=light] #homeCmvRealtime .cmvRealtimeStatus{font-size:10px!important;color:#d7bd92!important;border-color:#5a5144!important;background:transparent!important;max-width:130px;white-space:normal;line-height:1.4}
html[data-theme=light] #homeCmvRealtime .cmvRealtimeIcon{display:none}
html[data-theme=light] .premiumCmvGauge{width:190px;height:190px;position:relative;align-self:center;margin:6px 0}
html[data-theme=light] .premiumCmvGauge svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
html[data-theme=light] .premiumCmvTrack{stroke:#3c434b;stroke-width:7;fill:none}
html[data-theme=light] .premiumCmvArc{stroke:#bd975f;stroke-width:7;fill:none;stroke-linecap:round;transition:stroke-dasharray .3s}
html[data-theme=light] #appShell #homeCmvRealtime .cmvRealtimeValue{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px!important;color:#fff!important;letter-spacing:-.04em;margin:0!important;padding-bottom:16px;line-height:1}
html[data-theme=light] .premiumCmvScale{position:absolute;top:58%;left:16px;right:16px;text-align:center;font-size:10px;color:#b9bfc6;line-height:1.5}
html[data-theme=light] .premiumCmvDelta{text-align:center;padding:10px 8px;border-radius:7px;background:#353431;color:#ddc39e;font-size:12px;font-weight:600}
html[data-theme=light] #homeCmvRealtime .cmvRealtimeMeta{font-size:11px;color:#c0c5cb!important;line-height:1.5}
html[data-theme=light] #homeCmvRealtime .cmvCoverage{color:#c0c5cb}
html[data-theme=light] .cmvCoverageDot{background:#b18a55!important}
html[data-theme=light] #appShell #homeCmvRealtime .cmvRealtimeAction{min-height:40px;width:100%;background:#343a41!important;border-color:#4a5159!important;color:#fff!important;margin:0}
html[data-theme=light] .premiumOperationalMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
html[data-theme=light] .premiumOperationalMetrics .premiumOperationalMetric{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#eae7df;border-radius:9px;min-width:0;cursor:pointer}
html[data-theme=light] .premiumOperationalMetric .iconSvg{width:18px;height:18px;color:#8c6a3d;flex:none}
html[data-theme=light] .premiumOperationalMetric span{color:var(--text-secondary);font-size:12px}
html[data-theme=light] .premiumOperationalMetric b{font-size:18px;line-height:1.2}
html[data-theme=light] .premiumOperationalMetric small{display:block;font-size:10px;color:var(--text-secondary);line-height:1.4}
html[data-theme=light] #appShell .managementPulse{margin:0 0 20px;padding:20px!important}
html[data-theme=light] .managementPulseHeader h2{font-size:18px}
html[data-theme=light] #appShell .managementPulseCard{padding:16px!important}
html[data-theme=light] .managementPulseGrid{gap:12px!important}
html[data-theme=light] #appShell .managementPulseCard span{font-size:11px!important;letter-spacing:0!important;text-transform:none!important}
html[data-theme=light] #appShell .managementPulseCard b{font-size:26px!important}
html[data-theme=light] #appShell .operationalBriefing{margin:0 0 20px!important}
html[data-theme=light] #appShell .operationalBriefingHeader{padding:20px 24px!important;background:#eae5dc}
html[data-theme=light] .operationalBriefingHeader h2{font-size:18px}
html[data-theme=light] #appShell .briefingItem{padding:16px 24px!important;gap:16px}
html[data-theme=light] .briefingRank{color:#8a683c!important;background:#f5f1ea!important}
html[data-theme=light] .briefingBody b{font-size:14px;color:var(--text-main)}
html[data-theme=light] .briefingBody small{font-size:12px;color:var(--text-secondary)}
html[data-theme=light] .briefingImpact{color:#81643e!important}
html[data-theme=light] #appShell :is(.homePanelHeader h2,.quickHeader h2){font-size:18px}
html[data-theme=light] .homeLayout{gap:20px;margin:0 0 20px}
html[data-theme=light] #appShell .integrationStatus{background:#e6f0e9;color:#34634c;border-color:#c3dbc9}
html[data-theme=light] .integrationStatus.pending{color:#8a683c!important}
html[data-theme=light] #appShell :is(.homeIntegrationCard,.homeAlert){padding:16px!important}
html[data-theme=light] .homeAlertIcon{background:#e7edf0!important}
html[data-theme=light] .homeAlert.warn .homeAlertIcon{background:#f0e5d1!important}
html[data-theme=light] .homeAlert.danger .homeAlertIcon{background:#f4dfe0!important}
html[data-theme=light] #appShell :is(.cmvGood,.movementDelta.pos,.impactDelta.neg,.settingsValue.ok){color:#39705a}
html[data-theme=light] #appShell :is(.cmvBad,.movementDelta.neg,.impactDelta.pos){color:#af343f}
html[data-theme=light] .form label,html[data-theme=light] .notice,html[data-theme=light] .ingredientWarn{color:var(--text-secondary)}
html[data-theme=light] .btn.primary{background:#a7804a!important;border-color:#a7804a!important;color:#fff!important}
html[data-theme=light] .btn.primary:hover{background:#896535!important;color:#fff!important}
html[data-theme=light] .btn.secondary:hover,html[data-theme=light] .btn.ghost:hover{color:var(--text-main)!important}
html[data-theme=light] .pill.active{color:#fff!important}
html[data-theme=light] #appShell :is(.recipeSummary>div,.recipePrep,.categoryCard,.impactRow,.checklistRunItem,.checklistTemplateRow,.inventoryCountRow,.inventoryCountHistoryRow,.physicalCmvCard,.salesSourceCard,.settingsUserStat,.maintenanceDetailBox,.maintenanceEvent,.diagnosticItem,.purchaseStat,.inventoryCountStat){background:var(--bg-inset)!important;border-color:var(--line)!important;color:var(--text-main)}
html[data-theme=light] #appShell :is(.settingsTabs,.periodFilter,.moduleHubSection,.moduleChip,.roadmapItem,.costPressureRow,.lossAnalysisCard,.costAnomalyRow,.reviewQueueRow,.inventoryValueCard){background:var(--bg-inset)!important;border-color:var(--line)!important;color:var(--text-main)}
html[data-theme=light] #appShell :is(.settingsTab,.settingsValue,.maintenanceDescription,.maintenanceDetailBox p,.recipeSummary b,.mobileMoreBtn){color:var(--text-main)}
html[data-theme=light] .modal .sheet,html[data-theme=light] .toast{background:var(--bg-card)!important;color:var(--text-main)!important}
html[data-theme=light] .modalClose{background:var(--bg-inset)!important;color:var(--text-main)}
html[data-theme=light] #authGate{background:var(--bg-main)!important}
html[data-theme=light] #authGate .loginCard{background:var(--bg-card)!important;border-color:var(--border-subtle)!important;box-shadow:0 16px 70px rgba(36,39,43,.08)!important}
html[data-theme=light] #authGate .loginCard input{background:#f7f6f3;color:var(--text-main);border-color:var(--border-subtle)}
html[data-theme=light] #appShell .mobileNav{background:rgba(36,40,45,.97)!important;border-color:#41474d!important}
html[data-theme=light] .mobileNavBtn{color:#b7bdc4!important}
html[data-theme=light] .mobileNavBtn.active{background:#403d37!important;color:#e1c399!important}
@media(min-width:981px){
html[data-theme=light] #appShell .homeHeroCopy{padding-right:200px!important}
html[data-theme=light] #appShell .app{max-width:1760px}}
@media(max-width:1180px) and (min-width:981px){
html[data-theme=light] .premiumDashboardMain{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}
html[data-theme=light] #appShell .homeKpi{padding:16px!important}
html[data-theme=light] #appShell .homeKpi b{font-size:26px!important}
html[data-theme=light] .premiumOperationalMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){
html[data-theme=light] #appShell .app{width:100%;margin-left:0;padding:12px 20px calc(110px + env(safe-area-inset-bottom))}
html[data-theme=light] #appShell .aiosHeader.topbarV2{background:rgba(242,241,237,.96)!important}
html[data-theme=light] .premiumDashboardMain{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}
html[data-theme=light] #appShell .homeHeroActions{position:static;margin-top:12px}
html[data-theme=light] .premiumDate{position:static;display:block;margin-top:10px}
html[data-theme=light] #appShell .homeKpis{gap:12px!important}
html[data-theme=light] #appShell .homeKpi{padding:16px!important;min-height:128px}}
@media(max-width:760px){
html[data-theme=light] .premiumDashboardMain{grid-template-columns:1fr}
html[data-theme=light] .premiumRevenue{padding:20px}
html[data-theme=light] .premiumOperationalMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-theme=light] #appShell .homeKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-theme=light] #appShell .homeKpi b{font-size:28px!important}
html[data-theme=light] #appShell #homeCmvRealtime{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:16px;padding:20px!important}
html[data-theme=light] .premiumCmvGauge{grid-column:1;grid-row:2 / span 3;width:130px;height:130px}
html[data-theme=light] .premiumCmvGauge .cmvRealtimeValue{font-size:28px!important}
html[data-theme=light] #homeCmvRealtime .cmvRealtimeTop{grid-column:1 / -1}
html[data-theme=light] .premiumCmvDelta{grid-column:2;align-self:center;font-size:11px;padding:8px}
html[data-theme=light] #homeCmvRealtime>.cmvRealtimeBody{grid-column:2;min-width:0}
html[data-theme=light] #homeCmvRealtime .cmvRealtimeAction{grid-column:1 / -1}
html[data-theme=light] .premiumRevenueHeader h2{font-size:16px}
html[data-theme=light] .premiumPeriod{font-size:10px}
html[data-theme=light] .premiumRevenueSummary b{font-size:28px}
html[data-theme=light] #appShell .operationalBriefingHeader{padding:18px!important}
html[data-theme=light] #appShell .briefingItem{padding:16px 18px!important}
html[data-theme=light] .premiumOperationalMetric{flex-wrap:wrap}
html[data-theme=light] .premiumOperationalMetric span{font-size:11px}}
@media(max-width:400px){
html[data-theme=light] #appShell .app{padding-inline:14px}
html[data-theme=light] .premiumRevenue{padding:16px}
html[data-theme=light] .premiumRevenueHeader{align-items:flex-start;flex-direction:column;gap:6px}
html[data-theme=light] #appShell #homeCmvRealtime{grid-template-columns:116px minmax(0,1fr);padding:16px!important;gap:12px}
html[data-theme=light] .premiumCmvGauge{width:116px;height:116px}
html[data-theme=light] .premiumCmvScale{font-size:9px;left:6px;right:6px}
html[data-theme=light] .premiumOperationalMetrics .premiumOperationalMetric{padding:12px;gap:8px}}
@media(prefers-reduced-motion:reduce){
html[data-theme=light] .premiumCmvArc{transition:none}}
html[data-theme=light] #appShell .homeKpis:has(.managerOnly.hidden){grid-template-columns:1fr!important}
html[data-theme=light] [data-home-target][role=button]:focus-visible{outline:2px solid #98713e;outline-offset:3px}
html[data-theme=light] #appShell .homeKpi{display:flex!important;flex-direction:column;align-items:flex-start}
html[data-theme=light] #appShell .homeKpi>span,html[data-theme=light] #appShell .homeKpi>b,html[data-theme=light] #appShell .homeKpi>small{grid-column:auto}
html[data-theme=light] #appShell .hidden,html[data-theme=light] #appShell #homeCmvRealtime.hidden{display:none!important}

@media(max-width:760px){
html[data-theme=light] .premiumChartLabel{font-size:22px}}
/* Contrast on the existing account menu, modal shortcuts and light branding. */
html[data-theme=light] #appShell .aiosHeader .headerAccountPanel{background:#fff;border-color:var(--border-subtle);box-shadow:0 12px 36px rgba(36,39,43,.12)}
html[data-theme=light] #appShell .aiosHeader .searchKey{border-color:var(--border-subtle)}
html[data-theme=light] #appShell .aiosHeader #logoutBtn svg{color:var(--text-secondary)}
@media(hover:hover){
html[data-theme=light] #appShell .aiosHeader :is(.headerIconButton,.topBell,.profileChip,#logoutBtn):hover{background:#e9e7e1;color:var(--text-main)}}
html[data-theme=light] #mobileBrandLogo,html[data-theme=light] #authGate .loginLogoMark{filter:brightness(.3)}
html[data-theme=light] .mobileMoreBtn{background:var(--bg-card)!important;color:var(--text-main)!important;border-color:var(--border-subtle)!important}
html[data-theme=light] .notice,html[data-theme=light] .ingredientWarn{background:#f4eddc;border-color:#ded0ae;color:#70552c}

html[data-theme=light] #appShell{--evo-surface:#fff;--evo-text:#24272b;--evo-muted:#626970}
html[data-theme=light] #appShell .evo-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px}
html[data-theme=light] #appShell .evo-metric{padding:20px;border-radius:12px;box-shadow:none!important;min-height:136px}
html[data-theme=light] #appShell .evo-label{color:#626970;font-size:12px;text-transform:none;letter-spacing:0}
html[data-theme=light] #appShell .evo-value{color:#24272b;font-size:30px;letter-spacing:-.04em}
html[data-theme=light] #appShell #evoRealtimeCmv{background:#24282d!important;color:#fff!important;border:0!important;border-radius:12px;box-shadow:none!important;padding:24px;min-width:0;margin:0}
html[data-theme=light] #evoRealtimeCmv h2{font-size:18px;color:#fff}
html[data-theme=light] #appShell #evoRealtimeCmv .evo-note,html[data-theme=light] #appShell #evoRealtimeCmv .evo-label{color:#bcc2ca!important}
html[data-theme=light] #evoRealtimeCmv .evo-cmv-content{display:grid;grid-template-columns:1fr;gap:12px}
html[data-theme=light] #appShell #evoRealtimeCmv .evo-cmv-gauge{width:180px;height:180px;margin:auto}
html[data-theme=light] #evoRealtimeCmv .evo-cmv-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
html[data-theme=light] #appShell #evoRealtimeCmv .evo-gauge-center{position:absolute;inset:0;margin:0;justify-content:center}
html[data-theme=light] #appShell #evoRealtimeCmv .evo-cmv-value{color:#fff!important;font-size:34px}
html[data-theme=light] #appShell #evoRealtimeCmv .evo-cmv-facts>div{background:#30363d!important;border-color:#444a51!important;padding:8px 12px!important}
html[data-theme=light] #evoRealtimeCmv .evo-cmv-facts b{color:#fff}
html[data-theme=light] #appShell #evoRealtimeCmv .evo-cmv-status{background:transparent;color:#d7bd92;border-color:#5a5144}
html[data-theme=light] #appShell #evoRealtimeCmv .btn{background:#343a41!important;color:#fff!important;border-color:#4a5159!important}
html[data-theme=light] #appShell #homeCmvRealtime{display:grid;background:#f7f6f3!important;color:#24272b!important}
html[data-theme=light] :is(.loginLogoMark,.sideLogoMark){background-color:transparent!important;background-size:contain!important}
html[data-theme=light] .aiosHeader #brandHome{background:transparent!important}
@media(max-width:760px){html[data-theme=light] #appShell .evo-summary{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=light] #appShell .evo-metric{padding:16px}html[data-theme=light] #appShell .evo-value{font-size:28px}}

#appShell #evoRealtimeCmv .evo-cmv-gauge{position:relative;width:180px;height:180px;margin:auto}
#appShell #evoRealtimeCmv .evo-cmv-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
#appShell #evoRealtimeCmv .evo-gauge-center{position:absolute;inset:0;margin:0;justify-content:center}

/* Compact simulation controls inside the graphite CMV card. */
#appShell #evoRealtimeCmv .evo-gauge-examples{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
 margin:12px 0;padding:12px;background:#292e34!important;
 border:1px solid #454b53!important;border-radius:10px;min-width:0;
}
html[data-theme=light] #appShell #evoRealtimeCmv .evo-gauge-examples>.evo-note,
#appShell #evoRealtimeCmv .evo-gauge-examples>.evo-note{
 grid-column:1 / -1;margin:0 0 2px;font-size:11px;line-height:1.4;
 font-weight:500;color:#b9c0c8!important;
}
#appShell #evoRealtimeCmv .evo-gauge-examples .btn{
 min-width:0;min-height:44px;margin:0;padding:8px 10px;
 font-size:12px;font-weight:600;line-height:1.35;white-space:normal;
 background:#333a42!important;border:1px solid #4b535d!important;
 color:#e1e5eb!important;border-radius:8px;box-shadow:none!important;
}
#appShell #evoRealtimeCmv .evo-gauge-examples .btn[aria-pressed=true]{
 background:#604b30!important;border-color:#bd975f!important;color:#fff0d8!important;
}
#appShell #evoRealtimeCmv .evo-gauge-examples .btn:focus-visible{
 outline:2px solid #d6b685;outline-offset:2px;
}
@media(hover:hover){
 #appShell #evoRealtimeCmv .evo-gauge-examples .btn:hover{background:#404953!important;border-color:#77818e!important}
 #appShell #evoRealtimeCmv .evo-gauge-examples .btn[aria-pressed=true]:hover{background:#735b39!important;border-color:#d6b685!important}
}