/* 設備機器プロット図: ブランド配色への上書き。本体の CSS 変数と暗色ヘッダーを差し替える */
:root{--bg:#f4f7fc;--panel:#ffffff;--line:#e6ecf7;--text:#0f1c3f;--muted:#5b6b8c;--accent:#2e5be0;--accent2:#e8effc}
html,body{background:#f4f7fc}
/* 高さは本体の JS が図面に合わせて決める（updateStageSize）。決まるまでの仮の高さ */
#app{height:auto;min-height:520px}
#app>header{background:#ffffff;color:#0f1c3f;border-bottom:1px solid #e6ecf7}
#app>header h1{display:none}
#app>header .tab{background:#eef3fb;color:#2f3f63}
#app>header .tab.active{background:#2e5be0;color:#ffffff}
#app>header .btn,#app>header select{background:#ffffff;color:#1b3a8b;border:1px solid #d6e3f4}
#app>header .btn:hover{background:#e8effc}
#stage{background:#e9eef7}
/* 本体幅: トップページの分野カードと同じ */
#app{width:var(--sw-content-w);margin-left:auto;margin-right:auto}
/* 空調／換気の切替（9/16 修正依頼③）。選んでいない側と、選んでいない階はグレー */
#app>header .modebtn{background:#eef1f6;color:#8a96ad;border:1px solid #d6e3f4}
#app>header .modebtn.active{background:#2e5be0;color:#ffffff;border-color:#2e5be0}
#app>header .tab{background:#eef1f6;color:#8a96ad}
#app>header .tab.active{background:#2e5be0;color:#ffffff}
#app>header .btn.primary{background:#2e5be0;color:#ffffff;border-color:#2e5be0}
#app>header .btn.primary:hover{background:#2449b8}
/* タブレット・スマホは 1 列にしてページ全体をスクロール（高さの固定を外す） */
@media (max-width:1024px){ #app{height:auto} }