.telemetry.cockpit{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:18px 0;background:radial-gradient(ellipse at 50% 100%,#3e8d9910,transparent 70%)}.cockpit-meter{display:flex;align-items:center;gap:16px;border-right:1px solid #c1dce51a;padding-right:16px}.cockpit-meter:last-child{border:0}.dial-shell{position:relative;width:104px;height:104px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 45% 30%,#213c47,#0b1924 65%);box-shadow:inset 0 1px 1px #d4f5f333,inset 0 -4px 12px #0008,0 9px 20px #0005;border:1px solid #a7c9d533}.dial-shell:after{content:'';position:absolute;inset:16%;border:1px solid #a7c9d514;border-radius:50%;pointer-events:none}.dial-shell svg{position:absolute;inset:0;width:100%;height:100%;fill:none;transform:rotate(0deg)}.gauge-ticks{stroke:#c7e2e666;stroke-width:2;stroke-dasharray:.8 7.22}.gauge-track{stroke:#5d79852b;stroke-width:3}.gauge-arc{stroke:var(--signal);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--signal));opacity:.95}.dial-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.dial-value strong{font:28px/1 ui-monospace,monospace;letter-spacing:-1.5px;color:#e5f6f7;text-shadow:0 0 15px #a0dcdf25}.dial-value small{font:6px ui-monospace,monospace;letter-spacing:1px;color:#8aa9b7}.dial-info{display:flex;flex-direction:column;gap:8px}.dial-info>span{font-size:12px;color:#c5dce1}.dial-info>small{font-size:9px;color:#8ea9b6;line-height:1.7}.offline-gauge .gauge-track{stroke-dasharray:72 7.6;stroke-width:4;stroke:#6e87904a}.freshness-gauge .gauge-track{stroke-dasharray:2 8;stroke:#6e879055}.offline-gauge .dial-value strong,.freshness-gauge .dial-value strong{color:#96acb6;font-size:23px}.portfolio-legend{gap:18px;margin-top:8px;width:100%}.portfolio-legend>span{flex:1;min-height:55px;gap:10px;border-top:1px solid #b1d2db20;background:radial-gradient(ellipse at 0 0,#abd4dc06,transparent);padding-top:10px}.portfolio-legend .lamp{width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 8%,transparent),0 0 15px color-mix(in srgb,var(--signal) 45%,transparent);border:1px solid #ffffff35}.lamp{box-shadow:0 0 0 2px color-mix(in srgb,var(--signal,var(--gray)) 8%,transparent),0 0 9px color-mix(in srgb,var(--signal,var(--gray)) 35%,transparent)}.segments{justify-content:flex-start}.segments span{flex:0 0 16px;height:5px}.summary-open{gap:18px}.unified-controls{justify-content:space-between;gap:12px}.unified-controls .neutral-glass{justify-content:flex-start;padding:0 10px;cursor:pointer}.unified-controls [data-pin]{width:44px;min-width:44px;height:44px;padding:11px;border:1px solid #bce4e628;border-radius:50%;display:grid;place-items:center}.unified-controls [data-pin] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.unified-controls [data-pin][aria-pressed=true]{color:#d5bd87;border-color:#d5bd8755;background:#d5bd870b}.pinned .neutral-caption{font-size:10px}.pinned .neutral-caption:after{content:none}.unified-controls [data-pin]:focus-visible{outline-offset:3px}.panel-drift:before{background:radial-gradient(ellipse at 20% 0%,#c7faff20,transparent 45%),linear-gradient(120deg,transparent 35%,#88dce209 53%,transparent 70%);animation:surface-light 12s ease-in-out infinite!important;opacity:.7}.pinned .panel-drift:before,.behind .panel-drift:before{animation:none!important;opacity:.5}.panel:not(.behind):not(.pinned) .panel-drift{transition:transform .25s,border-color .25s,box-shadow .25s;transform:perspective(1500px) rotateX(.12deg)}.panel:not(.behind):not(.pinned) .panel-drift:has(.neutral-glass:hover){transform:perspective(1500px) translateZ(6px) rotateX(.45deg) rotateY(-.2deg);border-color:#e2ffffa0;box-shadow:inset 0 1px 0 #edffff66,0 48px 100px #000c,0 0 48px #81d6db22}.panel:not(.behind):not(.pinned) .panel-drift:has(.neutral-glass:active){transform:perspective(1500px) translateZ(3px) rotateX(-.3deg)}.panel.behind{transform:translateY(-36px) translateX(-14px) scale(.98);filter:brightness(.74) saturate(.8)}.behind .panel-drift{background:linear-gradient(125deg,#38727dbb,#122e3dd9);border-color:#b2e7e970;box-shadow:0 16px 48px #0009}.behind .panel-body{opacity:.45}.glass:before{animation:surface-light 12s ease-in-out infinite}.glass:has(button:hover){transform:perspective(1200px) translateY(-3px) rotateX(.7deg) rotateY(-.25deg);box-shadow:inset 0 1px 0 #e2ffff44,0 25px 55px #0007,0 0 32px #73d2d91c}.project-signal .lamp{width:7px;height:7px}.project-signal{font-size:11px}@keyframes surface-light{0%,100%{opacity:.5}50%{opacity:.85}}
@media(min-width:901px) and (max-width:1200px){.cockpit-meter{gap:10px}.dial-shell{width:86px;height:86px}.dial-info>span{font-size:11px}.dial-info>small{font-size:8px}}
@media(min-width:901px) and (max-height:800px){.telemetry.cockpit{padding:10px 0}.dial-shell{width:88px;height:88px}.summary-open{gap:12px}.portfolio-legend>span{min-height:42px}}
@media(max-width:900px){.telemetry.cockpit{grid-template-columns:1fr 1fr;gap:14px 12px;padding:14px 0}.cockpit-meter{gap:10px;padding-right:6px}.cockpit-meter:nth-child(2){border:0}.dial-shell{width:76px;height:76px}.dial-value strong{font-size:23px}.dial-value small{font-size:5px;letter-spacing:.5px}.offline-gauge .dial-value strong{font-size:19px}.dial-info{gap:5px}.dial-info>span{font-size:10px}.dial-info>small{font-size:8px;line-height:1.5}.portfolio-legend{gap:10px}.portfolio-legend>span{font-size:9px;gap:7px;min-height:44px}.portfolio-legend .lamp{width:7px;height:7px}.panel.behind{transform:translateY(-25px) translateX(-3px) scale(.99)}.unified-controls .neutral-glass{flex-direction:row;justify-content:flex-start;gap:16px}.pinned .neutral-caption{font-size:8px}.unified-controls [data-pin]{min-width:44px;padding:11px}.summary-open{gap:14px}.neutral-caption{font-size:8px}}
@media(max-width:900px) and (max-height:740px){.telemetry.cockpit{gap:8px 10px;padding:10px 0}.dial-shell{width:62px;height:62px}.dial-value strong{font-size:20px}.dial-value small{font-size:4px}.offline-gauge .dial-value strong{font-size:17px}.cockpit-meter{gap:7px}.dial-info>small{font-size:7px}.summary-open{gap:10px}.portfolio-legend{margin:0}.portfolio-legend>span{min-height:38px}.summary-main>strong{font-size:40px}}
@media(prefers-reduced-motion:reduce){.panel-drift:before,.glass:before{animation:none!important}.panel:not(.behind):not(.pinned) .panel-drift,.panel:not(.behind):not(.pinned) .panel-drift:has(.neutral-glass:hover),.panel:not(.behind):not(.pinned) .panel-drift:has(.neutral-glass:active){transform:none;transition:none}}
.panel.behind{transform:translateY(calc(-30px * var(--stack-distance))) translateX(calc(-9px * var(--stack-distance))) scale(calc(1 - .025 * var(--stack-distance)))}
@media(max-width:900px){.panel.behind{transform:translateY(calc(-19px * var(--stack-distance))) translateX(calc(-2px * var(--stack-distance))) scale(calc(1 - .015 * var(--stack-distance)))}}