/* TMPSTWx palettes shared with SmartThings. Status colors stay independent. */
:root{--app-canvas:#091722;--app-hero:#102b3b;--app-section:#0d2230;--app-card:#142f40;--app-rgb:20,47,64;--app-border:#62899d;--app-head:linear-gradient(100deg,#1b3a4d,#2b6884 55%,#a3d8e3);--app-button:#1b3a4d;--app-hover:#28617e;--app-text:#e8f0f4;--app-muted:#b9d0de;--app-value:#fff0c5;--map-tint:6,21,32}
html[data-theme=graphite]{--app-canvas:#11171c;--app-hero:#17212a;--app-section:#1b252e;--app-card:#24323c;--app-rgb:36,50,60;--app-border:#617987;--app-head:linear-gradient(100deg,#2d3e49,#526c7d 55%,#b4c9d0);--app-button:#2d3e49;--app-hover:#526c7d;--map-tint:17,23,28}
html[data-theme=evergreen]{--app-canvas:#0b1a18;--app-hero:#102923;--app-section:#112b28;--app-card:#173b36;--app-rgb:23,59,54;--app-border:#5d9685;--app-head:linear-gradient(100deg,#204941,#3d7d69 55%,#add2a8);--app-button:#204941;--app-hover:#3d7d69;--map-tint:7,30,26}
html[data-theme=accountant-green]{--app-canvas:#07150e;--app-hero:#0b2416;--app-section:#0c2619;--app-card:#123b25;--app-rgb:18,59,37;--app-border:#699574;--app-head:linear-gradient(100deg,#1d5132,#4b874a 55%,#c4d984);--app-button:#1d5132;--app-hover:#4b874a;--map-tint:5,26,14}
html[data-theme=fall-rockies]{--app-canvas:#17160f;--app-hero:#242b20;--app-section:#24261c;--app-card:#3c3b29;--app-rgb:60,59,41;--app-border:#a18a62;--app-head:linear-gradient(100deg,#493323,#713827 34%,#aa4330 62%,#e2b74d);--app-button:#59452e;--app-hover:#713827;--map-tint:33,26,16}
html[data-theme=monochrome]{--app-canvas:#050505;--app-hero:#141414;--app-section:#1d1d1d;--app-card:#292929;--app-rgb:41,41,41;--app-border:#aaa;--app-head:linear-gradient(100deg,#383838,#777 60%,#bbb);--app-button:#383838;--app-hover:#777;--app-text:#eee;--app-muted:#ccc;--app-value:#fff;--map-tint:12,12,12}
html body{background:var(--app-canvas);color:var(--app-text)}
html #ge-lighting{--bg:var(--app-section);--panel:var(--app-card);--ink:var(--app-text);--muted:var(--app-muted);--line:var(--app-border);--gold:var(--app-value);--glow:var(--app-button);background:var(--app-hero);border-color:var(--app-border);position:relative;isolation:isolate}
html #ge-lighting h1,html #ge-lighting h2,html #ge-lighting h3,html #ge-lighting .eyebrow,html #ge-lighting footer{color:var(--app-text)}
html #ge-lighting .device,html #ge-lighting .shade-panel,html #ge-lighting #ge-settings{background:var(--app-card);border-color:var(--app-border)}
html #ge-lighting .device h4{background:var(--app-head);color:var(--app-text)}
html #ge-lighting #ge-living-scenes{background:var(--app-card)!important;border-color:var(--app-border)!important}
html #ge-lighting button,html #ge-lighting .badge,html #ge-lighting #ge-settings input{background:var(--app-button);border-color:var(--app-border);color:var(--app-text)}
html #ge-lighting button:not(:disabled):hover{background:var(--app-hover);border-color:var(--app-border)}
html #ge-lighting button[aria-pressed=true],html #ge-lighting .ge-room-tabs button[aria-selected=true]{background:var(--app-head);color:var(--app-value);border-color:var(--app-border);box-shadow:inset 0 -2px 0 var(--app-border)}
html #ge-lighting output{color:var(--app-value)}
html #ge-lighting input[type=range]{accent-color:var(--app-border)}
html[data-map-enabled=true] #ge-lighting{background:rgba(var(--app-rgb),.24)}
html[data-ancillary-transparent=true] #ge-lighting .device,html[data-ancillary-transparent=true] #ge-lighting .shade-panel,html[data-ancillary-transparent=true] #ge-lighting #ge-living-scenes{background:rgba(var(--app-rgb),.22)!important}
#ge-lighting .shared-map-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:8px}
#ge-lighting .shared-map-backdrop iframe{position:absolute;inset:-8%;width:116%;height:116%;border:0;filter:grayscale(1) brightness(var(--map-brightness,.48)) contrast(1.2);opacity:.72}
#ge-lighting .shared-map-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--map-tint),var(--map-shade-side,.69)),rgba(var(--map-tint),var(--map-shade,.69)) 50%,rgba(var(--map-tint),var(--map-shade-side,.69)))}
html[data-map-enabled=false] .shared-map-backdrop{display:none}
.shared-home{display:flex;align-items:center;gap:6px;font:13px system-ui;color:inherit;margin-left:auto}
.shared-home select{min-height:44px;padding:6px 10px;color:var(--app-text,#e8f0f4);background:var(--app-card,#142f40);border:1px solid var(--app-border,#62899d);border-radius:6px;font:inherit}
.shared-map-credit{font-size:10px;color:var(--app-muted);text-decoration:none}

.shared-aux section{background:var(--app-card);color:var(--app-text)}
.shared-aux button,.shared-aux select{background:var(--app-button);color:var(--app-text);border-color:var(--app-border)}
.shared-aux button[aria-pressed=true]{background:#8b3028;color:white}

.leak-dot{display:inline-block;width:20px;height:20px;border-radius:50%;background:#929aa0;margin:6px;vertical-align:middle}.leak-dot[data-state=dry]{background:#31cc65;box-shadow:0 0 5px #31cc6566}.leak-dot[data-state=wet]{background:#ff3939;animation:leak-pulse 1.4s ease-in-out infinite}@keyframes leak-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #ff393955}50%{transform:scale(1.18);box-shadow:0 0 0 7px #ff393922}}@media(prefers-reduced-motion:reduce){.leak-dot[data-state=wet]{animation:none;box-shadow:0 0 0 4px #ff393944}}

:root{--app-scene-button:var(--app-button)}
html[data-theme=fall-rockies]{--app-scene-button:#493323}
html #ge-lighting #ge-living-scenes.hoco-scenes-sidebar button{background:var(--app-scene-button);color:var(--app-text)}
html #ge-lighting #ge-living-scenes.hoco-scenes-sidebar button:not(:disabled):hover{background:var(--app-hover)}