*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#08110f;--surface:#111c19;--surface-2:#17231f;--surface-3:#1f2c27;--border:#263a33;--border-strong:#35584c;--text:#e7eee9;--dim:#8aa098;--accent:#2dd47f;--blue:#38bdf8;--purple:#a78bfa;--amber:#f7b733;--red:#f87171;--cyan:#2dd4bf;--shadow:0 18px 50px rgba(0,0,0,0.28)}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem}.panel-title{font-size:1rem;color:var(--dim);font-weight:600;margin-bottom:.75rem}.btn{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:.375rem;padding:.5rem 1rem;font-size:.85rem}.btn:hover{border-color:var(--dim)}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:500}.btn.primary:disabled{background:var(--border);color:var(--dim);border-color:var(--border);cursor:not-allowed}.btn.danger{background:var(--red);color:#fff;border-color:var(--red);font-weight:500}.btn.danger:disabled{background:var(--border);color:var(--dim);border-color:var(--border);cursor:not-allowed}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:.375rem;padding:.4rem .6rem;font:inherit;width:100%}select{width:auto;font-size:.85rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.header h1{font-size:1.15rem;color:var(--accent);font-weight:600}.header .user{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--dim)}.header .user img{width:26px;height:26px;border-radius:50%}.muted{color:var(--dim)}.err,.muted{font-size:.85rem}.err{color:var(--red)}.empty{color:var(--dim);text-align:center;padding:1.5rem;font-size:.85rem}.role-badge{width:max-content;display:inline-flex;align-items:center;min-height:1.45rem;padding:.15rem .45rem;border:1px solid var(--border-strong);border-radius:999px;color:var(--dim);font-size:.7rem;font-weight:700;text-transform:uppercase}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.top-row{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;grid-gap:1rem;gap:1rem;align-items:stretch}.cam-pane{background:var(--surface);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.cam-pane h2{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:flex;align-items:center;gap:.5rem}.cam-badge{font-size:.6rem;padding:.1rem .4rem;border-radius:999px;letter-spacing:.05em}.cam-badge.live{background:rgba(34,197,94,.18);color:#4ade80}.cam-badge.past{background:rgba(251,191,36,.18);color:#fbbf24}.cam-scrub{display:flex;flex-direction:column;gap:.2rem}.cam-scrub input[type=range]{width:100%;accent-color:var(--accent,#38bdf8);cursor:pointer}.cam-scrub-ends{display:flex;justify-content:space-between;font-size:.65rem;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cam-pane .frame{position:relative;background:var(--bg);border-radius:.375rem;aspect-ratio:16/9;overflow:hidden;cursor:zoom-in}.cam-pane .frame.empty{cursor:default}.cam-pane img{width:100%;height:100%;object-fit:cover;display:block}.cam-pane img[class*=camera-rotation-],.camera-modal img[class*=camera-rotation-],.media-grid img[class*=camera-rotation-]{transform-origin:center}.camera-rotation-0{transform:none}.camera-rotation-90{object-fit:contain!important;transform:rotate(90deg) scale(.5625)}.camera-rotation-180{transform:rotate(180deg)}.camera-rotation-270{object-fit:contain!important;transform:rotate(270deg) scale(.5625)}.cam-pane .pane-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:.85rem}.cam-pane .meta{font-size:.7rem;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;justify-content:space-between;gap:.5rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:.75rem;gap:.75rem}.media-grid a{display:grid;grid-gap:.25rem;gap:.25rem;color:var(--dim);font-size:.75rem}.media-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.375rem;background:var(--bg)}.sensor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-template-rows:repeat(2,1fr);grid-auto-rows:1fr;grid-gap:.75rem;gap:.75rem;height:100%}.sensor-card{background:var(--surface);border-radius:.5rem;padding:1rem;border-top:3px solid var(--border);transition:opacity .3s;display:flex;flex-direction:column;justify-content:center;min-height:0}.sensor-card .lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.sensor-card .val{font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sensor-card .unit{font-size:.8rem;font-weight:400;color:var(--dim);margin-left:.25rem}.sensor-card .age{font-size:.65rem;color:var(--dim);margin-top:.25rem}.sensor-card.stale{opacity:.4}.device-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface);border-radius:.5rem;margin-bottom:.5rem}.device-row h3{font-size:1rem}.device-row .meta{font-size:.8rem;color:var(--dim);margin-top:.2rem}.chart-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.chart-controls .left{display:flex;align-items:center;gap:.5rem}.chart-controls h3{font-size:1rem}.time-btns{display:flex;gap:.25rem}.time-btns button{background:var(--bg);color:var(--dim);border:1px solid var(--border);border-radius:.375rem;padding:.3rem .6rem;font-size:.8rem;cursor:pointer}.time-btns button.active{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:500}.actuator-strip{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.actuator-strip .lbl{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.notif-list{max-height:220px;overflow-y:auto}.notif-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.notif-item:last-child{border-bottom:none}.notif-time{color:var(--dim);white-space:nowrap;margin-left:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-header h2{font-size:1rem;color:var(--dim);font-weight:600}.settings-header .chev{color:var(--dim);font-size:.8rem;transition:transform .2s}.settings-section.open .chev{transform:rotate(90deg)}.settings-body{display:none;flex-direction:column;gap:1rem}.settings-section.open .settings-body{display:flex}.settings-group h3{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.settings-row{display:flex;justify-content:space-between;padding:.5rem .75rem;background:var(--bg);border-radius:.375rem;margin-bottom:.25rem;font-size:.9rem}.settings-row label{flex:1 1}.settings-actions{display:flex;justify-content:flex-end;margin-top:.5rem;flex-wrap:wrap;align-items:center}.settings-status{font-size:.8rem;color:var(--dim);margin-right:auto;align-self:center}.settings-status.err{color:var(--red)}.settings-status.ok{color:var(--accent)}.autocomplete{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:.25rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:.375rem;overflow:hidden;box-shadow:var(--shadow)}.autocomplete-item{display:block;width:100%;text-align:left;padding:.45rem .6rem;background:none;border:none;color:var(--text);font-size:.85rem;cursor:pointer}.autocomplete-item:hover{background:var(--surface-3)}.share-tag{font-size:.7rem;padding:.1rem .45rem;border-radius:999px;margin-left:.5rem}.share-tag.pending{background:var(--surface-3);color:var(--amber);border:1px solid var(--border-strong)}.public-link-section{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}.public-link-url{word-break:break-all;font-size:.8rem;background:var(--bg);border:1px solid var(--border);border-radius:.375rem;padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.scope-toggles{display:flex;gap:.75rem;flex-wrap:wrap}.scope-toggles label{gap:.35rem}.public-banner,.scope-toggles label{display:flex;align-items:center;font-size:.85rem}.public-banner{gap:.5rem;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:.5rem;padding:.6rem .9rem;margin-bottom:1rem;color:var(--dim)}.public-banner strong{color:var(--text)}.public-footer{margin-top:2rem;text-align:center;font-size:.8rem;color:var(--dim)}.upd-badge{display:inline-block;background:var(--amber);color:var(--bg);font-size:.65rem;padding:.1rem .4rem;border-radius:.25rem;margin-left:.5rem;font-weight:600;letter-spacing:.03em;vertical-align:middle}.upd-meta{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.85rem;text-align:right;word-break:break-word}.upd-changelog{max-height:220px;overflow-y:auto}.upd-changelog-item{font-size:.8rem;color:var(--text);padding:.4rem 0;border-bottom:1px solid var(--border);display:flex;gap:.75rem;align-items:baseline}.upd-changelog-item:last-child{border-bottom:none}.upd-changelog-item .sha{color:var(--amber);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex-shrink:0;font-size:.75rem}.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;align-items:center;justify-content:center;padding:1rem}.modal-bg.show{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;max-width:420px;width:100%}.modal h3{margin-bottom:.75rem;color:var(--text);font-size:1rem}.modal p{color:var(--dim);font-size:.875rem;margin-bottom:1.25rem;line-height:1.5}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.key-box{background:var(--bg);border:1px solid var(--amber);border-radius:.375rem;padding:.75rem 1rem;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;word-break:break-all;margin:.75rem 0}@media (max-width:768px){.top-row{grid-template-columns:1fr}}@media (max-width:500px){.sensor-grid{grid-template-columns:repeat(2,1fr)}.container{padding:1rem}}.device-page{width:100%;margin:0 auto;padding:.55rem .65rem .65rem;display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:.65rem;gap:.65rem;align-items:start}.device-sidebar{width:276px;height:calc(100vh - 1.1rem);max-height:calc(100vh - 1.1rem);min-height:0;position:-webkit-sticky;position:sticky;top:.55rem;display:flex;flex-direction:column;gap:.75rem;padding:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow);overflow-y:auto;transition:width .2s ease}.device-sidebar.collapsed{width:76px}.chart-controls,.device-edit-actions,.device-hero,.device-hero-actions,.settings-header,.sidebar-top{display:flex;align-items:center}.sidebar-top{justify-content:space-between;gap:.5rem}.side-back{min-height:2.2rem;display:inline-flex;align-items:center;gap:.45rem;color:var(--dim);font-size:.82rem}.sidebar-toggle{width:2.2rem;height:2.2rem;display:grid;place-items:center;background:var(--surface-2);color:var(--dim);border:1px solid var(--border);border-radius:.375rem}.sidebar-toggle:hover{color:var(--text);border-color:var(--border-strong)}.sidebar-device{display:grid;grid-gap:.55rem;gap:.55rem;padding:.65rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem}.sidebar-device-name{color:var(--text);font-weight:700;line-height:1.25}.status-pill{width:max-content;display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .55rem;background:rgba(45,212,127,.08);color:var(--accent);border:1px solid rgba(45,212,127,.28);border-radius:999px;font-size:.76rem;font-weight:700}.status-pill.offline{background:rgba(248,113,113,.1);color:var(--red);border-color:rgba(248,113,113,.3)}.live-dot,.status-dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block;flex:0 0 auto}.live-dot.online,.status-dot.online{background:var(--accent);box-shadow:0 0 0 4px rgba(45,212,127,.12)}.live-dot.offline,.status-dot.offline{background:var(--red)}.side-nav{display:grid;grid-gap:.35rem;gap:.35rem}.side-nav-item{min-height:3rem;display:flex;align-items:center;gap:.7rem;width:100%;padding:.5rem;background:transparent;color:var(--dim);border:1px solid transparent;border-radius:.5rem;text-align:left}.side-nav-item:hover{background:var(--surface-2);color:var(--text)}.side-nav-item.active{background:rgba(45,212,127,.1);color:var(--text);border-color:rgba(45,212,127,.28)}.side-nav-icon{width:2rem;height:2rem;display:grid;place-items:center;flex:0 0 auto;background:var(--surface-2);border:1px solid var(--border);border-radius:.375rem;color:var(--accent);font-size:.8rem;font-weight:800}.side-nav-item.active .side-nav-icon{background:var(--accent);color:var(--bg);border-color:var(--accent)}.side-nav-text{min-width:0;display:grid;grid-gap:.1rem;gap:.1rem}.side-nav-text span{color:inherit;font-size:.9rem;font-weight:700}.side-nav-text small{color:var(--dim);font-size:.72rem}.sidebar-stats{margin-top:auto;display:grid;grid-gap:.5rem;gap:.5rem}.sidebar-stats>div{display:flex;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem}.sidebar-stats span{color:var(--dim);font-size:.76rem}.sidebar-stats strong{color:var(--text);font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.device-sidebar.collapsed .role-badge,.device-sidebar.collapsed .side-copy,.device-sidebar.collapsed .side-nav-text,.device-sidebar.collapsed .sidebar-device-name,.device-sidebar.collapsed .sidebar-stats,.device-sidebar.collapsed .status-pill span{display:none}.device-sidebar.collapsed .side-nav-item,.device-sidebar.collapsed .sidebar-device,.device-sidebar.collapsed .sidebar-top{justify-content:center}.device-sidebar.collapsed .status-pill{width:2.2rem;height:2.2rem;justify-content:center;padding:0}.device-content{min-width:0;display:flex;flex-direction:column;gap:.65rem}.device-hero{position:relative;justify-content:space-between;gap:.75rem;padding:.8rem .9rem .8rem 1rem;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:.5rem;box-shadow:var(--shadow)}.device-title-block{min-width:0}.device-kicker{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.25rem;color:var(--dim);font-size:.78rem;font-weight:700;text-transform:uppercase}.device-hero h2{color:var(--text);font-size:clamp(1.35rem,2vw,2.05rem);line-height:1.15}.device-hero p{margin-top:.35rem;color:var(--dim);font-size:.86rem}.device-edit-actions,.device-hero-actions{gap:.5rem;flex-wrap:wrap}.device-edit-form{width:100%;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr) auto;grid-gap:.75rem;gap:.75rem;align-items:end}.device-edit-form label{display:grid;grid-gap:.35rem;gap:.35rem;color:var(--dim);font-size:.78rem;font-weight:700}.view-stack{display:grid;grid-gap:.65rem;gap:.65rem}.overview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-gap:.65rem;gap:.65rem;align-items:start}.cam-pane,.card,.sensor-card,.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.16)}.card,.settings-section{padding:.9rem}.cam-pane h2,.chart-controls h3,.panel-title,.settings-header h2{color:var(--text);font-size:.86rem;font-weight:800;text-transform:uppercase}.panel-copy{line-height:1.55}.top-row{grid-template-columns:minmax(320px,.85fr) minmax(420px,1.4fr);gap:.65rem}.cam-pane{padding:.75rem}.cam-pane .frame{border:1px solid var(--border);background:#07100e}.cam-pane .meta,.camera-modal-meta{font-size:.74rem;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;justify-content:space-between;gap:.75rem}.sensor-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-template-rows:none;height:auto;gap:.65rem}.sensor-card{min-height:112px;justify-content:space-between;background:var(--surface-2);border-top-width:4px}.sensor-card .lbl{margin-bottom:.35rem;color:var(--dim)}.sensor-card .val{font-size:clamp(1.25rem,2vw,1.8rem)}.sensor-card .age{min-height:1rem}.sensor-empty{min-height:220px;display:grid;place-items:center;padding:1.5rem;background:var(--surface);border:1px dashed var(--border-strong);border-radius:.5rem;color:var(--dim);text-align:center}.history-card svg{height:clamp(280px,34vw,420px)!important}.chart-loading{padding:2rem;text-align:center}.settings-header{margin-bottom:0;padding:0}.settings-section.open .settings-header{margin-bottom:1rem}.settings-header .chev{width:1.6rem;height:1.6rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:.375rem}.settings-body{gap:.85rem}.settings-row{gap:.65rem;background:var(--surface-2);border:1px solid var(--border);align-items:center}.settings-row input,.settings-row select,.settings-row textarea{flex:1 1 12rem;min-width:0}.settings-row input[type=checkbox]{flex:0 0 auto;width:auto}.settings-row label{min-width:0}.settings-row label:has(input[type=checkbox]){flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem}.settings-actions{gap:.5rem}.settings-status{min-width:12rem}.notif-list{max-height:340px}.notif-item{gap:1rem;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.5rem;gap:.5rem;margin-bottom:.7rem}.stat-tile{min-height:4.4rem;display:grid;align-content:space-between;grid-gap:.35rem;gap:.35rem;padding:.65rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem}.stat-tile span{color:var(--dim);font-size:.72rem;font-weight:700}.stat-tile strong{color:var(--text);font-size:1.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plant-session-card{display:flex;flex-direction:column;gap:.75rem}.grow-current{display:grid;grid-gap:.8rem;gap:.8rem}.grow-current>div:first-child strong{display:block;color:var(--text);font-size:1rem;margin-bottom:.2rem}.grow-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.grow-badges span{display:inline-flex;align-items:center;min-height:1.45rem;padding:.15rem .45rem;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.3);border-radius:999px;color:var(--blue);font-size:.7rem;font-weight:700}.grow-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.grow-stats>div{min-height:4rem;display:grid;align-content:space-between;grid-gap:.25rem;gap:.25rem;padding:.6rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem}.grow-stats span{color:var(--dim);font-size:.7rem;font-weight:700;text-transform:uppercase}.grow-stats strong{color:var(--text);font-size:1.05rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grow-actions{display:flex;flex-wrap:wrap;gap:.45rem}.grow-history{border-top:1px solid var(--border);padding-top:.75rem}.grow-history-item{padding:.75rem 0;border-bottom:1px solid var(--border)}.grow-history-item:last-child{border-bottom:none}.grow-history-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.grow-history-head strong{color:var(--text)}.grow-history-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.grow-history-detail{display:grid;grid-gap:.85rem;gap:.85rem;margin-top:.75rem;padding:.85rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem}.grow-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));grid-gap:.5rem;gap:.5rem}.grow-detail-stats>div{display:grid;grid-gap:.2rem;gap:.2rem;padding:.55rem;background:var(--bg);border:1px solid var(--border);border-radius:.45rem}.grow-detail-stats span,.grow-history-section h4{color:var(--dim);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.grow-detail-stats strong{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grow-history-section{display:grid;grid-gap:.45rem;gap:.45rem}.grow-history-chart{min-height:260px;padding:.25rem 0 0}.grow-history-table-wrap{max-height:300px;overflow:auto;border:1px solid var(--border);border-radius:.45rem}.grow-history-table{width:100%;border-collapse:collapse;font-size:.78rem}.grow-history-table td,.grow-history-table th{padding:.45rem .55rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.grow-history-table th{position:-webkit-sticky;position:sticky;top:0;background:var(--bg);color:var(--dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.grow-history-row{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.82rem}.grow-history-row:last-child{border-bottom:none}.grow-history-row>span{color:var(--dim);white-space:nowrap}.grow-history-media{display:flex;gap:.45rem;flex-wrap:wrap}.grow-history-media a{display:inline-flex;padding:.35rem .55rem;border:1px solid var(--border);border-radius:.4rem;color:var(--text);font-size:.8rem}.auto-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.auto-add-btn{font-weight:600;letter-spacing:.01em;padding:.4rem .8rem;background:var(--surface-2);border-color:var(--border-strong);color:var(--accent)}.auto-add-btn:hover{background:var(--surface-3);border-color:var(--accent)}.auto-list{display:flex;flex-direction:column;gap:.45rem}.auto-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;transition:opacity .15s ease}.auto-item.disabled{opacity:.55}.auto-item .summary{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem}.auto-item .summary strong{font-size:.92rem;color:var(--text)}.auto-item .summary .muted{font-size:.78rem;line-height:1.3}.auto-item .actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.btn.icon{min-width:2.2rem;padding:0 .55rem;font-size:1.15rem;line-height:1;color:var(--dim)}.btn.icon:hover{color:var(--red);border-color:var(--red)}.auto-form{display:flex;flex-direction:column;gap:.85rem;padding:1rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:.5rem;margin-top:.45rem}.auto-form-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end}.auto-form-section{display:flex;flex-direction:column;gap:.55rem;padding:.7rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:.45rem}.auto-form-section.off{background:transparent}.auto-form-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.auto-form-label{color:var(--dim);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.auto-form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.field{display:flex;flex-direction:column;gap:.3rem;flex:1 1 9rem;min-width:0}.field.grow{flex:2 1 14rem}.field>span{color:var(--dim);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.inline-row{align-items:center;gap:.5rem;font-size:.85rem}.inline-row,.seg{display:inline-flex}.seg{flex-wrap:wrap;gap:.25rem;padding:.2rem;background:var(--bg);border:1px solid var(--border);border-radius:.45rem;width:-moz-fit-content;width:fit-content}.seg button{background:transparent;color:var(--dim);border:1px solid transparent;border-radius:.35rem;padding:.35rem .7rem;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.seg button:hover{color:var(--text)}.seg button.on{background:var(--accent);color:var(--bg);font-weight:600}.switch{position:relative;display:inline-block;width:2.4rem;height:1.35rem;min-height:1.35rem;background:var(--border);border:1px solid var(--border-strong);border-radius:999px;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease;flex-shrink:0}.switch.on{background:var(--accent);border-color:var(--accent)}.switch .switch-knob{position:absolute;top:50%;left:.15rem;width:.95rem;height:.95rem;background:#f4faf7;border-radius:50%;transform:translateY(-50%);transition:left .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.35)}.switch.on .switch-knob{left:calc(100% - 1.1rem);background:var(--bg)}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-grid img{border:1px solid var(--border)}.buffer-banner{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.7rem .9rem;background:rgba(247,183,51,.12);border:1px solid rgba(247,183,51,.55);border-radius:.5rem;color:var(--amber);font-size:.86rem}.buffer-banner.suspended{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.55);color:var(--red)}.buffer-banner span{color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.buffer-banner span:last-child{margin-left:auto}.camera-modal{max-width:min(1200px,96vw)}.camera-modal img{width:100%;max-height:70vh;object-fit:contain;display:block;background:var(--bg);border-radius:.375rem}.camera-modal-meta{margin:.6rem 0}.btn{min-height:2.2rem;transition:border-color .15s ease,background .15s ease,transform .15s ease}.btn:hover,.side-nav-item:hover,.sidebar-toggle:hover{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{background:#07100e;border-color:var(--border)}input:focus,select:focus,textarea:focus{border-color:var(--border-strong)}@media (max-width:1120px){.device-edit-form,.overview-grid,.top-row{grid-template-columns:1fr}}@media (max-width:900px){.device-page{grid-template-columns:1fr;padding:.55rem;gap:.55rem}.device-sidebar,.device-sidebar.collapsed{position:relative;top:0;width:100%;height:auto;max-height:none;min-height:0}.sidebar-toggle{display:none}.device-sidebar.collapsed .side-copy,.device-sidebar.collapsed .side-nav-text,.device-sidebar.collapsed .sidebar-device-name,.device-sidebar.collapsed .sidebar-stats,.device-sidebar.collapsed .status-pill span{display:initial}.side-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.side-nav-item{min-height:4.2rem;justify-content:center;text-align:center;flex-direction:column;gap:.35rem}.side-nav-text small,.sidebar-stats{display:none}}@media (max-width:560px){.device-page{padding:.45rem;gap:.5rem}.cam-pane,.card,.device-hero,.device-sidebar,.settings-section{border-radius:.5rem}.device-hero{align-items:flex-start;flex-direction:column}.device-hero-actions,.device-hero-actions .btn{width:100%}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.side-nav-item{min-height:3.5rem;padding:.45rem}.side-nav-text span{font-size:.76rem}.sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sensor-card{min-height:98px;padding:.8rem}.chart-controls{align-items:flex-start;flex-direction:column}.chart-controls .left,.chart-controls select,.time-btns{width:100%}.time-btns{display:grid;grid-template-columns:repeat(4,1fr)}.time-btns button{min-width:0}.notif-item,.settings-row{align-items:stretch;flex-direction:column}.settings-row input,.settings-row select,.settings-row textarea{width:100%;flex:0 0 auto;min-height:2.4rem}.settings-row textarea{min-height:12rem}.settings-row input[type=checkbox]{width:auto;min-height:0;align-self:flex-start}.settings-row label:has(input[type=checkbox]){width:max-content;flex-direction:row}.settings-row>.btn{width:100%}.settings-actions{justify-content:stretch}.settings-actions .btn,.settings-actions a.btn{flex:1 1 auto;text-align:center}.notif-time,.settings-status{margin-left:0;min-width:0}.buffer-banner span:last-child{margin-left:0}}