/* Deep-blue product presentation. Control logic stays in app.js. */
:root{color:#c9e6f7;background:#040918;--blue:#48d5f4;--green:#55d6c5;--ink:#d5edfb;--muted:#789bb6;--line:#2b4e70}
body{background:#040918;color:#c9e6f7}
button:hover{color:#9af0ff}button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#6de5ff}
.vignette{background:linear-gradient(0deg,#030817e6,transparent 24%,transparent 78%,#03081799),linear-gradient(90deg,#02081780,transparent 30%,transparent 70%,#02081780)}
.topbar{background:linear-gradient(90deg,#0a1225fa,#101c36f5 55%,#091326fa);border-color:#346c964d;box-shadow:0 7px 30px #0004,inset 0 -1px #57caff0c}
.topbar:after{content:"";position:absolute;bottom:-1px;left:30%;right:30%;height:1px;background:linear-gradient(90deg,transparent,#58d7ff,transparent);box-shadow:0 0 14px #29a9ec66}
.brand{gap:13px}.logo{font:bold italic 38px Arial;letter-spacing:-4px;color:#58dff7;text-shadow:0 0 18px #24bde57a;position:relative;margin-right:1px}.logo sup{position:absolute;right:-15px;top:-1px;font:18px Arial;color:#a2f6ff;letter-spacing:0}
.brand-name{padding-left:8px}.brand-name strong{font-size:16px;letter-spacing:3px;color:#e1f2ff;white-space:nowrap}.brand-name small{display:block;color:#679fbe;font-size:7px;letter-spacing:3px;margin-top:7px}.brand>i{background:#3657725c;margin:0 5px}.product{font-size:14px;color:#bed9ec}.product small{color:#7294b1;font-size:7px;letter-spacing:1.6px}
.main-nav button{color:#6e8eae}.main-nav button.active{color:#7be7fa;text-shadow:0 0 15px #2db4f95c}.main-nav .active:after{background:#52d7fc;box-shadow:0 0 14px #3fcdff8c}
.top-right time{color:#b2cfe4}.system-tag{color:#6ccae0}.system-tag>i{background:#55dfff;box-shadow:0 0 9px #40cbff88}.icon-btn{color:#73cae6}
.scene-header .eyebrow{color:#558fad}.scene-header h1,.scene-header h1>span{color:#e0f3fc;text-shadow:0 0 24px #2391bd26}.scene-header h1>span{color:#8fe4f4}.breadcrumb{color:#7298b2}.breadcrumb span:last-child{color:#84cedf}.breadcrumb em{color:#527c99}
.environment button{border-color:#294c70;background:linear-gradient(135deg,#132640e6,#0a162df0);border-radius:2px;color:#7ad4f1;box-shadow:inset 0 0 18px #2a82b70d}.environment small{color:#6086a3}.environment [aria-pressed=true]{background:#12314bf0;border-color:#419fc1;color:#9cefff;box-shadow:0 0 14px #31a4dd1a}
.glass{position:relative;border:1px solid #293e64;border-radius:2px;background:linear-gradient(135deg,#111d36f5,#0a1125f5);box-shadow:inset 0 1px #569fc21a,0 9px 30px #0003}
.glass:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(#5bcae9,#5bcae9) 0 0/18px 1px no-repeat,linear-gradient(#5bcae9,#5bcae9) 0 0/1px 13px no-repeat,linear-gradient(#3c7bba,#3c7bba) 100% 100%/18px 1px no-repeat,linear-gradient(#3c7bba,#3c7bba) 100% 100%/1px 13px no-repeat;opacity:.7}
.section-title{color:#d6ecfb;letter-spacing:.6px}.section-title>span:before{background:#57d8f6;box-shadow:0 0 9px #2cbff3}.section-title small{color:#587694;letter-spacing:1.8px}
.people-total b{color:#b7effd;text-shadow:0 0 22px #42bfe033}.people-total span{color:#6d90ab}.people-sub strong{color:#82d1e9}.people-sub strong span,.people-sub small{color:#6689a4}.occupancy-mark{background:radial-gradient(circle,#16405a 39%,transparent 42%);border-color:#284866}.occupancy-mark>span{color:#56bee3}.occupancy-mark i{border-color:#337393}
.floor-caption{color:#5f809e;border-color:#244566}.floor-grid button{background:#0c1c32;border:1px solid #254361;border-radius:2px}.floor-grid button>b{color:#77bedc}.floor-grid button>span{color:#90adc5}.floor-grid button>strong{color:#8fe4f0}.floor-grid small{color:#6186a3}.floor-grid .floor-fill{background:#2f97c914}.floor-grid button.active{background:linear-gradient(110deg,#174961,#102a46);border-color:#45c6df;box-shadow:inset 2px 0 #80f0fa,0 0 15px #2199c71a}.floor-grid button.active :is(b,span,strong,small){color:#b6f3fc}.floor-grid button:hover:not(.active){background:#173653}
.floor-footer{border-color:#274462}.text-button{color:#71c4df}.power>b{color:#b7e9ff;text-shadow:0 0 20px #1eb9e12b}.power>span{color:#6295b2}.power strong{color:#e6c287}.power small{color:#9e947b}.chart-label{color:#6688a5}.chart-label>span:last-child{color:#6ad2e5}.energy-foot{color:#698da7}.energy-foot b{color:#85d6e9}
.network>span{color:#5ad5f7}.network strong{color:#96cbe1}.network small{color:#557e9c}
.selected-space{border-color:#274566}.selected-space>span{color:#65d6ee;text-shadow:0 0 18px #22bde530}.selected-space strong{color:#bfdfef}.selected-space small{color:#6386a0}.selected-space>b{color:#81e0de}
.zone-item{background:#0a1a30;border-color:#24425e;border-radius:2px;color:#9bc7df}.zone-item.selected{background:#103a51;border-color:#3faacb;box-shadow:inset 2px 0 #59dbf6}.zone-heading strong{color:#a8d5e7}.zone-heading .zone-dot{background:#63d9d3;box-shadow:0 0 6px #2eb8c53d}.zone-heading>b{color:#9be9f4}.zone-heading b small{color:#6b9ab5}.zone-metrics{color:#668ba9}.zone-metrics>span:first-child{color:#77cee9}.zone-metrics>span:last-child{color:#7ad6c9}.zone-bar{background:#16334b}.zone-bar i{background:linear-gradient(90deg,#137fbe,#64e3ee)}.zone-state{color:#587c98}
.hvac-summary{border-color:#24455f}.fan-icon{color:#60dbd1}.hvac-summary strong{color:#9dd3e4}.hvac-summary small{color:#5e89a5}.auto-pill{border-color:#2d6570;color:#6de2d8;background:#15364588}
.scene-buttons button{border-color:#2b476a;background:linear-gradient(135deg,#102440,#0c182d);border-radius:2px;color:#79a6c5}.scene-buttons .active{border-color:#41bdd8;background:linear-gradient(115deg,#144d60,#132d48);color:#b7f4ff;box-shadow:inset 0 0 18px #32b7cf18}
.dimmer-label{color:#86abc3}.dimmer-label strong{color:#88e1ef}input[type=range]{background:#3d6e86;accent-color:#51d5f4}input[type=range]::-webkit-slider-thumb{background:#57d9f9;border-color:#75e3fc;box-shadow:0 0 10px #37bbef44}.control-actions,.control-actions button{color:#789ebc}.control-actions>span{color:#60bfc5}
.people-actions{border-color:#26425e}.people-actions button{border-color:#2a536f;background:#10263f;color:#82c8df;border-radius:2px}.people-actions button:hover{background:#16405a;color:#b7f4ff}.sensor-icon{color:#52d1f4;text-shadow:0 0 15px #1d9ad95c}.sensor-btn strong{color:#b0d7e7}.sensor-btn small{color:#5d829e}.switch{background:#1c3b53}.switch:after{background:#739eb4}.sensor-btn[aria-pressed=true] .switch{background:#28768c}.sensor-btn[aria-pressed=true] .switch:after{background:#9af1fc;box-shadow:0 0 8px #3ed3ef44}
.event-line{color:#618aa7}.event-line>i,.hud-caption>i{background:#4fd6e7;box-shadow:0 0 8px #40c7e755}
.hud-frame{border:0;background:linear-gradient(#2c6a8d99,#2c6a8d99) 0 0/22px 1px no-repeat,linear-gradient(#2c6a8d99,#2c6a8d99) 0 0/1px 22px no-repeat,linear-gradient(#2c6a8d99,#2c6a8d99) 100% 0/22px 1px no-repeat,linear-gradient(#2c6a8d99,#2c6a8d99) 100% 0/1px 22px no-repeat,linear-gradient(#2c6a8d99,#2c6a8d99) 100% 100%/22px 1px no-repeat,linear-gradient(#2c6a8d99,#2c6a8d99) 100% 100%/1px 22px no-repeat}
.hud-caption{color:#4b7d9c;font-family:monospace;font-size:7px;letter-spacing:1.5px}.hud-caption b{color:#81b9d1}.hud-scale{color:#4f7c9a}.hud-compass{border-color:#2c5d7c;color:#72aeca}.model-callout strong{color:#afdce9;text-shadow:0 0 18px #39a8d144}.model-callout small{color:#678eac}.model-callout .eyebrow{color:#4e8cab}
.layer-tools button{border-color:#294b69;background:#0b2035e8;color:#618fab;border-radius:2px}.layer-tools [aria-pressed=true]{border-color:#337d9f;background:#103148ed;color:#90dbea}.layer-tools>span{color:#5484a0}.layer-tools i{background:#5bd6f2}.layer-tools i.green{background:#4fc7b3}
.view-toolbar{background:linear-gradient(135deg,#10263ef5,#09172cf5);border-color:#2a547c;border-radius:2px;box-shadow:0 5px 24px #0006,inset 0 1px #4894b529}.view-toolbar button{color:#7dafca;border-radius:1px}.view-toolbar button.active{background:linear-gradient(120deg,#14506a,#162f4e);color:#a7edfa;box-shadow:inset 0 -2px #58d4f0}.view-toolbar #devices{color:#7fd7e9}
.fixture-palette{padding:5px 7px;background:#0b1c32e8;border:1px solid #244c6c}.fixture-palette>span{color:#638ba4}.fixture-palette button{border-color:#2c4e6b;background:#122b44;color:#96c5dc;border-radius:1px}.fixture-palette b{color:#e8c581}
.space-dock{background:linear-gradient(120deg,#111e36f5,#0b1529f5);border-color:#2b4166;border-radius:2px;box-shadow:inset 0 1px #5299b91a,0 5px 22px #0003}.dock-label .eyebrow{color:#527e9b}.dock-label strong{color:#b4d9ed}.space-card{border-color:#294866;background:linear-gradient(120deg,#112a44,#0c1b31);border-radius:2px}.space-card img{background:#0d2238;border-radius:0}.space-card b{color:#58d1ee}.space-card strong{color:#b7dfed}.space-card small{color:#6289a3}.space-card i{color:#72c9e8}.space-card.active,.space-card:hover{border-color:#3baccb;background:linear-gradient(120deg,#184059,#0e2945)}.system-facts strong{color:#7bb4cc}.system-facts b{color:#85e4f3}.system-facts small{color:#577a99}
footer,footer button{color:#527f9d}.dot{background:#53d9e9}.room-label{background:#0a2035ee;border-color:#357999;border-left-color:#51cde8;color:#acd9eb;border-radius:2px;box-shadow:0 4px 14px #0007}.room-label>strong{color:#c2e5f3}.room-label>strong span{color:#7de9f2}.room-label>small{color:#91c7d7}.room-label em{color:#598eac}.room-label:after{background:#478ba8}.floor-label{background:#0a2035e8;border-color:#2c6381;color:#6cb4d3;border-radius:1px}.floor-label b{color:#b1e9f4}.floor-label:before{background:#3d819e}
.toast{background:#102f48f5;border:1px solid #2e7796;color:#b5e8f5;box-shadow:0 8px 24px #0007}
dialog{background:linear-gradient(135deg,#102740,#0a172b);border-color:#2e6388;border-radius:4px;color:#acd3e6;box-shadow:0 20px 90px #000b}dialog::backdrop{background:#020713c4}dialog h2{color:#c9edf9}dialog h3{color:#a1d4e9}dialog p{color:#83a6c1}dialog button:not(#closeDialog){background:#132f49;border-color:#2e5b79;color:#8dcfe3;border-radius:2px}#closeDialog{color:#74a6c4}
.data-grid>div{background:#0c2035;border-color:#284e6b;border-radius:3px}.data-grid small{color:#6c95af}.data-grid b{color:#9ce1ef}.product-heading span{background:#153c4b;color:#6cddd5}.product-heading strong{color:#b4e1ef}.product-hero>img{background:#142e45}.product-hero small{color:#618aa6}.source-details{border-color:#2b526d}.source-details summary{color:#83c9e0}.catalog-grid button{background:#10263b!important;border-color:#2a506b!important}.catalog-grid img{background:#132e44}.catalog-grid strong{color:#b3d9e9}.catalog-grid small{color:#7298b2}#lightSelect{background:#0e263d;border-color:#2c5975;color:#a7d6e6}
#loader{background:#050d1d}.loader-mark{color:#59ddf6;text-shadow:0 0 26px #25a9df5c}.loader-mark:after{background:#52d8ee}#loader h2{color:#c6e8f7}#loader p{color:#658da9}
@media(max-width:1500px){.system-facts{display:none}.space-card{max-width:none}.dock-label{min-width:150px}}
@media(max-height:950px) and (min-width:901px){.right-panel{gap:9px}.right-panel .glass{padding:11px 13px}.right-panel .section-title{margin-bottom:7px}.selected-space{padding:3px 0 8px;margin-bottom:8px}.zone-item{padding:7px}.zone-heading{margin-bottom:5px}.hvac-summary{margin-top:8px;padding-top:8px}.control-panel .section-title{margin-bottom:7px}.dimmer-label{margin-top:9px}.people-actions{margin-top:9px;padding-top:9px}.sensor-btn{padding-top:8px}.event-line{font-size:7px}.layer-tools{gap:9px}.left-panel .glass{padding:13px}.floor-grid button{padding:3px 6px}.people-total{margin:5px 0 9px}.floor-footer{margin-top:5px;padding-top:7px}.energy #chart{height:34px}}
@media(max-height:790px) and (min-width:901px){.right-panel .glass{padding:9px 11px}.right-panel .section-title{margin-bottom:5px}.selected-space{padding-bottom:6px;margin-bottom:6px}.selected-space>span{font-size:24px}.zone-item{padding:5px 7px;min-height:51px}.zone-metrics{font-size:8px;gap:3px}.zone-bar{display:none}.hvac-summary{padding-top:5px;margin-top:5px}.hvac-summary small{font-size:7px}.control-panel .section-title{margin-bottom:4px}.scene-buttons button{padding:6px 2px;font-size:8px}.dimmer-label{margin-top:6px}input[type=range]{margin:8px 0 6px}.people-actions{margin-top:7px;padding-top:7px}.people-actions button{padding:5px 6px;font-size:8px}.sensor-btn{padding-top:5px}.sensor-btn small{font-size:7px}.left-panel .glass{padding:10px 12px}.floor-grid button{padding:2px 6px}.people-total{margin:4px 0 7px}.event-line{display:none}.right-panel{overflow:auto}}
@media(max-width:1250px) and (min-width:901px){.brand{gap:9px}.brand-name strong{font-size:14px;letter-spacing:2px}.brand-name small{letter-spacing:2px}.logo{font-size:34px}.product{font-size:12px}.brand>i{margin:0 2px}}
@media(max-width:900px){body{background:#071329}.topbar{padding-top:12px}.logo{font-size:32px}.brand{gap:9px}.brand-name{padding-left:5px}.brand-name strong{font-size:13px;letter-spacing:1px}.brand-name small{font-size:6px;letter-spacing:1.8px}.brand>i{margin:0 2px}.product{font-size:12px}.product small{font-size:6px;letter-spacing:1px}.brand-name small{margin-top:5px}.glass{background:linear-gradient(135deg,#111f38,#0a172c)}.floor-grid button{background:#0d233b;border-color:#294a68}.floor-grid button.active{background:linear-gradient(120deg,#174d65,#102d48)}.space-dock{background:#0e1e35}.dock-label{min-width:0}.layer-tools>span{display:none}.room-label>strong{font-size:7px}.room-label>small{font-size:6px}}
.model-callout{display:none}
@media(max-height:900px) and (min-width:901px){.floor-grid{gap:1px}.floor-grid button{padding:1px 6px;min-height:20px;line-height:15px}.people-total{margin:4px 0 7px}.people-total span{margin-top:5px}.energy #chart{height:30px}.event-line{display:none}}