:root{color-scheme:dark;--bg: #07111f;--panel: rgba(12, 23, 38, .76);--panel-strong: rgba(14, 27, 45, .92);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--text: #eef6ff;--muted: #94a7bd;--cyan: #38d5ff;--amber: #f8b84e;--green: #5df09a;--violet: #a889ff;--danger: #ff657a;--shadow: 0 18px 80px rgba(0, 0, 0, .32);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(56,213,255,.14),transparent 28rem),radial-gradient(circle at 92% 12%,rgba(248,184,78,.1),transparent 24rem),linear-gradient(135deg,#06101c,#0b1324 54%,#111528);color:var(--text)}button,a,input{font:inherit}button,a{color:inherit}button{cursor:pointer}svg{width:1em;height:1em;flex:0 0 auto}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;background:#07111fd1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-row,.system-status,.panel-header,.hero-top,.panel-top,.media-top,.camera-actions,.temp-controls,.state-row,.list-row{display:flex;align-items:center}.brand-row{gap:.75rem}.brand-mark{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.55rem;background:linear-gradient(135deg,var(--cyan),rgba(168,137,255,.5));box-shadow:0 0 28px #38d5ff38}.brand-mark div{width:.65rem;height:.65rem;border-radius:50%;background:var(--bg)}.brand-name,h1,h2,h3,.hero-card strong,.mini-stat strong,.temp-readout,.gauge-ring strong{font-family:Sora,Inter,sans-serif}.brand-name{font-weight:700}.brand-subtitle,.sidebar-foot,.system-status,.mini-stat span,.hero-card small,.camera-state,.state-row strong,.list-row strong,.metric span{font-family:JetBrains Mono,ui-monospace,monospace}.brand-subtitle{color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em}.system-status{gap:.55rem;color:var(--muted);font-size:.82rem}.status-icon.ok,.ok{color:var(--green)}.status-icon.warn,.warn{color:var(--amber)}.status-icon.danger,.danger-text,.danger{color:var(--danger)}.clock{padding-left:.7rem;border-left:1px solid var(--line)}.workspace{display:flex;align-items:flex-start}.sidebar{position:sticky;top:64px;width:248px;height:calc(100vh - 64px);padding:.75rem;flex:0 0 auto}.sidebar nav{height:100%;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border:1px solid var(--line);border-radius:1rem;background:#091220bf;box-shadow:var(--shadow)}.nav-item{min-height:2.75rem;display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:.75rem;color:var(--muted);text-decoration:none;transition:background .16s ease,color .16s ease}.nav-item svg{width:1.15rem;height:1.15rem}.nav-item:hover,.nav-item.active{color:var(--text);background:#ffffff12}.nav-item.active{color:var(--cyan);outline:1px solid rgba(56,213,255,.18)}.active-dot{width:.45rem;height:.45rem;margin-left:auto;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.sidebar-foot{margin-top:auto;padding:1rem .5rem .25rem;color:#94a7bda6;font-size:.63rem;text-transform:uppercase;letter-spacing:.14em}main{width:100%;min-width:0;padding:1.5rem clamp(1rem,2vw,2rem) 2rem}.page{width:min(1500px,100%);margin:0 auto}.stack{display:grid;gap:1rem}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.25rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,3vw,2.55rem)}.page-title p,.muted-copy{color:var(--muted);margin-top:.3rem}.panel,.hero-card,.mini-stat,.notice,.entity-tile,.soft-button{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{border-radius:.85rem;padding:1rem}.panel-header{justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header h2{display:flex;align-items:center;gap:.5rem;font-size:1rem}.panel-header span,.state-line,.state-meta,.camera-meta,.media-top span,.entity-tile small{color:var(--muted);font-size:.82rem}.alert-grid,.hero-grid,.mini-grid,.tile-grid,.gauge-grid,.camera-grid,.two-col{display:grid;gap:1rem}.alert-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.gauge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{min-height:12rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;padding:1.15rem;border-radius:.85rem;text-decoration:none}.hero-card:after{content:"";position:absolute;inset:auto -2rem -2.5rem auto;width:9rem;height:9rem;border-radius:50%;filter:blur(34px);opacity:.2;background:currentColor}.hero-top{justify-content:space-between}.hero-top span{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.8rem;background:#ffffff14}.hero-card small,.mini-stat span,.camera-state{text-transform:uppercase;letter-spacing:.13em;font-size:.65rem}.hero-card strong{font-size:2.5rem;line-height:1}.hero-card p{color:var(--muted);font-size:.84rem}.hero-body,.hero-detail-row{position:relative;z-index:1}.hero-body{display:grid;gap:.32rem}.hero-status-pill{max-width:62%;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .72rem;border:1px solid var(--line);border-radius:999px;background:#ffffff12;color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-detail-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.hero-detail-row span{min-height:2.2rem;display:flex;align-items:center;padding:0 .65rem;border:1px solid var(--line);border-radius:.72rem;background:#ffffff0e;color:var(--muted);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amber{color:var(--amber)}.green{color:var(--green)}.violet{color:var(--violet)}.mini-stat{min-height:6rem;display:flex;flex-direction:column;justify-content:space-between;padding:.95rem;border-radius:.85rem}.mini-stat div{display:flex;align-items:center;gap:.45rem}.mini-stat strong{color:var(--text);font-size:1.45rem}.notice{display:flex;gap:.8rem;padding:1rem;border-radius:.85rem}.notice.info{border-color:#38d5ff59}.notice.danger{border-color:#ff657a66}.notice svg{margin-top:.1rem;font-size:1.25rem}.notice p{color:var(--muted);margin-top:.2rem;font-size:.9rem}.entity-tile{min-height:5.2rem;width:100%;display:flex;align-items:center;gap:.85rem;padding:.9rem;border-radius:.75rem;text-align:left;text-decoration:none;color:var(--text);transition:border-color .16s ease,background .16s ease,transform .16s ease}.entity-tile:hover{transform:translateY(-1px);border-color:var(--line-strong)}.entity-tile.active{background:#38d5ff1f;border-color:#38d5ff59}.entity-tile.active.amber{background:#f8b84e1f;border-color:#f8b84e59}.entity-tile.active.danger{background:#ff657a1f;border-color:#ff657a59}.tile-icon{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.7rem;background:#ffffff12}.tile-text{min-width:0;flex:1}.tile-text strong,.tile-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-shell{width:2.65rem;height:1.55rem;padding:.18rem;border-radius:999px;background:#ffffff14;border:1px solid var(--line)}.switch-shell span{display:block;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--muted);transition:transform .16s ease,background .16s ease}.active .switch-shell span{transform:translate(1.05rem);background:var(--text)}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted)}.status-dot.ok{background:var(--green);box-shadow:0 0 14px var(--green)}.status-dot.warn{background:var(--amber);box-shadow:0 0 14px var(--amber)}.status-dot.danger{background:var(--danger);box-shadow:0 0 14px var(--danger)}.status-dot.muted{background:#94a7bd73}.camera-frame,.media-preview{position:relative;overflow:hidden;border-radius:.8rem;background:#02060b;border:1px solid var(--line)}.camera-frame{aspect-ratio:16 / 9}.camera-frame img,.camera-frame video,.media-preview img{width:100%;height:100%;object-fit:cover;display:block}.camera-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:.45rem;color:var(--muted);text-align:center;padding:1rem}.camera-empty svg{font-size:2rem;color:#38d5ff8c}.camera-empty small{color:#94a7bdb8}.camera-label,.camera-state{position:absolute;top:.75rem;display:flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border-radius:999px;background:#040910b8;border:1px solid var(--line)}.camera-label{left:.75rem}.camera-state{right:.75rem}.camera-actions{justify-content:space-between;gap:1rem;margin-top:1rem}.camera-actions .entity-tile{max-width:14rem}.camera-meta{min-width:0;display:grid;justify-items:end;gap:.2rem}.camera-meta span{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gauge-card{display:grid;justify-items:center;gap:.8rem}.gauge-ring{--angle: 90deg;width:min(100%,13rem);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(currentColor var(--angle),rgba(255,255,255,.08) 0)}.gauge-ring>div{width:76%;height:76%;display:grid;place-items:center;align-content:center;border-radius:50%;background:var(--panel-strong);color:var(--text)}.gauge-ring strong{font-size:1.85rem}.gauge-ring span,.gauge-card p{color:var(--muted);font-size:.85rem}.slider-row{display:grid;grid-template-columns:1fr auto;gap:.55rem;color:var(--muted)}.slider-row input{grid-column:1 / -1;width:100%;accent-color:var(--cyan)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:1rem}.segmented button,.soft-button,.icon-button,.transport button,.temp-controls button{border:1px solid var(--line);background:#ffffff0f;color:var(--text);border-radius:.65rem}.segmented button{padding:.65rem .45rem}.soft-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.35rem;padding:0 .85rem}.soft-button svg,.icon-button svg{width:1rem;height:1rem}.icon-button{width:2.35rem;height:2.35rem;display:grid;place-items:center;padding:0}.mobile-only{display:none}.state-rows,.compact-list{display:grid;gap:.5rem}.state-row,.list-row{justify-content:space-between;gap:1rem;padding:.65rem .75rem;border-radius:.65rem;background:#ffffff0e}.state-row span,.list-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.state-row strong.on{color:var(--green)}.danger-row{color:var(--danger)}.metric{display:grid;gap:.25rem;padding:.8rem;border-radius:.7rem;background:#ffffff0e}.metric strong{color:var(--text);font-size:1.35rem}.sensor-panel{min-height:11rem;display:grid;align-content:space-between}.panel-top{justify-content:space-between;font-size:1.35rem;color:var(--cyan)}.state-meta{gap:.35rem}.state-meta.muted{color:#94a7bda6}.climate-card{display:grid;gap:1rem}.temp-readout{font-size:3.5rem;line-height:1}.temp-controls{justify-content:space-between;gap:.75rem}.temp-controls span{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--muted)}.temp-controls button,.transport button{width:2.6rem;height:2.4rem;display:grid;place-items:center}.media-card{display:grid;gap:1rem}.media-top{gap:.75rem}.media-top .icon-button{margin-left:auto}.media-icon{width:2.65rem;height:2.65rem;display:grid;place-items:center;border-radius:.75rem;background:#ffffff12;color:var(--muted)}.media-icon.active{background:#38d5ff24;color:var(--cyan)}.media-preview{min-height:10rem;display:grid;place-items:center;color:#38d5ff59}.media-preview>svg{font-size:3rem}.media-preview div{position:absolute;left:0;right:0;bottom:0;display:grid;gap:.15rem;padding:1.6rem .85rem .75rem;background:linear-gradient(transparent,#000000c7)}.media-preview span,.media-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-preview span{color:var(--cyan);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.media-preview strong{color:#fff}.transport{display:grid;grid-template-columns:2.6rem 1fr 2.6rem;gap:.5rem}.transport button:nth-child(2){width:100%}@media(max-width:1120px){.hero-grid,.mini-grid,.gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.mobile-only{display:grid}.system-status .clock{display:none}.sidebar{position:fixed;left:0;top:64px;z-index:30;transform:translate(-105%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.mobile-scrim{position:fixed;inset:64px 0 0;z-index:25;border:0;background:#0000007a}main{padding:1rem}.page-title{align-items:flex-start;flex-direction:column}.hero-grid,.mini-grid,.gauge-grid,.two-col,.camera-grid{grid-template-columns:1fr}.topbar{padding:0 .8rem}}:root{--bg: #020711;--panel: rgba(9, 18, 32, .64);--panel-strong: rgba(10, 21, 38, .86);--panel-lift: rgba(17, 35, 58, .62);--line: rgba(159, 216, 255, .13);--line-strong: rgba(112, 231, 255, .38);--text: #f3f9ff;--muted: #9db2c9;--cyan: #35e7ff;--blue: #4f8cff;--amber: #ffc15f;--green: #70f2a4;--violet: #7aa7ff;--danger: #ff6f89;--shadow: 0 24px 88px rgba(0, 0, 0, .48), 0 0 0 1px rgba(255, 255, 255, .025);--glow-cyan: 0 0 30px rgba(53, 231, 255, .22);--glow-blue: 0 0 34px rgba(79, 140, 255, .2);--glow-amber: 0 0 30px rgba(255, 193, 95, .18);--radius-card: 1.35rem;--radius-control: 1rem}html{background:#020711}body{background:linear-gradient(180deg,#030a16f5,#01040afa),linear-gradient(135deg,#030815,#07162a 46%,#02050c);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 72%)}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid rgba(53,231,255,.7);outline-offset:3px}.topbar{height:76px;padding:0 clamp(1rem,2.4vw,2rem);background:#020711c7;border-bottom-color:#70e7ff2b;box-shadow:0 18px 64px #0000005c;-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}.brand-row{gap:.9rem}.brand-mark{width:2.55rem;height:2.55rem;border-radius:.95rem;background:linear-gradient(145deg,#35e7fff2,#4f8cffb8),#07111f;box-shadow:var(--glow-cyan),inset 0 1px #ffffff73}.brand-name{font-size:1.05rem;letter-spacing:.04em}.brand-subtitle{color:#9db2c9e0;letter-spacing:.18em}.system-status{min-height:2.65rem;padding:0 .8rem;border:1px solid rgba(159,216,255,.12);border-radius:999px;background:#09122094;box-shadow:inset 0 1px #ffffff0d}.workspace{min-height:calc(100vh - 76px)}.sidebar{top:76px;width:284px;height:calc(100vh - 76px);padding:1rem .95rem}.sidebar nav{gap:.45rem;padding:.95rem;border-color:#9fd8ff21;border-radius:1.45rem;background:linear-gradient(180deg,#0d1c2fc2,#040a14a8),#091220ad;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}.nav-item{min-height:3.35rem;padding:.82rem .9rem;border-radius:1rem;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-item svg{width:1.28rem;height:1.28rem}.nav-item:hover{transform:translate(2px);background:#ffffff13}.nav-item.active{color:var(--cyan);background:linear-gradient(135deg,#35e7ff29,#4f8cff1a);outline:1px solid rgba(53,231,255,.3);box-shadow:inset 0 1px #ffffff0f,var(--glow-cyan)}.active-dot{width:.5rem;height:.5rem}main{padding:clamp(.62rem,1vw,1rem) clamp(.5rem,1vw,1rem) 1rem}.page{width:min(1760px,100%)}.stack,.alert-grid,.hero-grid,.mini-grid,.tile-grid,.gauge-grid,.camera-grid,.two-col{gap:1.15rem}.page-title{margin-bottom:.35rem}h1{font-size:clamp(2rem,3vw,3rem);letter-spacing:.01em}.page-title p,.muted-copy{color:#9db2c9db}.panel,.hero-card,.mini-stat,.notice,.entity-tile,.soft-button,.segmented button,.icon-button,.transport button,.temp-controls button,.state-row,.list-row,.metric,.camera-frame,.media-preview{border-color:var(--line);background:linear-gradient(180deg,#ffffff10,#ffffff07),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}.panel,.hero-card,.mini-stat,.notice{border-radius:var(--radius-card)}.panel{padding:clamp(1.05rem,1.6vw,1.45rem)}.panel-header{margin-bottom:1.15rem}.panel-header h2{font-size:1.06rem}.hero-grid{grid-template-columns:repeat(4,minmax(230px,1fr))}.mini-grid{grid-template-columns:repeat(6,minmax(150px,1fr))}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.camera-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.hero-card{min-height:13.5rem;padding:1.3rem;border-radius:1.45rem;gap:.95rem;background:linear-gradient(160deg,#ffffff14,#ffffff07),linear-gradient(135deg,color-mix(in srgb,currentColor 12%,transparent),transparent 58%),var(--panel);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.hero-card:after{display:none}.hero-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,currentColor 42%,rgba(255,255,255,.14));box-shadow:var(--shadow),0 0 42px color-mix(in srgb,currentColor 20%,transparent)}.hero-top span,.tile-icon,.media-icon{border:1px solid rgba(159,216,255,.12);background:#ffffff13;box-shadow:inset 0 1px #ffffff14}.hero-card strong{font-size:clamp(2.25rem,3vw,3rem)}.hero-body{gap:.42rem}.hero-status-pill{border-color:color-mix(in srgb,currentColor 28%,rgba(255,255,255,.12));background:linear-gradient(180deg,#ffffff1c,#ffffff0b),color-mix(in srgb,currentColor 10%,transparent);box-shadow:inset 0 1px #ffffff14}.hero-detail-row span{min-height:2.45rem;border-color:#9fd8ff1f;background:#02071152}.command-page.stack{gap:.62rem}.command-page .page-title{align-items:center;gap:.42rem;min-height:2.35rem;margin-bottom:-.28rem}.command-page .page-title>div:first-child{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:.34rem}.command-page .page-title h1{flex:0 0 auto;font-size:clamp(.98rem,1.15vw,1.22rem);line-height:1.08;white-space:nowrap}.command-page .page-title p{margin-top:0;color:#9db2c9e6;font-size:clamp(.66rem,.78vw,.76rem);line-height:1.15}.command-page .page-title>div:last-child{flex:0 0 auto}.page-title-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.42rem}@media(max-width:1120px){.command-page .page-title{gap:.34rem}.command-page .page-title>div:first-child{flex:1 1 auto;flex-wrap:nowrap}.command-page .page-title h1{font-size:1rem}.command-page .page-title p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.command-page .page-title .soft-button{width:2.25rem;min-height:2.15rem;justify-content:center;gap:0;padding:0;font-size:0}.command-page .page-title .soft-button svg{width:1rem;height:1rem}.command-groups-grid{grid-template-columns:1fr}}.command-worktop{display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.82fr);gap:1rem;align-items:stretch}.command-left{min-width:0;display:grid;align-content:start;gap:.72rem}.command-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.58rem}.command-page .hero-card{min-height:5.2rem;padding:.66rem;border-radius:.92rem;gap:.34rem}.command-page .hero-top span{width:1.82rem;height:1.82rem;border-radius:.62rem;font-size:.9rem}.command-page .hero-card strong{font-size:clamp(1.16rem,1.55vw,1.52rem)}.command-page .hero-card p{overflow:hidden;color:#9db2c9db;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.command-page .hero-status-pill{min-height:1.32rem;max-width:72%;padding:0 .42rem;font-size:.47rem;letter-spacing:.08em}.command-page .hero-detail-row{display:none}.command-page .hero-detail-row span{min-height:2rem;padding:0 .52rem;border-radius:.62rem;font-size:.7rem}.command-page .hero-body{gap:.12rem}.command-page .hero-card small{font-size:.5rem}.command-groups-panel{display:grid;gap:.62rem;padding:.74rem;border-color:#9fd8ff24;background:linear-gradient(135deg,rgba(53,231,255,.07),transparent 42%),linear-gradient(180deg,#ffffff10,#ffffff06),#091220b3}.command-groups-head,.command-groups-head>div,.command-group-head,.command-group-head>div{display:flex;align-items:center}.command-groups-head{justify-content:space-between;gap:.68rem}.command-groups-head>div{min-width:0;gap:.44rem}.command-groups-head h2{min-width:0;display:flex;align-items:center;gap:.38rem;margin:0;font-size:.92rem;line-height:1.1}.command-groups-head h2 svg{color:var(--cyan);width:.98rem;height:.98rem}.command-groups-head span{overflow:hidden;color:var(--muted);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.group-add-button{min-height:2.2rem;display:flex;align-items:center;gap:.38rem;flex:0 0 auto;padding:0 .66rem;border:1px solid rgba(53,231,255,.22);border-radius:.72rem;background:#35e7ff17;color:var(--cyan);font-size:.72rem;font-weight:800;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.group-add-button:hover{transform:translateY(-1px);border-color:#35e7ff6b;box-shadow:0 0 22px #35e7ff24}.group-add-button svg{width:.95rem;height:.95rem}.command-groups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem}.command-group-card{min-width:0;display:grid;gap:.48rem;padding:.58rem;border:1px solid var(--line);border-radius:.86rem;background:linear-gradient(180deg,#ffffff10,#ffffff07),#0207114f;box-shadow:inset 0 1px #ffffff0e;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.command-group-card.drag-over{border-color:#35e7ff94;background:linear-gradient(135deg,#35e7ff21,#70f2a40f),#0207116b;box-shadow:0 0 28px #35e7ff26}.command-group-head{justify-content:space-between;gap:.5rem}.command-group-head strong{overflow:hidden;color:var(--text);font-size:.78rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.command-group-head>div{gap:.28rem;flex:0 0 auto}.command-group-head button,.group-item-remove{width:1.82rem;height:1.82rem;display:grid;place-items:center;border:1px solid rgba(159,216,255,.13);border-radius:.56rem;background:#fff1;color:var(--muted);transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.command-group-head button:hover,.group-item-remove:hover{color:var(--cyan);border-color:#35e7ff5c;background:#35e7ff1a;transform:translateY(-1px)}.command-group-head button svg,.group-item-remove svg{width:.88rem;height:.88rem}.command-group-items{min-height:3.28rem;display:grid;gap:.42rem}.command-group-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.36rem;align-items:stretch}.command-group-item .dashboard-action{min-height:3.2rem;gap:.42rem;padding:.44rem;border-radius:.66rem}.command-group-item .dashboard-action-icon{width:1.85rem;height:1.85rem;border-radius:.56rem}.command-group-item .dashboard-action-text strong{font-size:.72rem}.command-group-item .dashboard-action-text small{font-size:.58rem}.command-group-item .dashboard-action-toggle{width:1.88rem;height:1.08rem}.command-group-item .dashboard-action.active .dashboard-action-toggle span{transform:translate(.72rem)}.command-group-item .dashboard-action-toggle span{width:.76rem;height:.76rem}.command-group-drop-hint,.command-groups-empty{min-height:3.25rem;display:grid;place-items:center;gap:.18rem;padding:.62rem;border:1px dashed rgba(159,216,255,.22);border-radius:.72rem;background:#ffffff09;color:var(--muted);text-align:center}.command-group-drop-hint{grid-template-columns:auto auto;justify-content:center;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.command-group-drop-hint svg{width:.9rem;height:.9rem;color:var(--cyan)}.command-groups-empty strong{color:var(--text);font-size:.82rem}.command-groups-empty small{color:var(--muted);font-size:.68rem}@media(max-width:1120px){.command-groups-grid{grid-template-columns:1fr}}.sonos-volume-panel{min-height:0;display:flex;flex-direction:column;gap:.72rem;padding:.88rem}.sonos-volume-head,.sonos-volume-head>div,.sonos-volume-zone>div{display:flex;align-items:center}.sonos-volume-head{justify-content:space-between;gap:.75rem}.sonos-volume-head>div{min-width:0;gap:.62rem}.sonos-volume-icon{width:2.1rem;height:2.1rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(53,231,255,.22);border-radius:.72rem;background:#35e7ff17;color:var(--cyan)}.sonos-volume-head h2,.sonos-volume-head p{margin:0}.sonos-volume-head h2{font-size:1rem}.sonos-volume-head p{overflow:hidden;color:var(--muted);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.sonos-volume-head>strong{color:var(--cyan);font-size:clamp(1.7rem,2.5vw,2.35rem);line-height:1}.sonos-volume-grid{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:.58rem}.sonos-volume-zone{min-width:0;display:grid;align-content:space-between;gap:.36rem;padding:.7rem;border:1px solid var(--line);border-radius:.82rem;background:linear-gradient(180deg,#ffffff10,#ffffff07),#0207114d;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.sonos-volume-zone:hover{transform:translateY(-1px);border-color:color-mix(in srgb,currentColor 34%,rgba(255,255,255,.14));box-shadow:0 0 24px color-mix(in srgb,currentColor 16%,transparent)}.sonos-volume-zone>div{justify-content:space-between;gap:.5rem}.sonos-volume-zone span{overflow:hidden;color:var(--text);font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sonos-volume-zone strong{flex:0 0 auto;color:currentColor;font-size:1.08rem}.sonos-volume-zone small{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.sonos-volume-zone.cyan{color:var(--cyan)}.sonos-volume-zone.amber{color:var(--amber)}.sonos-volume-zone.green{color:var(--green)}.sonos-volume-zone.muted,.sonos-volume-zone.unavailable{opacity:.58;filter:saturate(.74)}.sonos-volume-track{height:.38rem;overflow:hidden;border-radius:999px;background:#ffffff1a}.sonos-volume-track i{height:100%;display:block;border-radius:inherit;background:currentColor;box-shadow:0 0 16px currentColor}.porsche-charger-panel{min-height:9.6rem;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(11.4rem,.48fr) minmax(0,1fr);gap:.58rem;align-items:stretch;padding:.62rem;border-color:#35e7ff2e;background:linear-gradient(135deg,rgba(53,231,255,.075),transparent 48%),linear-gradient(180deg,#ffffff10,#ffffff06),var(--panel)}.porsche-charger-panel.active{border-color:#70f2a473;box-shadow:var(--shadow),0 0 28px #70f2a421}.porsche-charger-panel.unavailable{border-color:#ff6f894d}.porsche-visual,.land-rover-visual{min-width:0;position:relative;overflow:hidden;display:grid;place-items:center;min-height:8.35rem;border:1px solid rgba(159,216,255,.12);border-radius:1rem;background:radial-gradient(ellipse at 50% 92%,rgba(53,231,255,.22),transparent 38%),radial-gradient(circle at 16% 12%,rgba(112,242,164,.12),transparent 32%),linear-gradient(145deg,#1e3644db,#07111cf5 48%,#01050afa)}.porsche-visual:before,.land-rover-visual:before{content:"";position:absolute;z-index:0;left:8%;right:8%;bottom:10%;height:30%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(53,231,255,.2),transparent 68%),radial-gradient(ellipse at center,rgba(112,242,164,.12),transparent 56%);filter:blur(10px);opacity:.92}.porsche-visual:after,.land-rover-visual:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,7,17,.2),transparent 38%,rgba(2,7,17,.1)),linear-gradient(180deg,rgba(53,231,255,.055),transparent 42%,rgba(2,7,17,.42))}.porsche-visual img{position:relative;z-index:1;width:124%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(1.04) contrast(1.03) brightness(1.06) drop-shadow(0 16px 24px rgba(0,0,0,.5))}.porsche-image-fallback{position:relative;z-index:1;width:4.2rem;height:4.2rem;display:grid;place-items:center;border:1px solid rgba(53,231,255,.22);border-radius:1.15rem;background:#35e7ff14;color:var(--cyan)}.porsche-visual-badges{position:absolute;z-index:3;left:.42rem;right:.42rem;bottom:.42rem;display:flex;justify-content:space-between;gap:.42rem}.porsche-visual-badges span{min-width:0;overflow:hidden;padding:.28rem .42rem;border:1px solid rgba(159,216,255,.14);border-radius:999px;background:#020711b8;color:#eff8ffe6;font-size:.56rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.porsche-charger-icon{width:1.9rem;height:1.9rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(53,231,255,.2);border-radius:.64rem;background:#35e7ff14;color:var(--cyan)}.porsche-charger-panel.unavailable .porsche-charger-icon{border-color:#ff6f8940;background:#ff6f8914;color:var(--danger)}.porsche-charger-main{min-width:0;display:grid;align-content:space-between;gap:.42rem}.porsche-charger-head,.porsche-charger-head>div{min-width:0;display:flex;align-items:center}.porsche-charger-head{justify-content:space-between;gap:.52rem}.porsche-charger-head>div{gap:.48rem}.porsche-charger-main h2,.porsche-charger-main p,.porsche-charger-main small{margin:0}.porsche-charger-main h2{overflow:hidden;font-size:.92rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.porsche-charger-main small,.porsche-charger-main p,.porsche-charger-stats small{color:var(--muted)}.porsche-charger-main small{overflow:hidden;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.porsche-charger-head>strong{flex:0 0 auto;color:var(--cyan);font-size:clamp(1.22rem,1.65vw,1.68rem);line-height:1}.porsche-charger-panel.unavailable .porsche-charger-head>strong{color:var(--danger)}.porsche-charge-progress{display:grid;gap:.24rem}.porsche-charge-progress-labels{display:flex;justify-content:space-between;gap:.8rem;color:#eff8ffdb;font-size:.6rem;font-weight:800}.porsche-charge-track{position:relative;height:.48rem;overflow:hidden;border-radius:999px;background:#ffffff1a}.porsche-charge-track i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 18px #70f2a447}.porsche-charge-track b{position:absolute;top:-.18rem;bottom:-.18rem;width:2px;border-radius:999px;background:var(--amber);box-shadow:0 0 12px #ffc15f8f}.porsche-charger-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.porsche-charger-stats span{min-width:0;display:grid;gap:.08rem;padding:.34rem .36rem;border:1px solid rgba(159,216,255,.11);border-radius:.62rem;background:#02071147}.porsche-charger-stats b,.porsche-charger-stats small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.porsche-charger-stats b{color:var(--text);font-size:.66rem;line-height:1.05}.porsche-charger-stats small{font-size:.55rem}.porsche-target-control{display:grid;grid-template-columns:2.45rem minmax(0,1fr) 2.45rem;gap:.42rem;align-items:center;padding:.42rem;border:1px solid rgba(159,216,255,.12);border-radius:.78rem;background:#02071147}.porsche-target-control button,.porsche-action{border:1px solid rgba(159,216,255,.13);background:linear-gradient(180deg,#ffffff14,#ffffff08),#02071152;color:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.porsche-target-control button{height:2.28rem;display:grid;place-items:center;border-radius:.68rem;color:var(--cyan)}.porsche-target-control button svg{width:1rem;height:1rem}.porsche-target-control>div{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:.7rem}.porsche-target-control small{color:var(--muted);font-size:.66rem;font-weight:700}.porsche-target-control strong{color:var(--text);font-size:1rem}.porsche-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem}.porsche-action{min-width:0;min-height:2.42rem;display:flex;align-items:center;gap:.28rem;padding:.36rem;border-radius:.62rem;text-align:left}.porsche-action:hover,.porsche-target-control button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,currentColor 36%,rgba(255,255,255,.14));box-shadow:0 0 22px color-mix(in srgb,currentColor 15%,transparent)}.porsche-action:active,.porsche-target-control button:active{transform:scale(.985)}.porsche-action svg{width:.92rem;height:.92rem;flex:0 0 auto}.porsche-action span{min-width:0;display:grid;gap:.05rem}.porsche-action b,.porsche-action small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.porsche-action b{color:var(--text);font-size:.62rem;line-height:1.1}.porsche-action small{color:var(--muted);font-size:.52rem}.porsche-action.cyan{color:var(--cyan)}.porsche-action.amber{color:var(--amber)}.porsche-action.green{color:var(--green)}.porsche-action.violet{color:var(--blue)}.porsche-action.danger{color:var(--danger)}.porsche-action.active{border-color:color-mix(in srgb,currentColor 44%,rgba(255,255,255,.12));background:linear-gradient(135deg,color-mix(in srgb,currentColor 18%,transparent),#ffffff0a),#02071157}.porsche-action.pending{border-color:#ffc15f85;box-shadow:0 0 20px #ffc15f26}.porsche-action:disabled,.porsche-target-control button:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.68)}@media(max-width:1180px){.porsche-charger-panel{grid-template-columns:minmax(10.5rem,.42fr) minmax(0,1fr)}}@media(max-width:820px){.porsche-charger-panel{grid-template-columns:1fr}.porsche-visual{min-height:8rem}}@media(max-width:560px){.porsche-charger-stats,.porsche-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.land-rover-panel{min-height:9.6rem;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(11.4rem,.48fr) minmax(0,1fr);gap:.58rem;align-items:stretch;padding:.62rem;border-color:#70f2a433;background:linear-gradient(135deg,rgba(112,242,164,.085),transparent 50%),linear-gradient(180deg,#ffffff10,#ffffff06),var(--panel)}.land-rover-panel.setup{border-color:#ffc15f42}.land-rover-panel.active{border-color:#70f2a475;box-shadow:var(--shadow),0 0 28px #70f2a41f}.land-rover-visual{background:radial-gradient(circle at 34% 24%,rgba(159,216,255,.16),transparent 32%),radial-gradient(ellipse at 50% 92%,rgba(53,231,255,.22),transparent 38%),radial-gradient(circle at 16% 12%,rgba(112,242,164,.12),transparent 32%),linear-gradient(145deg,#1e3644db,#07111cf5 48%,#01050afa)}.land-rover-visual img{position:relative;z-index:1;width:128%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(1.06) contrast(1.08) brightness(1.18) drop-shadow(0 18px 24px rgba(0,0,0,.5))}.land-rover-visual-badges{position:absolute;z-index:3;left:.42rem;right:.42rem;bottom:.42rem;display:flex;justify-content:space-between;gap:.42rem}.land-rover-visual-badges span{min-width:0;display:inline-flex;align-items:center;gap:.26rem;overflow:hidden;padding:.28rem .42rem;border:1px solid rgba(159,216,255,.14);border-radius:999px;background:#020711b8;color:#eff8ffe6;font-size:.56rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.land-rover-visual-badges svg{width:.68rem;height:.68rem;flex:0 0 auto;color:var(--green)}.land-rover-panel.setup .land-rover-visual-badges svg{color:var(--amber)}.land-rover-main{min-width:0;display:grid;align-content:space-between;gap:.42rem}.land-rover-head,.land-rover-head>div{min-width:0;display:flex;align-items:center}.land-rover-head{justify-content:space-between;gap:.52rem}.land-rover-head>div{gap:.48rem}.land-rover-head>div>div{min-width:0}.land-rover-icon{width:1.9rem;height:1.9rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(112,242,164,.22);border-radius:.64rem;background:#70f2a414;color:var(--green)}.land-rover-panel.setup .land-rover-icon{border-color:#ffc15f3d;background:#ffc15f14;color:var(--amber)}.land-rover-head h2,.land-rover-head small{margin:0}.land-rover-head h2{overflow:hidden;color:var(--text);font-size:.92rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.land-rover-head small{overflow:hidden;display:block;color:var(--muted);font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.land-rover-head>strong{flex:0 0 auto;color:var(--green);font-size:clamp(1.22rem,1.65vw,1.68rem);line-height:1}.land-rover-panel.setup .land-rover-head>strong{color:var(--amber)}.land-rover-meter{display:grid;gap:.24rem}.land-rover-meter>div{display:flex;justify-content:space-between;gap:.8rem;color:#eff8ffdb;font-size:.6rem;font-weight:800}.land-rover-meter i{height:.48rem;overflow:hidden;border-radius:999px;background:#ffffff1a}.land-rover-meter b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:0 0 16px #70f2a43d}.land-rover-panel.setup .land-rover-meter b{background:linear-gradient(90deg,#ffc15fc7,#35e7ff94)}.land-rover-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.land-rover-stats span{min-width:0;display:grid;gap:.08rem;padding:.34rem .36rem;border:1px solid rgba(159,216,255,.11);border-radius:.62rem;background:#02071147}.land-rover-stats b,.land-rover-stats small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.land-rover-stats b{color:var(--text);font-size:.66rem;line-height:1.05}.land-rover-stats small{color:var(--muted);font-size:.55rem}@media(max-width:820px){.land-rover-panel{grid-template-columns:1fr}.land-rover-visual{min-height:8rem}}@media(max-width:560px){.land-rover-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.priority-panel{display:flex;flex-direction:column;gap:.75rem}.priority-panel .panel-header{margin-bottom:0}.priority-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.dashboard-metric,.dashboard-action{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff12,#ffffff07),#02071147;box-shadow:inset 0 1px #ffffff0e}.dashboard-metric{min-height:4rem;display:grid;align-content:center;justify-items:center;gap:.18rem;padding:.52rem .35rem;border-radius:.85rem;text-align:center}.dashboard-metric svg{width:1rem;height:1rem}.dashboard-metric span{color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.dashboard-metric strong{color:var(--text);font-size:1rem;line-height:1.1}.priority-control-box{position:relative;overflow:hidden;display:grid;gap:.56rem;padding:.66rem;border:1px solid rgba(53,231,255,.26);border-radius:1rem;background:linear-gradient(180deg,#02071157,#020711a8),radial-gradient(circle at 12% 8%,rgba(53,231,255,.16),transparent 34%),url(./assets/pool-water-dark.png) center / cover no-repeat,#0207117a;box-shadow:inset 0 1px #ffffff10,0 0 28px #35e7ff14}.priority-control-box:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 112%,rgba(53,231,255,.2),transparent 42%),radial-gradient(ellipse at 82% -12%,rgba(112,242,164,.11),transparent 34%),linear-gradient(110deg,rgba(255,255,255,.06),transparent 38%,rgba(53,231,255,.045) 72%,transparent);opacity:.72;mix-blend-mode:screen}.priority-control-box:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#02071114,#02071180)}.priority-control-box>*{position:relative;z-index:1}.priority-control-head{min-width:0;display:flex;align-items:center;gap:.44rem;padding:.04rem .08rem .18rem;border-bottom:1px solid rgba(159,216,255,.12)}.priority-control-head>span{width:1.35rem;height:1.35rem;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:0;background:transparent;color:var(--cyan)}.priority-control-head>span svg{width:1rem;height:1rem}.priority-control-head>div{min-width:0;display:grid;gap:.1rem}.priority-control-head strong,.priority-control-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-control-head strong{color:var(--text);font-size:.82rem;letter-spacing:.015em;line-height:1.05}.priority-control-head small{color:#9db2c9d1;font-size:.62rem}.pool-priority-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.46rem}.pool-priority-actions .dashboard-action{min-height:3.58rem;gap:.52rem;padding:.52rem;border-radius:.78rem}.pool-priority-actions .dashboard-action:first-child{grid-column:1 / -1}.pool-priority-actions .dashboard-action-icon{width:2.08rem;height:2.08rem;border-radius:.68rem}.pool-priority-actions .dashboard-action-text strong{font-size:.78rem;line-height:1.08;overflow:visible;text-overflow:clip;white-space:normal}.pool-priority-actions .dashboard-action-text small{font-size:.62rem}.pool-priority-actions .dashboard-action-toggle{width:2rem;height:1.18rem}.pool-priority-actions .dashboard-action.active .dashboard-action-toggle span{transform:translate(.82rem)}.priority-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.dashboard-action{min-height:4.35rem;display:flex;align-items:center;gap:.7rem;padding:.72rem;border-radius:.92rem;color:var(--text);text-align:left;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.dashboard-action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,currentColor 34%,rgba(255,255,255,.12));box-shadow:var(--glow-blue)}.dashboard-action:active{transform:scale(.985)}.dashboard-action.active{border-color:color-mix(in srgb,currentColor 42%,rgba(255,255,255,.12));background:linear-gradient(135deg,color-mix(in srgb,currentColor 17%,transparent),#ffffff0a),#02071157}.dashboard-action.pending{border-color:#ffc15f85;box-shadow:0 0 24px #ffc15f29}.dashboard-action.unavailable{opacity:.55;filter:saturate(.72)}.dashboard-action:disabled{cursor:not-allowed}.dashboard-action:disabled:hover{transform:none;border-color:var(--line);box-shadow:none}.dashboard-metric.cyan,.dashboard-action.cyan{color:var(--cyan)}.dashboard-metric.amber,.dashboard-action.amber{color:var(--amber)}.dashboard-metric.green,.dashboard-action.green{color:var(--green)}.dashboard-metric.violet,.dashboard-action.violet{color:var(--blue)}.dashboard-metric.danger,.dashboard-action.danger{color:var(--danger)}.dashboard-action-icon{width:2.55rem;height:2.55rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(159,216,255,.12);border-radius:.8rem;background:#ffffff13}.dashboard-action-grip{width:.78rem;display:grid;place-items:center;flex:0 0 auto;color:#9db2c994;cursor:grab}.dashboard-action-grip svg{width:.82rem;height:.82rem}.dashboard-action[draggable=true]:active .dashboard-action-grip{cursor:grabbing}.dashboard-action-text{min-width:0;flex:1 1 auto;display:grid;gap:.16rem}.dashboard-action-text strong,.dashboard-action-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-action-text strong{font-size:.96rem}.dashboard-action-text small{color:var(--muted);font-size:.76rem}.dashboard-action-text strong{color:var(--text)}.dashboard-action-toggle{width:2.28rem;height:1.34rem;flex:0 0 auto;margin-left:auto;padding:.16rem;border:1px solid rgba(159,216,255,.18);border-radius:999px;background:#ffffff17;box-shadow:inset 0 1px #ffffff14}.dashboard-action-toggle span{width:.9rem;height:.9rem;display:block;border-radius:50%;background:#9db2c9c7;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.dashboard-action.active .dashboard-action-toggle{border-color:color-mix(in srgb,currentColor 46%,rgba(255,255,255,.16));background:color-mix(in srgb,currentColor 18%,rgba(255,255,255,.08))}.dashboard-action.active .dashboard-action-toggle span{transform:translate(.94rem);background:linear-gradient(135deg,#ffffff,currentColor);box-shadow:0 0 14px color-mix(in srgb,currentColor 58%,transparent)}.dashboard-action.pending .dashboard-action-toggle span{animation:pending-switch .78s ease-in-out infinite alternate}.alexa-page{gap:.85rem}.alexa-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.alexa-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.alexa-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.72rem}.alexa-device-card{min-width:0;display:grid;gap:.62rem;padding:.75rem;border:1px solid rgba(159,216,255,.13);border-radius:1rem;background:radial-gradient(circle at 12% 0%,rgba(53,231,255,.1),transparent 34%),linear-gradient(180deg,#ffffff12,#ffffff08),#0207115c;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}.alexa-device-card.active{border-color:#35e7ff66;box-shadow:var(--shadow),0 0 28px #35e7ff1f}.alexa-device-card.offline{opacity:.64;filter:saturate(.78)}.alexa-device-head{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.62rem}.alexa-device-icon{width:2.15rem;height:2.15rem;display:grid;place-items:center;border:1px solid rgba(159,216,255,.13);border-radius:.75rem;background:#ffffff13;color:var(--muted)}.alexa-device-icon.active{color:var(--cyan);background:#35e7ff21;box-shadow:0 0 20px #35e7ff29}.alexa-device-head h2,.alexa-device-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alexa-device-head h2{color:var(--text);font-size:.98rem;line-height:1.1}.alexa-device-head small{display:block;margin-top:.12rem;color:var(--muted);font-size:.68rem;text-transform:capitalize}.alexa-device-head strong{color:var(--cyan);font-size:1.18rem;line-height:1}.alexa-volume-track{height:.42rem;overflow:hidden;border-radius:999px;background:#ffffff1a}.alexa-volume-track i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 16px #35e7ff3d}.alexa-device-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem}.alexa-device-actions button{min-width:0;min-height:2.45rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0 .42rem;border:1px solid rgba(159,216,255,.13);border-radius:.72rem;background:#ffffff12;color:var(--text);transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.alexa-device-actions button:hover{transform:translateY(-1px);border-color:#35e7ff57;background:#35e7ff1a;box-shadow:0 0 18px #35e7ff1f}.alexa-device-actions button:active{transform:scale(.985)}.alexa-device-actions button:disabled{cursor:not-allowed;opacity:.46;transform:none;box-shadow:none}.alexa-device-actions button.active{color:var(--amber);border-color:#ffc15f66;background:#ffc15f1c}.alexa-device-actions svg{width:.95rem;height:.95rem}.alexa-device-actions span{overflow:hidden;font-size:.64rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.alexa-fact-row{min-height:1.65rem;display:flex;flex-wrap:wrap;gap:.35rem}.alexa-fact-row span{min-width:0;display:inline-flex;align-items:center;gap:.25rem;padding:.26rem .42rem;border:1px solid rgba(159,216,255,.11);border-radius:999px;background:#ffffff0e;color:var(--muted);font-size:.62rem;font-weight:800}.alexa-fact-row svg{width:.72rem;height:.72rem}.alexa-fact-row .cyan{color:var(--cyan)}.alexa-fact-row .amber{color:var(--amber)}.alexa-fact-row .green{color:var(--green)}.alexa-fact-row .violet{color:var(--blue)}.alexa-fact-row .danger{color:var(--danger)}.alexa-reminders{display:grid;gap:.32rem}.alexa-reminders span{min-width:0;display:flex;justify-content:space-between;gap:.7rem;padding:.42rem .5rem;border:1px solid rgba(159,216,255,.1);border-radius:.68rem;background:#02071147}.alexa-reminders b,.alexa-reminders small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alexa-reminders b{color:var(--text);font-size:.66rem}.alexa-reminders small{color:var(--muted);font-size:.64rem}.command-page .ring-panel{width:100%;padding:.66rem}.command-page .ring-panel .panel-header{margin-bottom:.48rem}.command-page .ring-panel .panel-header h2{font-size:.9rem}.command-page .ring-panel .two-col{gap:.62rem}.command-page .ring-panel .camera-frame{aspect-ratio:16 / 4.35;border-radius:.78rem}.command-page .ring-panel .camera-label,.command-page .ring-panel .camera-state{top:.48rem;padding:.26rem .46rem;font-size:.68rem}.command-page .ring-panel .camera-label{left:.48rem}.command-page .ring-panel .camera-state{right:.48rem}@media(max-width:820px){.command-page .ring-panel{width:100%}.command-page .page-title{align-items:center}.command-page .page-title>div:first-child{display:flex;gap:.28rem}.command-page .page-title h1{font-size:1rem;white-space:nowrap}.command-page .page-title p{margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.sonos-volume-grid{grid-template-columns:1fr}}.mini-stat{min-height:7rem;padding:1.05rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mini-stat:hover{transform:translateY(-2px);border-color:#35e7ff3d}.mini-stat strong{font-size:1.65rem}.cyan{color:var(--cyan)}.violet{color:var(--blue)}.entity-tile{min-height:6.2rem;padding:1rem;border-radius:var(--radius-control);transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease}.entity-tile:hover{transform:translateY(-2px);border-color:#35e7ff47;box-shadow:var(--shadow),var(--glow-blue)}.entity-tile:active,.soft-button:active,.segmented button:active,.icon-button:active,.transport button:active,.temp-controls button:active{transform:scale(.985)}.entity-tile.active{background:linear-gradient(135deg,#35e7ff2e,#4f8cff1a),var(--panel);border-color:#35e7ff7a;box-shadow:var(--shadow),var(--glow-cyan)}.entity-tile.active.amber{background:linear-gradient(135deg,#ffc15f2e,#35e7ff0e),var(--panel);border-color:#ffc15f7a;box-shadow:var(--shadow),var(--glow-amber)}.entity-tile.active.green{background:linear-gradient(135deg,#70f2a42e,#35e7ff0d),var(--panel);border-color:#70f2a475}.entity-tile.pending{border-color:#ffc15f85;box-shadow:var(--shadow),0 0 26px #ffc15f2e}.entity-tile.pending .switch-shell span{animation:pending-switch .78s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff7df,var(--amber))}.entity-tile.unavailable{opacity:.55;filter:saturate(.72)}.entity-tile.unavailable .switch-shell span{transform:translate(0);background:#94a7bd80;box-shadow:none}.entity-tile:disabled{cursor:not-allowed}.entity-tile:disabled:hover{transform:none;border-color:var(--line);box-shadow:var(--shadow)}.pool-controls-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.68rem}.pool-controls-grid .entity-tile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon spacer switch" "text text text";min-height:4.75rem;align-content:center;gap:.42rem .5rem;padding:.72rem}.pool-controls-grid .tile-icon{grid-area:icon;width:2.2rem;height:2.2rem;border-radius:.78rem}.pool-controls-grid .tile-text{grid-area:text;width:100%}.pool-controls-grid .tile-text strong{font-size:.84rem;line-height:1.12}.pool-controls-grid .tile-text small{font-size:.7rem}.pool-controls-grid .switch-shell{grid-area:switch;justify-self:end;width:2.34rem;height:1.4rem;padding:.18rem}.pool-controls-grid .switch-shell span{width:.9rem;height:.9rem}.pool-controls-grid .active .switch-shell span{transform:translate(.9rem)}@media(max-width:1180px){.pool-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.pool-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes pending-switch{0%{transform:translate(.22rem)}to{transform:translate(.96rem)}}.tile-icon{width:3rem;height:3rem;border-radius:.95rem;font-size:1.2rem}.switch-shell{width:3.15rem;height:1.78rem;padding:.2rem;background:#ffffff17}.switch-shell span{width:1.28rem;height:1.28rem}.active .switch-shell span{transform:translate(1.34rem);background:linear-gradient(135deg,#fff,#c8f7ff);box-shadow:0 0 18px #35e7ff73}.status-dot{width:.65rem;height:.65rem}.camera-frame,.media-preview{border-radius:1.15rem;background:linear-gradient(180deg,#07101de0,#01040af0),#02060b}.camera-frame{border-color:#9fd8ff2e}.camera-label,.camera-state{top:.85rem;padding:.42rem .68rem;border-color:#9fd8ff2e;background:#020711b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.camera-label{left:.85rem}.camera-state{right:.85rem;color:var(--cyan)}.camera-actions{margin-top:1.05rem}.gauge-ring{width:min(100%,14.5rem);filter:drop-shadow(0 0 26px color-mix(in srgb,currentColor 24%,transparent))}.gauge-ring>div{background:linear-gradient(180deg,#0f1e32f0,#040b15f5),var(--panel-strong);border:1px solid rgba(159,216,255,.12)}.slider-row input{min-height:2rem}.segmented{gap:.6rem}.segmented button,.soft-button,.icon-button,.transport button,.temp-controls button{min-height:2.85rem;border-radius:var(--radius-control);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.segmented button:hover,.soft-button:hover,.icon-button:hover,.transport button:hover,.temp-controls button:hover{border-color:#35e7ff4d;background:#35e7ff17;box-shadow:var(--glow-cyan)}.soft-button{min-height:3rem;padding:0 1rem}.icon-button,.temp-controls button,.transport button{width:3rem;height:3rem}.page-header-button,.page-refresh-button{width:2.25rem;height:2.25rem;min-height:2.25rem;border-radius:.78rem}.page-header-button svg,.page-refresh-button svg{width:.95rem;height:.95rem}.temp-readout{font-size:clamp(3.4rem,5vw,4.6rem)}.media-preview{min-height:12rem}.media-preview div{padding:2.2rem 1rem .9rem}@media(max-width:1120px){.hero-grid,.mini-grid,.gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-worktop{grid-template-columns:1fr}.command-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.priority-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(max-width:820px){.topbar{height:68px;padding:0 .85rem}.brand-mark{width:2.25rem;height:2.25rem}.brand-name{font-size:.96rem}.system-status{min-height:2.35rem;padding:0 .65rem}.sidebar{top:68px;width:min(82vw,320px);height:calc(100vh - 68px)}.mobile-scrim{inset:68px 0 0}main{padding:.65rem .5rem .9rem}.panel{padding:1rem}.hero-grid,.mini-grid,.gauge-grid,.two-col,.camera-grid{grid-template-columns:1fr}.command-hero-grid,.priority-actions-grid,.priority-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action{min-height:4.7rem}.entity-tile{min-height:5.7rem}}.workspace{min-height:100vh}.sidebar{top:0;height:100vh}.mobile-nav-button,.sidebar-pull-tab{display:none}.workspace{display:block}.sidebar{position:fixed;top:0;left:0;z-index:55;width:min(82vw,300px);height:100vh;padding:.85rem;transform:translate(calc(-100% - 1rem));transition:transform .22s ease;will-change:transform}.sidebar.open{transform:translate(0)}.sidebar nav{height:100%}.sidebar-pull-tab{position:fixed;top:50%;left:0;z-index:42;width:2.15rem;height:5.5rem;display:grid;place-items:center;border:1px solid rgba(53,231,255,.24);border-left:0;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#ffffff1a,#ffffff09),#091220db;color:var(--cyan);box-shadow:var(--shadow),0 0 26px #35e7ff29;transform:translateY(-50%);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);transition:opacity .16s ease,transform .16s ease}.sidebar-pull-tab:hover{transform:translateY(-50%) translate(2px)}.workspace.nav-open .sidebar-pull-tab{opacity:0;pointer-events:none}.mobile-scrim{position:fixed;inset:0;z-index:50;border:0;background:#0000007a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(max-width:820px){.sidebar-pull-tab{display:none}.mobile-nav-button{position:fixed;top:.85rem;left:.85rem;z-index:45;display:grid;background:linear-gradient(180deg,#ffffff17,#ffffff09),#091220d1;border-color:#9fd8ff2e;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}.sidebar{top:0;height:100vh}.mobile-scrim{inset:0}main{padding-top:3.75rem}}:root{--sidebar-width: min(88vw, 340px)}.sidebar{width:var(--sidebar-width)}.workspace.sidebar-pinned main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.sidebar-surface{height:100%;display:flex;flex-direction:column;gap:.7rem;padding:.72rem;border:1px solid rgba(159,216,255,.14);border-radius:1.15rem;background:linear-gradient(180deg,#0d1c2fd6,#040a14bd),#091220c2;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}.sidebar nav.sidebar-nav{height:auto;display:grid;gap:.28rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar-topline{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.14rem .08rem .52rem;border-bottom:1px solid rgba(159,216,255,.11)}.sidebar-topline>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.12rem .42rem}.sidebar-topline strong,.sidebar-topline small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-topline strong{color:var(--text);font-size:.88rem;line-height:1.05}.sidebar-topline small{grid-column:2;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.sidebar-live-dot{width:.54rem;height:.54rem;border-radius:999px;background:var(--amber);box-shadow:0 0 14px currentColor}.sidebar-live-dot.ok{background:var(--green);color:var(--green)}.sidebar-live-dot.warn{background:var(--amber);color:var(--amber)}.sidebar-live-dot.danger{background:var(--danger);color:var(--danger)}.sidebar-pin-button{width:2.35rem;height:2.35rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(159,216,255,.16);border-radius:.74rem;background:#fff1;color:var(--muted);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.sidebar-pin-button:hover,.sidebar-pin-button.active{color:var(--cyan);border-color:#35e7ff61;background:#35e7ff1a;box-shadow:0 0 20px #35e7ff21}.sidebar-pin-button:active{transform:scale(.96)}.sidebar-pin-button svg{width:1rem;height:1rem}.sidebar .nav-item{min-height:2.55rem;padding:.58rem .62rem;border-radius:.76rem;font-size:.82rem}.sidebar .nav-item svg{width:1rem;height:1rem}.sidebar .active-dot{width:.38rem;height:.38rem}.sidebar .command-groups-panel{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;gap:.55rem;padding:.62rem;border:1px solid rgba(159,216,255,.12);border-radius:.95rem;background:linear-gradient(135deg,rgba(53,231,255,.06),transparent 42%),#0207113d}.sidebar .command-groups-head h2{font-size:.82rem}.sidebar .command-groups-head span{font-size:.58rem}.sidebar .group-add-button{min-height:1.92rem;padding:0 .5rem;border-radius:.6rem;font-size:.64rem}.sidebar .command-groups-grid{min-height:0;display:grid;grid-template-columns:1fr;gap:.48rem;overflow:auto;padding-right:.12rem}.sidebar .command-group-card{padding:.48rem;border-radius:.74rem}.sidebar .command-group-head strong{font-size:.72rem}.sidebar .command-group-head button,.sidebar .group-item-remove{width:1.58rem;height:1.58rem;border-radius:.46rem}.sidebar .command-group-items{min-height:2.6rem}.sidebar .command-group-item{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.42rem;padding:.42rem;border:1px solid rgba(159,216,255,.1);border-radius:.64rem;background:#ffffff0d}.command-group-item-icon{width:1.82rem;height:1.82rem;display:grid;place-items:center;border:1px solid rgba(159,216,255,.12);border-radius:.52rem;background:#fff1}.command-group-item-icon svg{width:.92rem;height:.92rem}.command-group-item-icon.cyan{color:var(--cyan)}.command-group-item-icon.amber{color:var(--amber)}.command-group-item-icon.green{color:var(--green)}.command-group-item-icon.violet{color:var(--blue)}.command-group-item-icon.danger{color:var(--danger)}.command-group-item-text{min-width:0;display:grid;gap:.08rem}.command-group-item-text strong,.command-group-item-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-group-item-text strong{color:var(--text);font-size:.66rem;line-height:1.1}.command-group-item-text small{color:var(--muted);font-size:.56rem}.command-group-item-text small.on{color:var(--green)}.command-group-item-text small.missing{color:var(--danger)}.command-group-item-text small.command{color:var(--cyan)}.sidebar .command-group-drop-hint{min-height:2.42rem;padding:.46rem;border-radius:.6rem;font-size:.56rem}.sidebar .sidebar-foot{margin-top:0;padding:.2rem .1rem 0;flex:0 0 auto}.sidebar .command-groups-panel{flex:0 1 auto;gap:.5rem;padding:0;border:0;border-radius:0;background:transparent}.sidebar .command-groups-head{min-height:2.32rem;padding:.24rem .28rem .24rem .42rem;border:1px solid rgba(159,216,255,.12);border-radius:.8rem;background:linear-gradient(135deg,rgba(53,231,255,.075),transparent 55%),#ffffff09}.sidebar .command-groups-head>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.05rem .42rem}.sidebar .command-groups-head h2{grid-column:1 / -1;font-size:.78rem;letter-spacing:.01em}.sidebar .command-groups-head h2 svg{width:.9rem;height:.9rem}.sidebar .command-groups-head span{display:none}.sidebar .group-add-button{width:2rem;height:2rem;min-height:2rem;justify-content:center;gap:0;padding:0;border-radius:.68rem;font-size:0;background:linear-gradient(180deg,#35e7ff29,#35e7ff0d),#02071147}.sidebar .group-add-button svg{width:.94rem;height:.94rem}.sidebar .command-groups-grid{max-height:min(19rem,34vh);gap:.44rem;padding-right:0}.sidebar .command-group-card{gap:.42rem;padding:.5rem;border-color:#9fd8ff24;border-radius:.86rem;background:linear-gradient(180deg,#ffffff0e,#ffffff05),#02071152;box-shadow:inset 0 1px #ffffff0c}.sidebar .command-group-card.drag-over{border-color:#35e7ff94;background:linear-gradient(135deg,#35e7ff24,#70f2a40b),#02071161;box-shadow:0 0 22px #35e7ff24,inset 0 1px #ffffff0f}.command-group-title{min-width:0;display:grid;gap:.08rem}.sidebar .command-group-title strong{color:var(--text);font-size:.76rem;line-height:1.08}.sidebar .command-group-title small{overflow:hidden;color:#9db2c9b8;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.sidebar .command-group-head button,.sidebar .group-item-remove{width:1.64rem;height:1.64rem;border-radius:999px;background:#ffffff0b}.sidebar .command-group-head button svg,.sidebar .group-item-remove svg{width:.78rem;height:.78rem}.sidebar .command-group-items{min-height:0;gap:.34rem}.sidebar .command-group-drop-hint{min-height:2.7rem;grid-template-columns:auto;gap:.34rem;padding:.48rem;border-color:#35e7ff33;border-radius:.68rem;background:linear-gradient(135deg,rgba(53,231,255,.05),transparent 58%),#01050c42;color:#9db2c9d1;font-size:.58rem;letter-spacing:.12em}.sidebar .command-group-drop-hint svg{width:.76rem;height:.76rem;color:var(--cyan);opacity:.88}.sidebar .command-group-drop-hint span{display:none}.sidebar .command-groups-empty{min-height:3.15rem;border-radius:.8rem;background:#ffffff08}.all-devices-page{gap:.85rem}.device-browser-panel{display:grid;gap:.74rem;padding:.78rem}.device-browser-tools{display:grid;grid-template-columns:minmax(16rem,1.7fr) repeat(3,minmax(8.2rem,.7fr));gap:.56rem}.device-browser-tools label{min-width:0;display:grid;gap:.26rem;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.device-search{position:relative}.device-search svg{position:absolute;left:.72rem;bottom:.78rem;width:.95rem;height:.95rem;color:var(--cyan)}.device-browser-tools input,.device-browser-tools select{min-width:0;height:2.55rem;border:1px solid rgba(159,216,255,.14);border-radius:.72rem;background:#02071175;color:var(--text);outline:none}.device-browser-tools input{padding:0 .72rem 0 2.08rem}.device-browser-tools select{padding:0 .62rem}.device-browser-list{display:grid;gap:.42rem}.device-browser-row{min-width:0;display:grid;grid-template-columns:auto auto minmax(0,1fr) minmax(6rem,.48fr) minmax(6rem,.42fr) minmax(5.5rem,.34fr);align-items:center;gap:.52rem;padding:.52rem;border:1px solid rgba(159,216,255,.1);border-radius:.78rem;background:linear-gradient(180deg,#ffffff0f,#ffffff06),#02071147;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.device-browser-row:hover{transform:translateY(-1px);border-color:#35e7ff47;box-shadow:0 0 22px #35e7ff1a}.device-browser-row.unavailable{opacity:.6;filter:saturate(.72)}.device-browser-row.active{border-color:#70f2a438}.device-browser-grip{display:grid;place-items:center;color:#9db2c994;cursor:grab}.device-browser-row:active .device-browser-grip{cursor:grabbing}.device-browser-icon{width:2.18rem;height:2.18rem;display:grid;place-items:center;border:1px solid rgba(159,216,255,.12);border-radius:.68rem;background:#ffffff12}.device-browser-grip.cyan,.device-browser-icon.cyan{color:var(--cyan)}.device-browser-grip.amber,.device-browser-icon.amber{color:var(--amber)}.device-browser-grip.green,.device-browser-icon.green{color:var(--green)}.device-browser-grip.violet,.device-browser-icon.violet{color:var(--blue)}.device-browser-grip.danger,.device-browser-icon.danger{color:var(--danger)}.device-browser-main{min-width:0;display:grid;gap:.08rem}.device-browser-main strong,.device-browser-main small,.device-browser-domain,.device-browser-status,.device-browser-updated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-browser-main strong{color:var(--text);font-size:.82rem;line-height:1.1}.device-browser-main small,.device-browser-domain,.device-browser-updated{color:var(--muted);font-size:.64rem}.device-browser-domain,.device-browser-status,.device-browser-updated{justify-self:end}.device-browser-status{max-width:100%;padding:.24rem .44rem;border:1px solid rgba(159,216,255,.12);border-radius:999px;background:#ffffff0d;color:var(--muted);font-size:.62rem;font-weight:800}.device-browser-status.on{color:var(--green);border-color:#70f2a43d}.device-browser-status.missing{color:var(--danger);border-color:#ff6f893d}@media(max-width:1180px){.workspace.sidebar-pinned main{margin-left:0;width:100%}.sidebar.pinned{transform:translate(0)}.device-browser-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.device-browser-row{grid-template-columns:auto auto minmax(0,1fr) auto}.device-browser-domain,.device-browser-updated{display:none}}@media(max-width:720px){.device-browser-tools{grid-template-columns:1fr}.device-browser-row{grid-template-columns:auto minmax(0,1fr) auto}.device-browser-grip{display:none}}@media(max-width:640px){html,body{overflow-x:hidden}main{width:100%;padding:4rem .46rem .85rem}.page,.command-page{width:100%;max-width:100%}.stack,.command-page.stack{grid-template-columns:minmax(0,1fr)}.stack>*,.command-page.stack>*{min-width:0}.stack,.alert-grid,.hero-grid,.mini-grid,.tile-grid,.gauge-grid,.camera-grid,.two-col{gap:.68rem}.page-title,.command-page .page-title{position:relative;display:block;width:100%;min-height:0;padding-right:4.85rem;margin-bottom:.08rem}.page-title>div:first-child,.command-page .page-title>div:first-child{min-width:0;display:grid;gap:.14rem}.page-title h1,.command-page .page-title h1{min-width:0;font-size:1.08rem;line-height:1.08;white-space:normal}.page-title p,.command-page .page-title p{min-width:0;max-width:100%;margin-top:0;overflow:visible;color:#9db2c9db;font-size:.68rem;line-height:1.18;text-overflow:clip;white-space:normal}.page-title-actions{position:absolute;top:0;right:0;gap:.32rem}.page-header-button,.page-refresh-button{width:2.12rem;height:2.12rem;min-height:2.12rem;border-radius:.72rem}.mobile-nav-button{top:.62rem;left:.62rem;width:2.65rem;height:2.65rem;min-height:2.65rem}.panel{padding:.76rem;border-radius:1rem}.panel-header{gap:.6rem;margin-bottom:.66rem}.panel-header h2{min-width:0;font-size:.92rem}.panel-header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-worktop,.command-left,.command-page.stack{gap:.68rem}.command-worktop,.command-left{grid-template-columns:minmax(0,1fr)}.command-worktop>*,.command-left>*{min-width:0}.command-hero-grid,.priority-actions-grid,.priority-metrics,.pool-priority-actions{grid-template-columns:1fr 1fr;gap:.48rem}.command-page .hero-card{min-height:5.05rem;padding:.58rem}.command-page .hero-card p,.command-page .hero-card small{white-space:normal}.priority-control-box{padding:.58rem;border-radius:.95rem}.priority-control-head strong,.priority-control-head small{white-space:normal}.dashboard-action{min-height:4.35rem;gap:.5rem;padding:.58rem}.dashboard-action-icon{width:2.16rem;height:2.16rem;border-radius:.68rem}.dashboard-action-text strong,.pool-priority-actions .dashboard-action-text strong{font-size:.78rem;line-height:1.08;white-space:normal}.dashboard-action-text small,.pool-priority-actions .dashboard-action-text small{font-size:.62rem;line-height:1.15;white-space:normal}.dashboard-action-toggle{width:2rem;height:1.18rem}.dashboard-action.active .dashboard-action-toggle span{transform:translate(.82rem)}.porsche-charger-panel,.land-rover-panel{grid-template-columns:1fr;min-height:0}.porsche-visual,.land-rover-visual{min-height:7.4rem}.porsche-charger-stats,.porsche-action-grid,.land-rover-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.command-page .ring-panel{padding:.58rem}.command-page .ring-panel .two-col{grid-template-columns:1fr;gap:.58rem}.command-page .ring-panel .camera-frame{aspect-ratio:16 / 9;min-height:11rem}}