/* Reference platform v4: engineering cockpit structure, not decorative skin. */
:root{--ref-ink:#163244;--ref-muted:#6f8595;--ref-line:#d8e4ea;--ref-bg:#eef3f6;--ref-panel:#fff;--ref-accent:#11858f}
body[data-workspace="fuelcell"]{background:var(--ref-bg);color:var(--ref-ink)}
body[data-workspace="fuelcell"] .app{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh;background:var(--ref-bg)}
body[data-workspace="fuelcell"] .sidebar{grid-area:sidebar;position:sticky;top:0;height:100vh;width:auto;padding:20px 14px;background:#0b2435;border-right:1px solid #27485b}
body[data-workspace="fuelcell"] .main{grid-area:main;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#eef3f6}
body[data-workspace="fuelcell"] .topbar{grid-area:topbar;height:64px;min-height:64px;padding:0 24px;border-bottom:1px solid var(--ref-line);background:#fff;box-shadow:0 1px 12px rgba(20,50,68,.04)}
body[data-workspace="fuelcell"] .topbar h1{font-size:17px;color:#17384c}
body[data-workspace="fuelcell"] .content{flex:1;min-width:0;overflow:auto;padding:20px 24px 38px}
body[data-workspace="fuelcell"] .hyhub-intro,
body[data-workspace="fuelcell"] .product-workflow,
body[data-workspace="fuelcell"] .engineering-control-center,
body[data-workspace="fuelcell"] .workspace-intro{display:none!important}
body[data-workspace="fuelcell"] .fc-engineering-workspace{max-width:none;margin:0;padding:0;gap:12px}
body[data-workspace="fuelcell"] .fc-workspace-head{padding:0 2px 6px;align-items:center}
body[data-workspace="fuelcell"] .fc-workspace-head h2{font-size:23px;letter-spacing:-.04em}
body[data-workspace="fuelcell"] .fc-command-deck{grid-template-columns:280px minmax(0,1fr);gap:12px}
body[data-workspace="fuelcell"] .fc-setpoint-panel{border-radius:10px}
body[data-workspace="fuelcell"] .fc-live-panel{border-radius:10px}
body[data-workspace="fuelcell"] .fc-engineering-grid{grid-template-columns:minmax(0,1fr) 340px;gap:12px}
body[data-workspace="fuelcell"] .fc-work-panel,
body[data-workspace="fuelcell"] .fc-inspector-card{border-radius:10px;box-shadow:0 5px 18px rgba(18,54,75,.06)}
body[data-workspace="fuelcell"] .fc-work-panel{padding:14px 16px}
body[data-workspace="fuelcell"] .fc-live-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-workspace="fuelcell"] .fc-energy-panel .fc-power-flow__track{min-height:150px}
body[data-workspace="fuelcell"] .fc-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-workspace="fuelcell"] .fc-engineering-inspector{top:76px}
body[data-workspace="fuelcell"] .nav{gap:4px}
body[data-workspace="fuelcell"] .nav-item{border-radius:8px}

@media(max-width:980px){body[data-workspace="fuelcell"] .app{grid-template-columns:82px minmax(0,1fr)}body[data-workspace="fuelcell"] .sidebar{width:auto;padding:15px 8px}body[data-workspace="fuelcell"] .brand-name,body[data-workspace="fuelcell"] .brand-sub{display:none!important}body[data-workspace="fuelcell"] .fc-command-deck,body[data-workspace="fuelcell"] .fc-engineering-grid{grid-template-columns:1fr}body[data-workspace="fuelcell"] .content{padding:15px}}@media(max-width:900px){body[data-workspace="fuelcell"] .app{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"main"}body[data-workspace="fuelcell"] .sidebar{display:none!important}body[data-workspace="fuelcell"] .main{min-width:0;min-height:0}body[data-workspace="fuelcell"] .bottomnav{display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:100;max-width:none;width:100%}body[data-workspace="fuelcell"] .content{padding:15px 15px calc(95px + env(safe-area-inset-bottom))}}