@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-screen{height:100vh}.w-screen{width:100vw}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;height:100vh}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--bg-app: #0f172a;--bg-panel: #1e293b;--bg-panel-light: #334155;--bg-input: #0f172a;--text-main: #f1f5f9;--text-muted: #94a3b8;--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444;--color-info: #3b82f6;--border-color: #475569;--panel-gap: clamp(8px, 1vh, 12px);--radius: 6px;--header-height: 28px;--font-xs: clamp(.6rem, 1vw, .7rem);--font-sm: clamp(.7rem, 1vw, .8rem);--font-base: clamp(.8rem, 1vw, .9rem);--font-lg: clamp(.9rem, 1vw, 1rem)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-app);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif}.app-container{display:grid;width:100%;padding:var(--panel-gap);gap:var(--panel-gap);grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;min-height:100vh;overflow-y:auto}@media(min-width:900px){.app-container{height:100vh;overflow:hidden;grid-template-columns:minmax(500px,65fr) minmax(300px,35fr);grid-template-rows:1fr auto}}.app-footer{grid-column:1 / -1;text-align:center;font-size:.7rem;color:var(--text-muted);opacity:.6;padding:4px 10px;display:flex;align-items:center;justify-content:center;min-height:40px;line-height:1.4;word-break:break-word}.col-sim,.col-support{display:flex;flex-direction:column;gap:var(--panel-gap);min-width:0;min-height:0}.col-sim .status-panel{flex:65;min-height:350px}.col-sim .control-panel{flex:35;min-height:200px}.col-support .advisor-panel{flex:40;min-height:300px}.col-support .procedure-panel{flex:60;min-height:300px}.panel-container{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0003;min-width:0;min-height:0}.panel-title{height:var(--header-height);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-muted);padding:0 12px;border-bottom:1px solid var(--border-color);margin:0;background-color:#0003;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.panel-content{flex:1;padding:12px;display:flex;overflow:auto;position:relative;min-height:0}.dcs-btn{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-panel-light);color:var(--text-main);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .15s ease;padding:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.dcs-btn:hover:not(:disabled){filter:brightness(1.2);border-color:var(--text-muted)}.dcs-btn:active:not(:disabled){transform:translateY(1px)}.dcs-btn.active-green{background-color:var(--color-success);color:#fff;border-color:#15803d;box-shadow:0 0 8px #22c55e4d}.dcs-btn.active-red{background-color:var(--color-danger);color:#fff;border-color:#b91c1c;box-shadow:0 0 8px #ef44444d}.dcs-btn.active-yellow{background-color:var(--color-warning);color:#000;border-color:#a16207}.dcs-slider-container{width:100%;display:flex;flex-direction:column;gap:4px}.dcs-slider-label{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--text-muted)}.dcs-slider{-webkit-appearance:none;width:100%;background:transparent}.dcs-slider:focus{outline:none}.dcs-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--bg-input);border-radius:3px;border:1px solid var(--border-color)}.dcs-slider::-webkit-slider-thumb{height:16px;width:16px;border-radius:50%;background:var(--color-info);cursor:pointer;-webkit-appearance:none;margin-top:-6px;border:2px solid var(--bg-panel);box-shadow:0 0 4px #00000080}.annunciator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px;width:100%;margin-bottom:12px}.annunciator-col{display:flex;flex-direction:column;gap:2px;background-color:#0003;padding:4px;border-radius:4px}.annunciator-header{font-size:.5rem;text-align:center;color:var(--text-muted);font-weight:800;margin-bottom:4px;letter-spacing:.1em}.annunciator-tile{flex:1;min-height:24px;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;border:1px solid #000;background-color:#000;color:#333;text-align:center;transition:all .2s;box-shadow:inset 0 0 5px #000c;padding:2px;word-break:break-word}.annunciator-tile.active{background-color:var(--color-danger);color:#fff;border-color:#ef4444;text-shadow:0 0 2px rgba(255,255,255,.8);box-shadow:0 0 10px #ef444480;animation:pulse-alarm 1s infinite alternate}@keyframes pulse-alarm{0%{opacity:1}to{opacity:.8}}.value-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.value-row:last-child{border-bottom:none}.value-label{font-size:var(--font-sm);color:var(--text-muted)}.value-data{font-family:Roboto Mono,Consolas,monospace;font-weight:700;font-size:var(--font-base);color:var(--color-info)}.value-data.unit{font-size:.7rem;color:var(--text-muted);margin-left:4px}.value-row.alert{background-color:#ef44441a;border-left:3px solid var(--color-danger)}.value-row.alert .value-data{color:var(--color-danger)}.control-col{background-color:var(--bg-panel-light);border:1px solid var(--border-color);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.control-col-header{text-align:center;font-size:var(--font-sm);font-weight:700;color:var(--text-muted);border-bottom:2px solid var(--border-color);padding-bottom:6px;margin-bottom:6px}
