#app .ovs-indicator-sensor{display:flex;align-items:center;gap:24px;padding:22px;margin:18px 0;background:color-mix(in srgb,var(--sensor-color) 7%,#fff);border:1px solid color-mix(in srgb,var(--sensor-color) 32%,#dce3e8);border-left:4px solid var(--sensor-color);border-radius:12px;color:#213141;min-width:0}
#app .ovs-indicator-sensor>div{min-width:0}
#app .ovs-sensor-gauge{width:190px;max-width:42%;flex-shrink:0;overflow:visible}
#app .sensor-track{stroke:#d7e0e8;stroke-width:10;fill:none;stroke-linecap:round}
#app .sensor-band{stroke-width:10;fill:none}
#app .sensor-needle{transform:rotate(var(--needle));transform-origin:110px 112px;fill:#20354b;transition:transform .6s ease}
#app .ovs-sensor-gauge text{fill:var(--sensor-color);font:700 22px var(--font-display,Arial)}
#app .ovs-indicator-sensor small{color:#536677;font-size:11px;line-height:1.6}
#app .ovs-indicator-sensor h3{color:var(--sensor-color);font-size:19px;line-height:1.4;margin:7px 0}
#app .ovs-indicator-sensor p{color:#465c6e;font-size:12px;line-height:1.7;margin:8px 0;max-width:70ch}
#app .sensor-criteria{display:flex;flex-wrap:wrap;gap:7px 16px;margin:10px 0;font-size:10px}
#app .sensor-criteria span:before{content:'';width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--status);margin-right:6px}
#app [data-tone=positive]{--status:#26875a}
#app [data-tone=attention]{--status:#d98220}
#app [data-tone=critical]{--status:#d2474c}
#app [data-tone=information]{--status:#4385bd}
#app .dash-status-metric{border-top:4px solid var(--indicator)!important;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--indicator) 22%,transparent);background:color-mix(in srgb,var(--indicator) 8%,#fff)!important}
#app .dash-status-metric small{color:#506273!important}
#app .dash-status-metric:after{content:attr(data-status-label);display:block;color:var(--indicator);font-size:10px;font-weight:700;margin-top:9px}
#app .dashboard-sensor-strip{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin:18px 0}
#app .dashboard-sensor-strip>.ovs-indicator-sensor{margin:0}
#app .sensor-connection{display:flex;gap:15px;padding:24px;border-radius:12px;background:#fff;color:#273b4c;border:1px solid #dce3e8;border-top:4px solid var(--status)}
#app .sensor-status-dot{width:12px;height:12px;background:var(--status);border-radius:50%;margin-top:5px;flex-shrink:0}
#app .sensor-connection h3{font-size:18px;color:var(--status);margin:8px 0}
#app .sensor-connection p{font-size:12px;line-height:1.7;color:#536677}
#app .sensor-connection small{font-size:11px;color:#536677}
#app.client-studio .ovs-client-signal{border-top:3px solid var(--status)!important;background:color-mix(in srgb,var(--status) 9%,var(--panel))!important}
#app.client-studio .ovs-client-signal .kpi-value{color:var(--status)!important}
#app .client-signal-caption{display:block;color:var(--status);font-size:10px;line-height:1.6;margin-top:9px}
#app .atlas-color-controls{display:flex;align-items:center;gap:9px;font-size:11px;color:#cbd9e8;flex-wrap:wrap;margin:12px 0}
#app .atlas-color-controls select{max-width:100%;background:#112b43;border:1px solid #718ea44d;color:#e6eff8;padding:9px;border-radius:7px;font:inherit}
#app .atlas-region-legend{display:flex;flex-wrap:wrap;gap:9px 14px;margin:12px 0;color:#cad9e8;font-size:10px}
#app .atlas-region-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--region-color);margin-right:5px}
#app .atlas-hover-sensor{min-height:40px;padding:10px 12px;border-left:3px solid #90cde3;background:#6b9abd0b;font-size:11px;color:#caddea;line-height:1.6}
#app .atlas-state .atlas-face{fill:var(--state-color,#5887af)}
#app .atlas-state.selected .atlas-face{fill:var(--state-color,#5887af);filter:brightness(1.25);stroke:#fff7d9;stroke-width:1.6}
#app .atlas-state.selected .atlas-depth{fill:color-mix(in srgb,var(--state-color) 35%,#0a1726)}
#app .atlas-evidence-sensor{padding:16px;margin:18px 0;border:1px solid #d4a14e55;border-left:4px solid var(--evidence-color);border-radius:9px;background:#09213980}
#app .atlas-evidence-sensor h3{color:var(--evidence-color);font-size:17px;margin:5px 0}
#app .atlas-evidence-sensor p{font-size:11px;margin:8px 0}
#app .atlas-evidence-track{height:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0}
#app .atlas-evidence-track i{background:#536879;border-radius:3px}
#app .atlas-evidence-track i.active{background:var(--evidence-color)}
@media(max-width:900px){#app .dashboard-sensor-strip{grid-template-columns:1fr}}
@media(max-width:540px){#app .ovs-indicator-sensor{padding:16px;gap:12px;flex-direction:column;align-items:flex-start}#app .ovs-sensor-gauge{width:160px;max-width:100%}#app .ovs-indicator-sensor h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){#app .sensor-needle{transition:none}}