:root{--tl-blue:#2f6be4;--tl-blue-container:#d9e7fb;--tl-sky:#70abec;--tl-orange:#f5821f;--tl-navy:#14224e;--tl-footer:#0f1b3d;--tl-footer-text:#c9d3e8;--tl-footer-muted:#9ba9c7;--tl-background:#f3f7fc;--tl-card:#fff;--tl-selected-chip:#d9e7fb;--tl-text:#14224e;--tl-text-secondary:#5b6b8c;--tl-outline:#d6e0ec;--tl-online:#2e9e5b;--tl-offline:#8c96a6;--tl-amber:#d9922f;--tl-error:#b3261e;--tl-error-container:#f9dedc}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overscroll-behavior:none;max-width:100%;overflow-x:hidden}body{background:var(--tl-background);color:var(--tl-text);font-family:Avenir Next,Avenir,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;font-size:15px}button{font:inherit;cursor:pointer}input{font:inherit}a{color:var(--tl-blue)}.page{flex-direction:column;height:100%;display:flex}.page>.app,.page>.signin{flex:auto;height:auto;min-height:0}.app{background:var(--tl-background);grid-template-columns:248px minmax(0,1fr);height:100%;min-height:0;display:grid}.rail{background:var(--tl-card);border-right:1px solid var(--tl-outline);flex-direction:column;min-height:0;padding:18px 14px 14px;display:flex}.rail-brand{padding:max(6px, env(safe-area-inset-top)) 8px 22px}.rail-brand .wordmark{width:auto;height:26px;display:block}.rail-nav{flex-direction:column;flex:1;gap:2px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.rail-item{width:100%;color:var(--tl-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:15px;font-weight:600;display:flex}.rail-item:hover{background:var(--tl-background)}.rail-item:focus-visible{outline:2px solid var(--tl-blue);outline-offset:-2px}.rail-item.active{background:var(--tl-blue-container);color:var(--tl-blue)}.rail-icon{width:20px;height:20px;color:var(--tl-text-secondary);flex:none;place-items:center;display:grid}.rail-item.active .rail-icon{color:var(--tl-blue)}.rail-icon svg{width:18px;height:18px;display:block}.rail-org{border-top:1px solid var(--tl-outline);align-items:center;gap:10px;margin-top:10px;padding:14px 8px 2px;display:flex}.rail-org-avatar{background:var(--tl-blue);color:#fff;letter-spacing:.02em;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.rail-org-text{flex-direction:column;min-width:0;display:flex}.rail-org-text strong{color:var(--tl-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.rail-org-text .muted{font-size:12px}.rail-toggle{border:1px solid var(--tl-outline);cursor:pointer;color:var(--tl-text);background:0 0;border-radius:10px;padding:4px 10px;font-size:16px;display:none}.rail-scrim{display:none}.surface{flex-direction:column;min-width:0;min-height:0;display:flex}.surface-head{background:var(--tl-card);border-bottom:1px solid var(--tl-outline);align-items:center;gap:12px;min-width:0;padding:14px 20px;display:flex}.surface-head h1{color:var(--tl-text);white-space:nowrap;margin:0;font-size:21px;font-weight:700}.surface-head .spacer{flex:1}.surface-status{color:var(--tl-online);white-space:nowrap;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.surface-status.degraded{color:var(--tl-amber)}.surface-status .dot{width:9px;height:9px}.surface-body{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.surface-body.with-rail{grid-template-columns:minmax(0,1fr) 330px}.content{overscroll-behavior:contain;min-width:0;min-height:0;padding:16px 20px;overflow:hidden auto}.content.map{flex-direction:column;padding:0;display:flex;overflow:hidden}.devrail{background:var(--tl-card);border-left:1px solid var(--tl-outline);flex-direction:column;min-height:0;display:flex}.devrail-head{letter-spacing:.12em;text-transform:uppercase;color:var(--tl-text-secondary);align-items:baseline;gap:8px;padding:14px 16px 10px;font-size:11.5px;font-weight:700;display:flex}.devrail-online{letter-spacing:.06em;color:var(--tl-online);margin-left:auto}.devrail-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.devrow{border:none;border-left:3px solid #0000;border-bottom:1px solid var(--tl-outline);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;width:100%;padding:11px 16px;display:flex}.devrow:hover{background:var(--tl-background)}.devrow:focus-visible{outline:2px solid var(--tl-blue);outline-offset:-2px}.devrow.selected{background:var(--tl-blue-container);border-left-color:var(--tl-blue)}.devrow-avatar{color:#fff;letter-spacing:.02em;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid}.devrow-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.devrow-name{color:var(--tl-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:14.5px;font-weight:700;display:flex;overflow:hidden}.devrow-main .muted{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.devrow-stats{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.devrow-stats strong{color:var(--tl-text);font-size:14.5px}.devrow-stats .muted{font-size:12px}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.online{background:var(--tl-online)}.dot.offline{background:var(--tl-offline)}@media (width<=1180px){.surface-body.with-rail{grid-template-columns:minmax(0,1fr)}.devrail{display:none}}@media (width<=960px){.app{grid-template-columns:minmax(0,1fr)}.rail-toggle{display:block}.rail{z-index:60;width:260px;transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 40px #14224e2e}.rail.open{transform:none}.rail-scrim{z-index:55;background:#14224e59;display:block;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){.rail{transition:none}}.card{background:var(--tl-card);border:1px solid var(--tl-outline);border-radius:24px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #14224e0f}.card h3{margin:0 0 4px;font-size:16px}.muted{color:var(--tl-text-secondary);font-size:13px}.badge{vertical-align:middle;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.chips{flex-shrink:0;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.chips button{background:var(--tl-card);color:var(--tl-text);border:1px solid var(--tl-outline);white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:6px 14px;display:flex}.chips button.selected{background:var(--tl-selected-chip);border-color:var(--tl-blue)}.chip-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-right:8px;display:inline-block}.banner{border-radius:16px;flex-shrink:0;margin:12px 20px 0;padding:10px 14px;font-size:13px}.banner.paywall{background:var(--tl-error-container);color:#601410}.banner.overlimit{color:var(--tl-text);background:#d9922f2e}.signin{height:100%;padding:max(32px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));box-sizing:border-box;justify-content:center;align-items:center;display:flex}.signin .card{width:min(360px,100%)}.signin .logo{border-radius:12px;width:48px;height:48px;margin-bottom:12px;display:block}.signin .wordmark-lg{width:auto;height:40px;margin:0 auto 12px;display:block}.signin input{background:var(--tl-card);border:1px solid var(--tl-outline);width:100%;color:var(--tl-text);border-radius:12px;margin-top:8px;padding:10px 12px}.signin input:focus{outline:1px solid var(--tl-blue)}.btn{background:var(--tl-orange);color:#fff;border:none;border-radius:16px;padding:10px 18px;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{border:1px solid var(--tl-blue);color:var(--tl-blue);background:0 0}.error-text{color:var(--tl-error);margin-top:8px;font-size:13px}.map-wrap{flex:1;min-height:0;position:relative}.map-canvas{position:absolute;inset:0}.map-fallback{z-index:5;background:var(--tl-bg,#f3f7fc);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.map-fallback .card{text-align:left;max-width:560px}.map-fallback .card h3{margin-top:0}.map-fallback .card code{background:#14224e12;border-radius:4px;padding:1px 5px;font-size:.92em}.info-panel{z-index:5;min-width:260px;max-width:340px;position:absolute;bottom:16px;left:16px}.info-panel .row{justify-content:space-between;gap:16px;padding:2px 0;font-size:13px;display:flex}.info-panel .row span:first-child{color:var(--tl-text-secondary)}.device-row{align-items:center;gap:12px;display:flex}.device-row .name{flex:1;font-weight:700}.btn.danger{background:var(--tl-error);color:#fff;border:none}select{font:inherit;border:1px solid var(--tl-outline);background:var(--tl-card);color:var(--tl-navy);border-radius:10px;padding:6px 10px}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.swatches{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.swatch{border:2px solid var(--tl-outline);cursor:pointer;border-radius:50%;width:26px;height:26px;padding:0}.swatch.selected{border-color:var(--tl-navy);box-shadow:0 0 0 2px var(--tl-card), 0 0 0 4px var(--tl-navy)}.swatch.none{background:var(--tl-card);color:var(--tl-text-secondary);font-size:14px;line-height:1}.assign-row{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}.person-list{max-height:52vh;margin-top:12px;overflow-y:auto}.person-section{color:var(--tl-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px;font-size:.82rem;font-weight:600}.person-row{text-align:left;background:var(--tl-card);border:1px solid var(--tl-outline);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:10px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.person-row:hover:not(:disabled){border-color:var(--tl-blue)}.person-row:disabled{opacity:.6;cursor:default}.person-row[aria-pressed=true]{border-color:var(--tl-blue)}.person-main{flex-direction:column;flex:1;min-width:0;display:flex}.person-note{color:var(--tl-error);margin-top:2px;font-size:.8rem}.person-action{color:var(--tl-blue);text-align:center;width:20px;font-size:1.15rem;font-weight:700}.modal-scrim{z-index:50;background:#14224e59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:420px}.modal-body{margin-top:12px}.modal-footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.invite-code{letter-spacing:3px;color:var(--tl-blue);-webkit-user-select:all;user-select:all;font-size:28px;font-weight:800}.site-footer{background:var(--tl-footer);color:var(--tl-footer-text);flex-shrink:0;padding:16px 20px 18px}.site-footer.compact{padding:10px 20px 12px}.site-footer.compact .footer-brand{font-size:13px}.site-footer.compact .footer-legal{margin-top:4px}.site-footer .footer-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.site-footer .footer-brand{color:#fff;font-size:14px;font-weight:700}.site-footer .footer-links{flex-wrap:wrap;gap:18px;display:flex}.site-footer .footer-links a{color:var(--tl-footer-text);font-size:13px;font-weight:600;text-decoration:none}.site-footer .footer-links a:hover{color:#fff;text-decoration:underline}.site-footer .footer-note{max-width:80ch;color:var(--tl-footer-muted);margin:10px 0 0;font-size:12px;line-height:1.6}.site-footer .footer-note a{color:var(--tl-footer-text)}.site-footer .footer-legal{color:var(--tl-footer-muted);margin:8px 0 0;font-size:11.5px}.site-footer .legal-short{display:none}@media (width<=600px){.topbar{gap:10px;padding:10px 12px}.tabs{padding:8px 12px 0}.tabs button{padding:8px 12px}.content{padding:12px}.site-footer,.site-footer.compact{padding:5px 12px 6px}.site-footer .footer-main,.site-footer .footer-note{display:none}.site-footer .footer-legal{text-align:center;margin:0;font-size:11px;line-height:1.5}.site-footer .legal-full{display:none}.site-footer .legal-short{display:inline}}.alerts{align-items:center;display:flex;position:relative}.alerts-bell{border:1px solid var(--tl-outline);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:15px;line-height:1;position:relative}.alerts-bell:hover{background:var(--tl-selected-chip)}.alerts-bell:focus-visible{outline:2px solid var(--tl-blue);outline-offset:2px}.alerts-count{background:var(--tl-orange);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-4px}.alerts-panel{z-index:50;width:min(380px,100vw - 32px);position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 30px #14224e2e}.alerts-list{flex-direction:column;max-height:60vh;margin-top:6px;display:flex;overflow-y:auto}.alert-row{border:none;border-bottom:1px solid var(--tl-outline);text-align:left;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 8px;display:flex}.alert-row:last-child{border-bottom:none}.alert-row:hover{background:var(--tl-background)}.alert-row:focus-visible{outline:2px solid var(--tl-blue);outline-offset:-2px}.alert-row.unread{border-left:3px solid var(--tl-orange);padding-left:5px}.alert-title{color:var(--tl-text);font-weight:600}.alerts-toast{z-index:60;border-left:4px solid var(--tl-orange);align-items:center;gap:10px;max-width:min(420px,100vw - 40px);padding:12px 14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #14224e38}@media (prefers-reduced-motion:no-preference){.alerts-toast{animation:.18s ease-out alert-in}@keyframes alert-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}.zone-form label{color:var(--tl-text);margin-top:12px;font-weight:600;display:block}.zone-form label:first-child{margin-top:0}.zone-form input,.zone-form select{width:100%}.zone-form .hint{color:var(--tl-text-secondary);margin-top:4px;font-size:12px;display:block}.zone-map{border:1px solid var(--tl-outline);border-radius:8px;height:300px;margin-top:6px;display:flex;overflow:hidden}.modal{max-height:calc(100vh - 32px);overflow-y:auto}.modal.wide{max-width:620px}.alert-head{align-items:baseline;gap:8px;display:flex}.alert-kind{text-align:center;flex:none;width:18px;font-size:13px;font-weight:700;line-height:1}.alert-kind.in{color:var(--tl-online)}.alert-kind.out{color:var(--tl-text-secondary)}.alert-settings{border-bottom:1px solid var(--tl-outline);flex-direction:column;gap:10px;margin-bottom:6px;padding:10px 8px 12px;display:flex}.alert-pref{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.alert-pref input{flex:none;margin-top:2px}.alert-pref>span{flex-direction:column;gap:1px;display:flex}.alert-pref .muted{font-size:12px;line-height:1.35}.alert-sep{border:none;border-top:1px solid var(--tl-outline);margin:2px 0}.rail-signout{border:1px solid var(--tl-outline);width:30px;height:30px;color:var(--tl-text-secondary);cursor:pointer;background:0 0;border-radius:9px;flex:none;place-items:center;margin-left:auto;display:grid}.rail-signout:hover{background:var(--tl-background);color:var(--tl-text)}.rail-signout:focus-visible{outline:2px solid var(--tl-blue);outline-offset:2px}.rail-signout svg{width:16px;height:16px;display:block}.page:has(>.app){height:100vh;overflow:hidden}.entity-avatar{color:#fff;letter-spacing:.02em;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.chips{scrollbar-width:none;min-width:0}.chips::-webkit-scrollbar{display:none}.chips button{flex:none}.surface-head .chips{flex:140px;padding:0}.surface-head h1{text-overflow:ellipsis;min-width:0;overflow:hidden}.surface-head>.alerts,.surface-head>.surface-status,.surface-head>.rail-toggle{flex:none}@media (width<=760px){.surface-head{flex-wrap:wrap;row-gap:10px}.surface-head .chips{flex:1 0 100%;order:10}.surface-head .spacer{flex:auto}.surface-status{font-size:13px}}.content>.chips{max-width:100%;overflow-x:auto}.legal-links{margin-top:10px;font-size:12.5px}.legal-links a{color:var(--tl-text-secondary);text-decoration:underline}.legal-links a:hover{color:var(--tl-blue)}