/* Desktop translation of the shared 81 app. */
:root{--demo-sidebar:224px}
.demo-status{font-size:11px;font-weight:500;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:4px;white-space:nowrap}
.demo-reset{font:550 12px system-ui;color:var(--dim);border:1px solid var(--line);background:var(--panel);padding:9px 13px;border-radius:9px;min-height:40px;cursor:pointer}
.demo-reset:hover{border-color:var(--accent);color:var(--accent)}
.demo-nav-brand,.demo-nav-caption,.demo-nav-footer{display:none!important}
.phone-top .connection-state{display:none!important}
.phone-footer{padding:24px!important;font-size:11px;color:var(--muted);text-align:center}
.phone-app :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.nx-dialog{max-width:min(560px,calc(100vw - 32px))}
@media(min-width:1000px){
 .phone-app{padding-left:var(--demo-sidebar);position:relative}
 .phone-app .phone-top{flex:none;border-bottom:1px solid var(--line);background:var(--panel)}
 .phone-top-inner{max-width:none!important;padding:16px 36px!important;min-height:72px}
 .phone-top .phone-brand{font-size:15px;gap:10px}
 .phone-top .phone-brand>.ic{width:26px;height:26px}
 .phone-top-actions{gap:14px}
 .phone-app #page{padding-bottom:0;scrollbar-gutter:stable}
 .phone-app main.console{max-width:1400px!important;padding:30px 36px 10px!important;margin:0 auto}
 .next-heading{margin-bottom:20px!important}.next-heading h1{font-size:30px!important;letter-spacing:-.9px}
 .phone-app .phone-nav{position:absolute;inset:0 auto 0 0;width:var(--demo-sidebar);height:100%;max-width:none!important;padding:26px 18px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;border:0;border-right:1px solid var(--line);background:var(--panel);border-radius:0;margin:0;box-shadow:none}
 .phone-nav>a[data-section]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:13px;min-height:49px;padding:0 17px;border-radius:10px;font-size:14px;font-weight:550;color:var(--dim);text-decoration:none}
 .phone-nav>a[data-section]>.ic{width:21px;height:21px}
 .phone-nav>a[data-section]:hover{background:var(--panel2);color:var(--ink)}
 .phone-nav>a[data-section][aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:650}
 .phone-nav .demo-nav-brand{display:flex!important;flex-direction:row;justify-content:flex-start;align-items:center;gap:9px;margin:2px 7px 34px;padding:0;color:var(--ink);text-decoration:none}
 .demo-nav-brand img{width:37px;height:37px;object-fit:contain}
 .demo-nav-brand span{display:block;font:720 20px/1 system-ui;letter-spacing:-.7px}
 .demo-nav-brand small{display:block;font:600 10px/1.6 system-ui;letter-spacing:3.2px;text-transform:uppercase;margin-top:4px}
 .demo-nav-caption{display:block!important;margin:0 17px 7px;color:var(--muted);font-size:9px;font-weight:650;letter-spacing:1.8px}
 .demo-nav-footer{display:flex!important;flex-direction:column;align-items:stretch;gap:15px;margin-top:auto;padding:24px 8px 2px;border-top:1px solid var(--line)}
 .demo-nav-footer p{font:500 12px/1.5 system-ui;color:var(--muted);margin:0}
 .demo-nav-footer .demo-book{display:flex;align-items:center;justify-content:space-between;gap:7px;color:var(--accent);font:600 12px/1.5 system-ui;text-decoration:none}
 .demo-book .ic{width:18px;height:18px;flex:none}
 .demo-nav-footer .demo-back{font:500 11px system-ui;color:var(--muted);text-decoration:none;padding:0;align-self:flex-start}
 .next-home .nx-home-dashboard{display:grid!important;gap:20px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .next-home .nx-house{grid-column:1/3!important;grid-row:1!important;margin:0!important;align-self:start;border-radius:16px;overflow:hidden;background:var(--panel)}
 .next-home .nx-house img{width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover}
 .next-home .nx-camera-group{grid-column:3!important;grid-row:1!important;align-self:stretch}
 .next-home .nx-card{margin:0!important;padding:17px!important;border-radius:15px}
 .next-home .nx-metric{padding:15px 12px;min-height:84px}
 .next-home .nx-card h2{font-size:16px;margin-bottom:14px}
 .next-home .nx-camera-row{min-height:70px}
 .next-controls #nxContent,.next-lighting #nxContent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
 .next-controls #nxContent>.nx-card,.next-lighting #nxContent>.nx-card{margin:0}
 .next-controls .nx-lighting,.next-lighting .nx-lighting-rooms{grid-row:span 2}
 .next-controls .nx-shades,.next-lighting .nx-shades{align-self:start}
 .next-systems #nxContent .nx-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .next-history #nxContent{max-width:1200px;margin:auto}
 .next-loads #nxContent{max-width:1000px;margin:auto}
 .next-climate #nxContent,.next-garage #nxContent,.next-gate #nxContent,.next-pool #nxContent{max-width:900px;margin:auto}
 .phone-app .journey-heading{margin-bottom:24px}.phone-app .journey-heading h1{font-size:30px}
 .phone-app .theme-pop{right:32px;top:68px;bottom:auto}
 .phone-app .nx-home-actions{display:none}.phone-app .nx-grid{gap:12px}
}
@media(min-width:1000px) and (max-width:1199px){:root{--demo-sidebar:196px}.phone-top-inner{padding-inline:24px!important}.phone-app main.console{padding-inline:24px!important}.next-home .nx-home-dashboard{gap:12px!important}.next-home .nx-metric{padding:10px 8px}.phone-nav .demo-nav-brand{margin-inline:0}.demo-nav-brand span{font-size:18px}.demo-nav-footer{padding-inline:0}}
@media(max-width:999px){.phone-nav>a[data-section]{min-height:56px}.phone-top-inner{padding-inline:16px}.demo-status{font-size:10px}.demo-reset{font-size:11px;padding:8px}.phone-footer{padding-bottom:16px!important}}
@media(max-width:400px){.demo-status{display:none}.phone-top-actions{gap:8px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

@media(min-width:1000px){.demo-nav-footer .demo-book{flex-direction:row!important;text-align:left!important}.next-controls .nx-controls-lighting{grid-row:span 4}}

.demo-status{display:none}.demo-always-label{font:500 11px system-ui;color:var(--muted);white-space:nowrap}@media(max-width:500px){.demo-always-label{font-size:9px}.phone-top-inner{padding-inline:10px!important}.phone-top-actions{gap:6px!important}.demo-reset{min-height:36px;padding:6px 7px}}
@media(min-width:1000px){
 .next-home .nx-home-dashboard{grid-template-areas:'house house cameras' 'readings readings readings'!important;grid-template-rows:auto auto!important}
 .next-home .nx-house{grid-area:house!important}
 .next-home .nx-home-cameras{grid-area:cameras!important;min-width:0}
 .next-home .nx-home-groups{grid-area:readings!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 .next-home .nx-home-cameras .nx-camera{min-width:0}
}