:root{--bg-dark: #0a0a0a;--bg-panel: #111318;--bg-bezel: #1a1d24;--bg-screen: #080a0e;--accent-green: #00ff41;--pfd-green: #00e040;--pfd-cyan: #00cccc;--pfd-magenta: #ff00ff;--text-main: #e2e8f0;--text-muted: #7a8394;--needle-color: #ff6b35;--severity-nominal: #22c55e;--severity-caution: #f5a623;--severity-warning: #ef4444;--severity-stall: #dc2626;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif;--sidebar-width: 300px;--bezel-border: 3px solid #2a2d35;--bezel-radius: 6px;--screen-glow: 0 0 8px rgba(0, 255, 65, .05);--gauge-size: 200px}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#050508;color:var(--text-main);font-family:var(--font-sans);overflow:hidden}.app-shell{height:100vh;width:100vw;position:relative;background:radial-gradient(circle at top left,rgba(20,184,166,.12),transparent 26%),radial-gradient(circle at top right,rgba(249,115,22,.12),transparent 24%),linear-gradient(180deg,#060b12,#050508)}.app-layout{display:flex;height:100vh;width:100vw;min-height:0}.app-layout>app-scenario-selector{width:var(--sidebar-width);min-width:var(--sidebar-width);flex-shrink:0;transition:width .3s ease,min-width .3s ease}.cockpit-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr 2fr;grid-template-areas:"nd             mcp" "lower-display  mcp";gap:4px;padding:4px;background:#0c0e12;min-width:0;overflow:hidden}.mcp-area{grid-area:mcp;overflow-y:auto;overflow-x:hidden;background:var(--bg-screen);border:var(--bezel-border);border-radius:var(--bezel-radius)}.nd-area{grid-area:nd}.lower-display-area{grid-area:lower-display;min-height:150px}.cockpit-screen{background:var(--bg-screen);border:var(--bezel-border);border-radius:var(--bezel-radius);box-shadow:var(--screen-glow),inset 0 0 20px #000c;overflow:hidden;position:relative}.cockpit-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.15) 100%);z-index:10}.screen-label{position:absolute;bottom:4px;right:8px;font-family:var(--font-mono);font-size:9px;color:#ffffff26;z-index:11;text-transform:uppercase;letter-spacing:1px}.gauge-base{width:var(--gauge-size);height:var(--gauge-size);background:var(--bg-screen);border-radius:50%;position:relative;box-shadow:inset 0 0 10px #00000080;display:flex;align-items:center;justify-content:center;border:2px solid #2a2d35;box-sizing:border-box}.gauge-value-display{position:absolute;bottom:15px;font-family:var(--font-mono);font-weight:700;font-size:11px;background:#000000b3;padding:0 4px;border-radius:4px;border:1px solid #334155;z-index:2}.gauge-label{position:absolute;top:8%;font-size:10px;font-weight:600;color:var(--text-muted);z-index:1}@media (max-width: 900px){:root{--sidebar-width: 40px}.app-layout>app-scenario-selector{width:40px;min-width:40px}.cockpit-grid{grid-template-columns:1fr;grid-template-areas:"master-warning" "mcp" "nd" "lower-display"}}.resize-handle{position:absolute;z-index:100;background:transparent;transition:background .2s}.resize-handle:hover,.resize-handle:active{background:#00ff414d}.resize-horizontal{top:0;bottom:0;right:-2px;width:6px;cursor:ew-resize}.resize-vertical{bottom:-2px;left:0;right:0;height:6px;cursor:ns-resize}body.is-resizing{-webkit-user-select:none;user-select:none}body.resize-ew{cursor:ew-resize!important}body.resize-ns{cursor:ns-resize!important}