:root{color-scheme:light;font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#1b2940;background:#f4f6fa;font-synthesis:none;--page:#f4f6fa;--surface:#fff;--ink:#1b2940;--muted:#7b879c;--line:#e5eaf2;--accent:#4b63e5;--accent-soft:#eef1ff;--sidebar:#111d32;--positive:#168a70;--warning:#bd8324;--danger:#c55266;--radius:14px}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{border:1px solid #dce2ed;border-radius:8px;background:#fff;color:#45526b;padding:10px 15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:12px;line-height:1.5;transition:background .16s,border-color .16s,box-shadow .16s}button:hover{background:#f6f8fd;border-color:#bfc9dc}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9cacf5;outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 7px #334bb31a}.primary:hover{background:#3c52d0;border-color:#3c52d0}.danger{background:#fff4f5;color:var(--danger);border-color:#f1d9df}.danger:hover{background:#ffe9ed;border-color:#e6b9c3}.ghost{background:transparent;border-color:transparent}.ghost:hover{background:#eef1f8;border-color:transparent}.small{font-size:11px;padding:6px 10px}.icon-button{padding:9px;width:36px;height:36px}.icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg,svg.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,h4,p{margin-top:0}h1{font-size:29px;line-height:1.25;font-weight:700;letter-spacing:-.8px;margin-bottom:9px}h2{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin-bottom:8px}h3{font-size:16px;line-height:1.4;margin-bottom:12px;font-weight:650}h4{font-size:14px;line-height:1.4;margin-bottom:12px;font-weight:650}p{color:var(--muted);line-height:1.7;margin-bottom:16px}.help{color:var(--muted);font-size:12px;line-height:1.65}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#7b8aaa;margin-bottom:8px}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{background:var(--sidebar);color:#a7b3c8;position:fixed;inset:0 auto 0 0;width:246px;display:flex;flex-direction:column;z-index:30;overflow-y:auto;padding:27px 17px 18px}.sidebar-brand,.sidebar .brand{display:flex;gap:12px;align-items:center;padding:1px 13px 31px;color:#f5f7ff;font-size:17px;font-weight:700;letter-spacing:-.4px}.sidebar-brand small,.sidebar .brand small{display:block;font-size:10px;color:#7788a6;letter-spacing:.9px;text-transform:uppercase;font-weight:500;margin-top:3px}.brand-mark{width:35px;height:39px;border-radius:11px;background:#4b63e5;display:inline-flex;align-items:center;justify-content:center;color:white;flex-shrink:0;font-size:23px;box-shadow:0 5px 18px #050d2066}.brand-mark svg{width:23px;height:23px}.nav-label,.nav-group-label,.sidebar-label{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#657795;text-transform:uppercase;padding:18px 15px 11px}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.sidebar-nav button,.sidebar-nav a{border:0;box-shadow:none;background:transparent;color:#91a1ba;width:100%;padding:12px 15px;text-align:left;justify-content:flex-start;font-size:12px;font-weight:500;gap:12px;border-radius:8px;line-height:1.5;display:flex;align-items:center}.sidebar-nav button:hover,.sidebar-nav a:hover{background:#1b2a44;color:#e8edf9}.sidebar-nav button.active,.sidebar-nav a.active,.sidebar-nav [aria-current=page],.sidebar-nav [aria-pressed=true]{color:#f0f4ff;background:#273858;box-shadow:inset 3px 0 0 #778aff}.sidebar-nav .nav-sub,.sidebar-nav .subnav,.sidebar-nav [data-nav=new-client]{padding-left:46px;font-size:11px}.nav-count{margin-left:auto;background:#344463;color:#c8d4ed;border-radius:5px;padding:1px 6px;font-size:10px}.sidebar-footer{margin-top:auto;padding:24px 7px 0}.sidebar-footer .help{color:#7285a4;font-size:10px}.sidebar-user,.sidebar-account{padding:13px 10px;border-top:1px solid #28354c;display:flex;gap:10px;align-items:center;margin-top:12px}.avatar{height:34px;width:34px;border-radius:10px;background:#e9edff;color:#596ad3;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:750;flex-shrink:0}.sidebar .avatar{background:#2a3c5d;color:#c4d1ef}.sidebar-user strong,.sidebar-account strong{display:block;color:#dbe3f4;font-size:11px;font-weight:600}.sidebar-user small,.sidebar-account small{font-size:9px;color:#7d8ead;display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer #logout{color:#94a7c6;border-color:#2c3d58;background:transparent;width:100%;font-size:11px;margin-top:12px}.workspace,.app-main{grid-column:2;min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 36px;position:sticky;top:0;z-index:20}.topbar-title{font-size:13px;font-weight:600;color:#3b4961}.topbar .eyebrow{margin:0;font-size:9px}.topbar-actions{display:flex;gap:14px;align-items:center}.topbar .session{font-size:10px;color:var(--muted);text-align:right}.session #identity{display:block}.topbar #connection{font-size:10px;color:#8391a7}.topbar .avatar{background:#edf0fb;color:#7180ac}.content{padding:31px 36px 45px;max-width:1610px;margin:0 auto}.view-heading,.title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.view-heading p,.title p{margin-bottom:0}.view-heading h1,.title h1,.title h2{margin:0 0 8px}.view-heading .actions{margin:0}.breadcrumb{font-size:11px;color:#8c98ad;display:flex;align-items:center;gap:9px;margin-bottom:20px}.breadcrumb button{font-size:11px;padding:0;border:0;color:#7c8ca9;background:transparent}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:27px 0 26px}.dashboard-stat{position:relative;padding:22px 22px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-height:144px;box-shadow:0 3px 6px #1c315603}.dashboard-stat .stat-label{color:#7f8aa0;font-size:11px;font-weight:550;display:block;margin-bottom:15px}.dashboard-stat .stat-value,.dashboard-stat>strong{font-size:34px;color:#24324c;font-weight:650;letter-spacing:-1px;line-height:1;display:block;margin:5px 0 12px}.dashboard-stat .stat-note,.dashboard-stat>small{font-size:10px;color:#98a2b4;display:block}.stat-icon{position:absolute;right:19px;top:19px;width:33px;height:33px;border-radius:10px;background:#eef1ff;color:#6d7edb;display:flex;align-items:center;justify-content:center}.dashboard-stat.online .stat-icon,.dashboard-stat[data-kind=online] .stat-icon{background:#e8f6f1;color:#40a18b}.dashboard-stat.offline .stat-icon,.dashboard-stat[data-kind=offline] .stat-icon{background:#fff0f2;color:#d5828e}.dashboard-stat.pending .stat-icon,.dashboard-stat[data-kind=pending] .stat-icon{background:#fff6e5;color:#c49c56}.card,.panel-card,.table-card,.section-card,.review-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 3px 7px #172d5103}.card h3,.panel-card h3{margin-top:0}.panel-card{margin-bottom:20px}.table-card{padding:0;overflow:hidden}.card-heading,.section-heading,.table-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:23px 24px;border-bottom:1px solid var(--line)}.card-heading h2,.card-heading h3,.table-heading h2,.table-heading h3{margin:0;font-size:15px;letter-spacing:-.2px}.card-heading p,.table-heading p{font-size:11px;margin:4px 0 0}.table-wrap{overflow:auto}.client-table,table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.client-table{min-width:680px}th{background:#fafbfe;color:#8b97ac;font-size:9px;text-transform:uppercase;letter-spacing:.85px;font-weight:600;padding:14px 22px;border-bottom:1px solid var(--line)}td{padding:19px 22px;border-bottom:1px solid #edf0f6;vertical-align:middle;color:#728099}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcff}td strong{font-weight:600;color:#2f3d56;font-size:12px}td small{display:block;color:#9ba6b8;font-size:10px;margin-top:4px}td select{margin:0;min-width:150px}.client-name,.client-cell{display:flex;align-items:center;gap:12px}.client-initials,.client-avatar{height:35px;width:35px;display:inline-flex;align-items:center;justify-content:center;background:#eef1fc;color:#7989ba;border-radius:9px;font-size:11px;font-weight:650;flex-shrink:0}.connection-pill,.state,.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:6px;font-size:10px;white-space:nowrap;font-weight:550;background:#f0f3f8;color:#7c899d}.connection-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.connection-pill.online,.badge.online,.state[data-state=closed],.state[data-state=disarmed]{background:#e8f5ef;color:#268c72}.connection-pill.offline,.badge.offline{background:#fff0f1;color:#cb7784}.connection-pill.pending,.badge.pending{background:#fff6e6;color:#b88e42}.state[data-state=armed_away],.state[data-state=armed_stay]{background:#eef0ff;color:#6273cb}.state[data-state=open],.state[data-state=arming],.state[data-state=bypassed]{background:#fff5e3;color:#ba8b3d}.state[data-state=alarm],.state[data-state=tamper]{background:#fff0f2;color:#c55e72}.online{color:#258a72}.offline{color:#bd7684}.empty{padding:32px;text-align:center;border:1px dashed #dbe2ef;border-radius:12px;color:#91a0b6;font-size:12px}.table-wrap .empty{border:0;margin:0;border-radius:0}.grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.installation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.installation-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:23px;border-radius:var(--radius);text-align:left;min-height:128px}.installation-card strong{font-size:15px;color:#3b4a64}.installation-card small{color:var(--muted);font-weight:400;font-size:11px}.installation-card.selected{border-color:#8c9aed;box-shadow:0 0 0 2px #eef1ff}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0}.filter-bar{display:flex;gap:12px;align-items:center}.filter-bar input,.search-input{width:240px;font-size:11px;padding:9px 12px;margin:0;background:#f8fafd}.filter-tabs{display:flex;gap:4px;background:#eef1f6;border-radius:7px;padding:3px}.filter-tabs button{background:none;border:0;font-size:10px;padding:6px 10px;color:#8c98aa}.filter-tabs button.active{background:white;color:#4b63e5;box-shadow:0 1px 5px #2734490c}.client-header{padding:23px 25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.client-header h1,.client-header h2{margin-bottom:6px}.client-header .help{margin:5px 0}.client-header .eyebrow{margin:0 0 8px}.tabs{display:flex;gap:25px;border-bottom:1px solid #e1e6f0;margin:23px 0 25px;overflow:auto;white-space:nowrap}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 0 14px;background:transparent;color:#8c96ab;font-size:12px;font-weight:500;flex-shrink:0}.tabs button[aria-pressed=true],.tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:650}.tabs button:hover{color:var(--accent);background:transparent}.partition{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.partition-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.partition-heading h4{margin:0}.zone-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.zone{border:1px solid #e5eaf2;background:#fbfcff;border-radius:10px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.zone-name{font-size:12px;font-weight:600;color:#45536c;display:block}.zone-number{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#a0acc0;margin-top:5px;display:block}.zone-controls{text-align:right}.zone-controls button{display:block;margin:6px 0 0 auto;font-size:9px;padding:3px 6px}.zone-controls .state{font-size:9px}.hardware-summary{padding:14px 17px;border:1px solid #e6eaf2;border-radius:10px;background:#f9faff;font-size:12px;line-height:1.8;margin:12px 0}.hardware-summary strong{color:#52617a}.hardware-warning{font-size:10px;color:#9b8f79;margin-top:5px}.profile-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.profile-button{background:#f1f3ff;border-color:#e0e5ff;color:#6a79c9}.profile-note{font-size:11px;margin:8px 0 0}.profile-row{padding:18px 0;border-bottom:1px solid var(--line)}.profile-row:last-child{border-bottom:0}.profile-row strong{display:block;font-size:13px;color:#4b5972}.profile-row p{font-size:11px;margin:7px 0}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.scenario-card{padding:23px;border:1px solid var(--line);background:#fff;border-radius:12px}.scenario-card h3{font-size:14px}.scenario-card p{font-size:11px;min-height:34px}.scenario-card .actions{margin-bottom:0}.id{font:10px ui-monospace,SFMono-Regular,monospace;color:#98a3b5;display:block;overflow-wrap:anywhere;margin:8px 0}label{display:block;font-size:11px;font-weight:550;color:#69768e;margin:16px 0}input,select,textarea{display:block;width:100%;background:#fff;color:#34435d;border:1px solid #dce3ef;border-radius:7px;padding:11px 12px;font-size:12px;font-weight:400;margin-top:7px;min-height:41px}input::placeholder,textarea::placeholder{color:#a7b0c0}select{cursor:pointer}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#91a2f1;outline:0;box-shadow:0 0 0 3px #edf1ff}input[type=checkbox]{display:inline-block;min-height:initial;width:auto;margin:0 9px 0 0;accent-color:var(--accent)}input[type=checkbox]:focus{box-shadow:none}.checkbox-label{display:flex;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:7px;font-size:11px;color:#7d899d;margin:8px 0;font-weight:400}.zone-choices{max-height:260px;overflow:auto}.inline-form{background:#f8faff;border:1px solid #e8edf7;border-radius:10px;padding:20px;margin-top:15px}.inline-form label{margin-top:14px}.inline-form h4{font-size:12px}details.advanced{margin-top:14px;border:1px solid #e7ebf3;border-radius:8px;background:#fff}details.advanced summary{padding:13px 16px;color:#8591a7;font-size:11px;cursor:pointer}details.advanced[open]{padding-bottom:16px}details.advanced>p,details.advanced>.inline-form,details.advanced>.id{margin-left:16px;margin-right:16px}summary{cursor:pointer;padding:16px;border-radius:8px;background:#f5f7fc;color:#5f6f89;font-size:12px;font-weight:500}.wizard-steps{display:flex;align-items:center;gap:0;margin:26px 0 30px;padding:19px 24px;border:1px solid var(--line);background:#fff;border-radius:12px}.wizard-step{display:flex;align-items:center;gap:10px;color:#a0abbd;font-size:11px;flex:1;position:relative}.wizard-step:not(:last-child):after{content:"";height:1px;background:#e8ecf4;flex:1;margin:0 24px}.step-number,.wizard-step .number{height:27px;width:27px;border-radius:50%;background:#f0f3f8;color:#9aa6ba;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;flex-shrink:0}.wizard-step.active,.wizard-step[aria-current=step]{color:#536adb;font-weight:600}.wizard-step.active .step-number,.wizard-step[aria-current=step] .step-number{background:#e9edff;color:#5a6fdd}.wizard-step.done .step-number{background:#e8f5ef;color:#289079}.wizard-panel{max-width:950px}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.wizard-aside{background:#eff2fd;border-radius:12px;padding:25px;color:#7381a8;font-size:11px}.wizard-aside h3{color:#6879ad;font-size:13px}.wizard-aside li{margin:12px 0;line-height:1.6}.wizard-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.review-card{box-shadow:none;background:#fafbfe;padding:19px;margin:15px 0}.review-card h3{font-size:12px;color:#53637e}.review-card p{font-size:11px;margin:6px 0}.viewer-entry{border:1px solid var(--line);border-radius:9px;padding:15px 18px;margin-top:14px}.viewer-entry .form-grid{gap:18px}.viewer-entry .form-grid label{margin:6px 0}.notice{background:#fff9ed;border:1px solid #f2e8d2;border-radius:8px;padding:13px 16px;color:#a08d65;font-size:11px;line-height:1.7}.status-note{font-size:10px;color:#9a8790;line-height:1.7}.destination{padding:14px;background:#f3f5fc;border-radius:8px;color:#586a8e;font-size:13px;font-weight:550}#error,#message{padding:14px 18px;border:1px solid;border-radius:10px;font-size:12px;line-height:1.7;margin-bottom:22px;white-space:pre-wrap}#error{color:#b65369;background:#fff2f5;border-color:#f2dce3}#message{color:#32826d;background:#ecf8f2;border-color:#d6ebdf}.dialog-error{color:#b85f72;background:#fff3f6;border:1px solid #f1dce4;padding:12px;border-radius:7px;font-size:11px}.events-section{margin-top:25px}#events{list-style:none;padding:0;margin:0;max-height:470px;overflow:auto}#events li{font-size:11px;color:#8794aa;line-height:1.8;padding:13px 4px 13px 23px;border-bottom:1px solid #edf0f5;position:relative}#events li:before{content:"";position:absolute;left:5px;top:20px;height:5px;width:5px;border-radius:50%;background:#b1bce1}#events li:last-child{border-bottom:0}dialog{max-width:560px;width:calc(100% - 32px);padding:29px;border:1px solid #e0e6ef;border-radius:17px;background:white;color:var(--ink);box-shadow:0 28px 80px #14234130}dialog::backdrop{background:#16223980;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin-bottom:14px}dialog p{font-size:12px}dialog .actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-hero{background:#111d32;padding:65px 12%;display:flex;flex-direction:column;justify-content:center;color:#eff3ff}.login-hero h1{font-size:43px;line-height:1.2;letter-spacing:-1.2px}.login-hero p{color:#889bb9;font-size:14px;max-width:360px}.login-hero .eyebrow{color:#8397d6}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px}.login-panel>div{width:100%;max-width:350px}.login-panel h2{font-size:26px}.login-panel form{margin-top:30px}.login-panel label{font-size:11px}.login-panel .primary{width:100%;padding:12px}.login-panel .help{margin-top:23px;font-size:10px}#login:not(.login-view){max-width:430px;margin:70px auto;padding:34px;border:1px solid var(--line);border-radius:18px;background:white}#login-form button{width:100%;margin-top:8px}.app-footer,footer{font-size:10px;color:#a0abbd;padding:22px 0 5px;text-align:center}.app-footer{display:flex;justify-content:space-between;gap:15px;margin-top:24px;border-top:1px solid var(--line)}[hidden]{display:none!important}.mobile-menu{display:none}
@media(min-width:1650px){.content{padding:38px 48px}.topbar{padding:0 48px}.dashboard-stat{padding:25px}.dashboard-stats{gap:22px}.client-table td{padding-top:22px;padding-bottom:22px}}
@media(max-width:1200px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{width:218px;padding-left:12px;padding-right:12px}.sidebar-brand,.sidebar .brand{padding-left:10px;font-size:16px}.content{padding:28px 25px}.topbar{padding:0 25px}.dashboard-stats{gap:12px}.dashboard-stat{padding:19px 16px}.stat-icon{right:13px;top:17px}.zone-list,.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.installation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-user small,.sidebar-account small{max-width:112px}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;inset:auto;width:100%;padding:15px 20px;overflow:visible}.sidebar-brand,.sidebar .brand{padding:0 0 14px}.sidebar-brand small,.sidebar .brand small{display:none}.brand-mark{width:29px;height:32px;font-size:17px}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.sidebar-nav button,.sidebar-nav a{width:auto;padding:9px 12px;font-size:11px;gap:7px}.sidebar-nav .nav-sub,.sidebar-nav .subnav,.sidebar-nav [data-nav=new-client]{padding-left:12px}.sidebar-nav .nav-label,.nav-group-label,.sidebar-label{display:none}.sidebar-footer{display:none}.workspace,.app-main{grid-column:1}.topbar{height:67px;position:static}.content{padding:23px 20px}.dashboard-stats{gap:11px}.dashboard-stat{min-height:125px;padding:17px 14px}.dashboard-stat .stat-value,.dashboard-stat>strong{font-size:27px}.stat-icon{display:none}.view-heading h1{font-size:26px}.wizard-layout{grid-template-columns:1fr}.wizard-aside{display:none}.grid{gap:16px}.card,.panel-card,.section-card{padding:20px}.client-header{padding:20px}.login-hero{padding:50px 10%}.login-hero h1{font-size:35px}.login-panel{padding:30px}}
@media(max-width:600px){.content{padding:22px 15px}.topbar{padding:0 16px}.topbar .session{display:none}.view-heading,.title{align-items:flex-start;gap:13px;flex-wrap:wrap;margin-bottom:20px}h1{font-size:25px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0}.dashboard-stat{min-height:126px}.dashboard-stat .stat-label{font-size:10px}.dashboard-stat .stat-note,.dashboard-stat>small{font-size:9px}.grid,.form-grid,.zone-list,.scenario-grid,.installation-grid{grid-template-columns:1fr;gap:13px}.client-header{align-items:flex-start;flex-direction:column;gap:13px}.tabs{gap:23px;margin-top:16px}.tabs button{font-size:11px}.wizard-steps{padding:15px 13px;gap:8px}.wizard-step{font-size:9px;gap:6px}.wizard-step:not(:last-child):after{margin:0 6px}.step-number,.wizard-step .number{width:23px;height:23px;font-size:9px}.filter-bar{width:100%;flex-wrap:wrap}.filter-bar input,.search-input{width:100%}.card-heading,.section-heading,.table-heading{padding:18px;flex-wrap:wrap}.actions button{font-size:11px}.sidebar-nav .icon{width:15px;height:15px}.sidebar-nav{gap:3px}.sidebar-nav button,.sidebar-nav a{padding:8px 10px;font-size:10px}.sidebar{padding:14px 16px}.login-view{grid-template-columns:1fr}.login-hero{padding:35px 30px}.login-hero h1{font-size:29px;margin-bottom:12px}.login-hero p{font-size:12px;margin-bottom:0}.login-panel{padding:35px 28px}.login-panel h2{font-size:23px}.app-footer{display:block;text-align:center}.app-footer span{display:block;margin:5px 0}.client-table,table{min-width:590px}.wizard-footer{gap:10px}.wizard-footer button{font-size:11px}.partition-heading{flex-wrap:wrap}dialog{padding:23px}.viewer-entry{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Application surfaces and a dedicated phone layout. */
.surface{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;margin-bottom:22px;min-width:0;box-shadow:0 3px 12px #18345b03}.surface:has(>.table-wrap){padding:0}.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 24px;border-bottom:1px solid var(--line)}.surface-heading h3{margin:0 0 6px}.surface-heading .help{max-width:660px;margin:0}.text-link{font-size:12px;font-weight:600;white-space:nowrap}.context-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #e3e8f3;background:#eef2fa;border-radius:10px;padding:13px 17px;margin:20px 0;color:#8b99b2}.context-note p{margin:0;font-size:11px;color:#7b8ba4}.system-note{font-size:10px;margin:30px 0 0;color:#a0aabd;text-align:center}.sidebar-tip{margin-top:auto;padding:27px 15px 18px;font-size:10px;color:#627798}.sidebar-tip>span{font-weight:600;color:#8598b6}.sidebar-tip p{font-size:10px;line-height:1.7;color:#627798;margin:6px 0 0}.sidebar-footer{margin:0;padding:16px 8px 0;border-top:1px solid #28384f;display:grid;grid-template-columns:32px minmax(0,1fr) 28px;gap:9px;align-items:center}.sidebar-footer .session{min-width:0}.sidebar-footer #identity{display:block;color:#c1cce0;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer #connection{display:block;color:#6e83a7;font-size:8px;line-height:1.6}.sidebar-footer #logout{padding:5px;margin:0;height:29px;width:29px;border:0;font-size:17px}.sidebar .brand-mark{font-size:22px}.topbar{height:auto;min-height:60px;background:transparent;border:0;position:static;padding-top:19px;padding-bottom:0;align-items:center}.topbar h1{font-size:13px;letter-spacing:0;color:#8996ae;margin:0;font-weight:500}.topbar .eyebrow{display:none}.secure-badge{font-size:10px;color:#96a1b4}.topbar #refresh{background:#fff;border:1px solid #e1e7f1;font-size:10px;padding:7px 11px}.content{padding-top:21px}.stat-icon.teal{background:#e9f7f0;color:#32a085}.stat-icon.coral{background:#fff0f2;color:#d78796}.stat-icon.amber{background:#fff5e5;color:#cba35a}.stat-icon.cobalt{background:#eff1ff;color:#6e83e1}.client-table{min-width:0}.client-table table{min-width:670px}.installation-card .actions{margin:0}.installation-card .connection-pill{margin-top:5px}.installation-card .client-card-meta{font-size:11px;color:#8f9db2}.section-heading{display:flex;justify-content:flex-start;gap:15px;align-items:flex-start;padding:0 0 21px;margin-bottom:20px;border-bottom:1px solid var(--line)}.section-heading h3,.section-heading h4{margin:0 0 6px}.section-heading p{margin:0;font-size:11px}.section-heading.compact{justify-content:space-between;margin:24px 0 15px;padding-bottom:0;border:0}.section-number{display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:#edf1ff;color:#8191da;font-size:11px;font-weight:650;border-radius:9px;flex-shrink:0}.wizard.surface{padding:28px;max-width:1000px}.wizard.surface>.wizard-step{display:block;font-size:inherit;color:inherit;flex:none}.wizard.surface>.wizard-step:after{display:none}.wizard-steps{list-style:none;padding:20px 24px;max-width:1000px}.wizard-steps li{display:flex;align-items:center;gap:10px;color:#99a5b9;font-size:11px;flex:1}.wizard-steps li:not(:last-child):after{content:"";flex:1;height:1px;background:#e4e9f3;margin:0 22px}.wizard-steps li>span{border-radius:50%;background:#edf0f6;color:#99a5b9;font-size:10px;font-weight:650;height:28px;width:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wizard-steps li.active{color:#526bd6;font-weight:600}.wizard-steps li.active>span{background:#e8edff;color:#526bd6}.wizard-steps li.done>span{background:#e8f6ef;color:#3e9c7b}.wizard-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.text-button{background:transparent;color:#7383bb;border:0;font-size:11px;padding:8px 0}.account-block{background:#f9faff;border:1px solid #e8edf6;border-radius:10px;padding:20px}.account-block h4{font-size:13px}.account-block .badge{margin-left:8px;font-size:9px}.viewer-account{border:1px solid var(--line);border-radius:10px;padding:17px 20px;margin:13px 0}.viewer-account h4{font-size:12px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.review-card{margin:0;padding:20px}.review-row{font-size:12px;display:flex;justify-content:space-between;gap:15px;padding:8px 0;color:#8b97ac}.review-row strong{color:#5d6e8c;font-weight:550}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.catalog-section h3{padding-bottom:18px;margin-bottom:0;border-bottom:1px solid var(--line)}.catalog-model{position:relative;padding:20px 0 18px 40px;border-bottom:1px solid var(--line)}.catalog-model:last-child{border-bottom:0;padding-bottom:0}.catalog-model h4{font-size:12px;margin-bottom:7px}.catalog-model p{margin:6px 0}.catalog-icon{position:absolute;left:0;top:19px;width:27px;height:27px;border-radius:7px;background:#edf1fb;color:#91a1ca;display:flex;align-items:center;justify-content:center}.scenario-row{padding:19px 0;border-bottom:1px solid var(--line)}.scenario-row:last-child{border-bottom:0}.scenario-row strong{font-size:13px;display:block}.scenario-row p{margin:7px 0;font-size:11px}.command-result{margin-top:20px;border-left:3px solid #8294e8}.command-result p{font-size:12px;margin:0}.expandable{padding:0}.expandable>.inline-form{margin:0 20px 20px}.expandable summary{background:transparent;padding:18px 20px}.toast{position:fixed;right:28px;top:20px;z-index:100;max-width:min(520px,calc(100vw - 32px));box-shadow:0 12px 35px #1a304521}.toast#message,.toast#error{margin:0}.login-page#login{display:grid;grid-template-columns:45% 55%;max-width:none;min-height:100vh;margin:0;padding:0;border:0;border-radius:0;background:white}.login-brand{background:#111d32;color:#c5d4f4;padding:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:35px;gap:20px;position:relative;overflow:hidden}.login-brand:before{content:"";width:440px;height:440px;border:1px solid #31436366;border-radius:50%;position:absolute;inset:calc(50% - 220px) auto auto calc(50% - 220px);box-shadow:0 0 0 70px #28395022,0 0 0 140px #28395011}.login-brand strong{font-size:21px;color:#f4f7ff;position:relative;letter-spacing:-.5px}.login-card{width:100%;max-width:420px;padding:40px;margin:auto}.login-card h1{font-size:34px;line-height:1.2;margin:13px 0 22px;letter-spacing:-1px}.login-card p{font-size:12px}.login-card #login-form{margin-top:30px}.login-card #login-form button{padding:12px;margin-top:10px}.login-card .help{font-size:10px;margin-top:22px}.mobile-appbar,.mobile-menu-close,.mobile-client-selector{display:none}.nav-icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-text{white-space:normal}.menu-backdrop{display:none}
@media(max-width:900px){body.logged-in{background:#111d32}.app-shell{display:block;min-height:100dvh}.workspace{width:100%;min-height:calc(100dvh - 68px);background:var(--page)}.mobile-appbar{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;z-index:45;min-height:68px;padding:calc(11px + env(safe-area-inset-top,0px)) 18px 11px;background:#111d32;border-bottom:1px solid #26344b}.mobile-appbar .mobile-brand{display:flex;align-items:center;gap:10px;color:#f5f7ff;font-size:16px;font-weight:650;letter-spacing:-.3px}.mobile-appbar .brand-mark{height:34px;width:34px;border-radius:10px;font-size:20px}.mobile-brand small{display:block;color:#8295b4;font-size:10px;font-weight:400;letter-spacing:.3px;margin-top:2px}.mobile-appbar button{height:44px;width:44px;padding:10px;background:#21304a;color:#e9efff;border:1px solid #364760;border-radius:11px}.mobile-appbar button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}.sidebar{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:min(86vw,320px);height:100dvh;padding:calc(25px + env(safe-area-inset-top,0px)) 20px calc(22px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;z-index:70;transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 70px #080f2430}.mobile-menu-open .sidebar{transform:translateX(0)}body.mobile-menu-open{overflow:hidden}.sidebar .brand{font-size:18px;padding:0 7px 27px;gap:11px}.sidebar .brand small{display:block;font-size:9px;margin-top:5px}.sidebar .brand .brand-mark{width:36px;height:39px}.mobile-menu-close{display:flex;align-self:flex-end;width:35px;height:35px;padding:7px;color:#a8b8d4;background:#22314b;border:1px solid #35445f;margin:-9px -2px 18px 0}.sidebar-label{display:block;padding:15px 13px 12px;margin:0;font-size:9px;color:#657b9f}.sidebar-nav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:7px}.sidebar-nav a,.sidebar-nav button{display:flex;align-items:center;width:100%;min-height:49px;padding:12px 14px;gap:13px;line-height:1.45;font-size:14px;color:#a5b4cd;text-align:left;border-radius:9px}.sidebar-nav .subnav,.sidebar-nav [data-nav=new-client]{padding-left:47px;font-size:13px;min-height:43px}.sidebar-nav a.active{background:#283c5c;color:white;box-shadow:inset 3px 0 0 #8296ff}.sidebar-nav .nav-icon{height:21px;width:21px}.sidebar-nav .nav-icon svg{width:20px;height:20px}.sidebar-tip{display:block;margin-top:auto;padding:27px 13px 17px;font-size:10px}.sidebar-tip p{font-size:11px}.sidebar-footer{display:grid;grid-template-columns:34px minmax(0,1fr) 32px;gap:10px;padding:18px 7px 0}.sidebar-footer #identity{font-size:11px}.sidebar-footer #connection{font-size:9px}.sidebar-footer #logout{height:32px;width:32px;font-size:20px}.menu-backdrop,#mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:65;padding:0;border:0;border-radius:0;background:#0b14288c;backdrop-filter:blur(3px)}.topbar{display:none}.content{padding:25px 20px 32px;max-width:100%;overflow-x:clip}.view-heading{margin-bottom:21px;gap:16px}.view-heading h2{font-size:25px;letter-spacing:-.8px;line-height:1.25;margin:0 0 9px;max-width:470px}.view-heading p{font-size:12px;line-height:1.65;max-width:490px}.view-heading .primary{min-height:43px;padding:11px 16px;font-size:12px;border-radius:10px}.dashboard-stats{margin:23px 0 26px;gap:13px}.dashboard-stat{min-height:145px;padding:18px 16px;border-radius:14px}.dashboard-stat .stat-label{font-size:12px;line-height:1.4;padding-right:27px;margin-bottom:14px;min-height:32px;color:#65728a}.dashboard-stat>strong{font-size:32px;line-height:1;margin:0 0 10px;color:#23324b}.dashboard-stat>small{font-size:10px;color:#8995a9;line-height:1.4}.stat-icon{display:flex;width:27px;height:27px;border-radius:8px;right:13px;top:16px;font-size:14px}.surface{padding:20px;border-radius:14px}.surface-heading{padding:20px;gap:14px;align-items:flex-start}.surface-heading h3{font-size:16px}.surface-heading .help{font-size:11px;line-height:1.6;max-width:480px}.text-link{font-size:11px}.client-table{width:100%;min-width:0;overflow:visible}.client-table table{min-width:0;width:100%;display:block}.client-table thead{display:none}.client-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:15px}.client-table tr{display:grid;grid-template-columns:1fr auto;gap:10px 12px;border:1px solid #e3e9f3;border-radius:12px;padding:16px;background:#fff}.client-table td{padding:0;border:0;min-width:0;font-size:12px;display:flex;align-items:center;gap:7px;white-space:normal}.client-table td:before{content:attr(data-label);font-size:10px;color:#929fb3}.client-table td:first-child{grid-column:1/-1;padding-bottom:11px;margin-bottom:2px;border-bottom:1px solid #eff2f7}.client-table td:first-child:before,.client-table td:last-child:before{display:none}.client-table td:first-child strong{font-size:13px}.client-table td:first-child small{font-size:10px}.client-table td:nth-child(3){justify-content:flex-end}.client-table td:nth-child(3):before{display:none}.client-table td:nth-child(4){grid-column:1/-1;font-size:10px;color:#8290a6;align-items:flex-start}.client-table td:last-child{grid-column:1/-1;margin-top:4px;display:flex}.client-table td:last-child button{min-height:39px;width:100%;border-color:#e1e6f5;color:#6074c9;background:#f4f6ff;font-size:11px}.connection-pill{font-size:10px;padding:6px 8px;border-radius:6px}.client-header{padding:20px;margin-bottom:15px;border-radius:13px}.client-header h2{font-size:25px;margin-bottom:8px}.client-header .eyebrow{font-size:9px}.client-header>.actions{width:100%;justify-content:space-between;margin:0;gap:10px}.client-header .help{font-size:11px}.mobile-client-selector{display:block;margin:17px 0 22px}.mobile-client-selector label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8795ad;margin:0 0 8px}.mobile-client-selector select{font-size:14px;font-weight:550;min-height:49px;border-radius:10px;background:#fff;border-color:#d9e1ef;margin-top:0;color:#536784;padding:13px 15px}.tabs{display:none}.section-heading{gap:12px}.section-heading p{font-size:11px}.section-heading h3{font-size:15px}.wizard.surface{padding:22px}.wizard-steps{padding:17px 15px;border-radius:11px}.wizard-steps li{font-size:10px;line-height:1.35;gap:7px}.wizard-steps li>span{width:25px;height:25px;font-size:10px}.wizard-steps li:not(:last-child):after{margin:0 9px}.form-grid{gap:0 17px}.wizard-actions{justify-content:space-between;gap:11px}.wizard-actions button{min-height:43px;flex:1;font-size:11px}.review-grid{gap:12px}.review-row{flex-direction:column;gap:4px;font-size:11px}.catalog-grid{gap:16px}.context-note{padding:13px 15px;margin:19px 0}.context-note p{font-size:11px}.zone{padding:15px;border-radius:10px}.zone-name{font-size:13px}.zone-number{font-size:9px}.zone-controls .state{font-size:10px}.zone-controls button{font-size:10px;padding:5px 7px}.actions button{min-height:39px}.system-note{font-size:9px;line-height:1.7;margin-top:25px}.toast{left:14px;right:14px;top:calc(78px + env(safe-area-inset-top,0px));max-width:none;font-size:12px}.login-page#login{grid-template-columns:1fr;min-height:100dvh;background:#f4f6fa}.login-brand{padding:28px 25px;min-height:100px;flex-direction:row;gap:13px;justify-content:flex-start;font-size:28px;overflow:hidden}.login-brand strong{font-size:19px}.login-brand:before{width:250px;height:250px;left:auto;right:-100px;top:-100px}.login-card{max-width:410px;margin:0 auto;padding:40px 27px 45px}.login-card h1{font-size:32px;line-height:1.2}.login-card p{font-size:13px}input,select,textarea{font-size:16px;min-height:45px;padding:11px 12px}label{font-size:12px}.inline-form input,.inline-form select{font-size:16px}.sidebar-nav:focus{outline:none}}
@media(max-width:600px){.mobile-appbar{padding-left:17px;padding-right:17px}.content{padding:25px 16px 30px}.view-heading h2{font-size:26px;max-width:310px}.view-heading{display:block}.view-heading>button,.view-heading>.actions{margin-top:17px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-stat{min-height:149px;padding:18px 15px}.dashboard-stat .stat-label{font-size:12px}.dashboard-stat>strong{font-size:31px}.dashboard-stat>small{font-size:10px;max-width:135px}.surface-heading{display:block;padding:19px}.surface-heading .text-link{display:inline-block;margin-top:13px}.surface-heading .help{margin-top:8px;font-size:11px}.client-table tbody{grid-template-columns:1fr;padding:12px;gap:11px}.client-table tr{padding:15px;gap:10px 12px}.client-table td:first-child{padding-bottom:12px}.client-table td:nth-child(4){flex-wrap:wrap}.client-table td:first-child strong{font-size:14px}.client-table .client-name,.client-table .client-cell{gap:10px}.client-avatar,.client-initials{width:37px;height:37px}.wizard-steps{gap:0;padding:15px 12px}.wizard-steps li{flex-direction:column;align-items:flex-start;gap:6px;max-width:33.333%;font-size:9px;font-weight:500;position:relative}.wizard-steps li:not(:last-child):after{position:absolute;left:36px;right:9px;top:12px;margin:0;max-width:calc(100% - 46px);width:100%;height:1px}.wizard.surface{padding:20px 17px}.wizard-actions{flex-wrap:wrap;gap:9px}.wizard-actions button{font-size:11px;flex:1;min-width:115px;line-height:1.5;min-height:44px}.account-block{padding:15px}.account-block h4{font-size:12px;line-height:1.6}.account-block .badge{font-size:8px;margin-left:2px}.section-heading{margin-bottom:17px;padding-bottom:17px}.section-number{width:29px;height:29px}.section-heading.compact{align-items:flex-start;gap:10px}.section-heading.compact button{font-size:10px;padding:8px;min-width:100px}.review-grid,.catalog-grid{grid-template-columns:1fr}.catalog-model{padding-left:36px}.catalog-model h4{font-size:13px}.profile-row .actions,.scenario-row .actions{gap:7px}.profile-row .actions button,.scenario-row .actions button{font-size:11px;flex:1}.partition-heading{gap:9px}.partition-heading h4{font-size:14px}.partition .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.partition .actions button{margin:0;padding:10px 7px;min-height:43px}.partition .actions .danger{grid-column:1/-1}.panel-card{padding:18px 16px}.panel-card>.title{display:flex;align-items:center;margin-bottom:13px}.panel-card>.title h3{font-size:16px}.panel-card>.help{font-size:11px;line-height:1.7;overflow-wrap:anywhere}.panel-card .hardware-summary{padding:12px}.profile-buttons{display:grid;grid-template-columns:1fr}.profile-buttons button{min-height:43px;text-align:left;justify-content:flex-start;font-size:11px}.tabs{display:none!important}.table-wrap:not(.client-table){overflow:auto}.grid{margin-top:17px}.command-result{margin-top:19px}.sidebar-tip{font-size:10px}.sidebar-tip p{font-size:10px}}
.mobile-client-switcher{display:none}
@media(max-width:900px){.mobile-client-switcher{display:block;margin:18px 0 23px;color:#8795ad;font-size:10px;letter-spacing:.9px;text-transform:uppercase;font-weight:600}.mobile-client-switcher select{margin-top:8px;min-height:49px;padding:12px 15px;background:#fff;border:1px solid #d8e1ef;border-radius:10px;font-size:14px;font-weight:550;letter-spacing:0;text-transform:none;color:#4a5f80}.mobile-menu-backdrop[hidden]{display:none!important}.mobile-appbar .mobile-brand svg{width:23px;height:23px;stroke:#e5ecff;fill:none;stroke-width:1.8}.mobile-appbar .mobile-brand>svg{box-sizing:content-box;background:#4e66e7;border:1px solid #647aea;border-radius:11px;padding:8px}.mobile-menu-close svg{height:20px;width:20px;stroke:currentColor;fill:none;stroke-width:1.8}.sidebar[aria-hidden=true]{pointer-events:none}.mobile-appbar button:focus-visible,.mobile-menu-close:focus-visible{outline:3px solid #8d9ffc;outline-offset:3px}}
/* Navy mode is the default; the saved preference can restore the light palette. */
:root[data-theme=dark]{color-scheme:dark;--page:#091426;--surface:#111f35;--ink:#e4edf9;--muted:#8c9eb8;--line:#23354e;--accent:#6d91ff;--accent-soft:#1a2d4b;--sidebar:#0b162a;--positive:#64d3b6;--warning:#d8b473;--danger:#eb98aa;background:#091426;color:#e4edf9}
:root[data-theme=dark] body{background:#091426;color:#e4edf9}
:root[data-theme=dark] .workspace,:root[data-theme=dark] .app-main{background:#091426}
:root[data-theme=dark] .sidebar{background:#0b162a;border-right:1px solid #1c2c44}
:root[data-theme=dark] .sidebar-nav a.active,:root[data-theme=dark] .sidebar-nav button.active{background:#1c3152;color:#f0f5ff;box-shadow:inset 3px 0 0 #7b9cff}
:root[data-theme=dark] .sidebar-nav a:hover,:root[data-theme=dark] .sidebar-nav button:hover{background:#172a45;color:#eff4ff}
:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4{color:#e5edf9}
:root[data-theme=dark] p,:root[data-theme=dark] .help{color:#8fa2be}
:root[data-theme=dark] .eyebrow{color:#718bad}
:root[data-theme=dark] .surface,:root[data-theme=dark] .card,:root[data-theme=dark] .panel-card,:root[data-theme=dark] .table-card,:root[data-theme=dark] .section-card,:root[data-theme=dark] .review-card,:root[data-theme=dark] .dashboard-stat,:root[data-theme=dark] .client-header,:root[data-theme=dark] .installation-card,:root[data-theme=dark] .scenario-card{background:#111f35;border-color:#24364e;box-shadow:0 5px 18px #030b1612}
:root[data-theme=dark] .dashboard-stat .stat-label{color:#9bacc6}
:root[data-theme=dark] .dashboard-stat>strong,:root[data-theme=dark] .dashboard-stat .stat-value{color:#f0f5ff}
:root[data-theme=dark] .dashboard-stat>small,:root[data-theme=dark] .dashboard-stat .stat-note{color:#849bb9}
:root[data-theme=dark] .stat-icon.cobalt{background:#203659;color:#96b5ff}
:root[data-theme=dark] .stat-icon.teal{background:#153b3e;color:#79d9c7}
:root[data-theme=dark] .stat-icon.coral{background:#3b293e;color:#e6a3b4}
:root[data-theme=dark] .stat-icon.amber{background:#343442;color:#e1c58c}
.stat-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-mark{padding:0;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
[data-theme-toggle]{width:36px;height:36px;min-height:36px;padding:8px;border-radius:10px;flex-shrink:0}
[data-theme-toggle] svg{height:20px;width:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme=dark] button{background:#16283f;color:#a8bbd6;border-color:#30445f}
:root[data-theme=dark] button:hover{background:#1c3351;border-color:#496185}
:root[data-theme=dark] .primary{background:#527de8;color:#fff;border-color:#628cf2;box-shadow:0 4px 12px #030d2733}
:root[data-theme=dark] .primary:hover{background:#648cf0;border-color:#7aa0ff}
:root[data-theme=dark] .danger{background:#3b2639;color:#f0b5c3;border-color:#624056}
:root[data-theme=dark] .danger:hover{background:#4a2c44}
:root[data-theme=dark] .ghost,:root[data-theme=dark] .text-button{background:transparent;color:#8ba8dd;border-color:transparent}
:root[data-theme=dark] .ghost:hover{background:#1a2c45}
:root[data-theme=dark] .text-link{color:#92adff}
:root[data-theme=dark] .topbar{background:transparent;border:0}
:root[data-theme=dark] .topbar h1{color:#7290b3}
:root[data-theme=dark] .topbar #refresh{background:#14243b;color:#91a8ca;border-color:#293d59}
:root[data-theme=dark] .secure-badge{color:#6f89aa}
:root[data-theme=dark] .surface-heading,:root[data-theme=dark] .card-heading,:root[data-theme=dark] .section-heading,:root[data-theme=dark] .table-heading{border-color:#24364e}
:root[data-theme=dark] th{background:#0e1b2e;color:#758daa;border-color:#23354e}
:root[data-theme=dark] td{color:#92a5c2;border-color:#203149}
:root[data-theme=dark] td strong,:root[data-theme=dark] .installation-card strong{color:#d4e0f3}
:root[data-theme=dark] td small{color:#849bb9}
:root[data-theme=dark] tbody tr:hover{background:#14263e}
:root[data-theme=dark] .client-initials,:root[data-theme=dark] .client-avatar{background:#1b304d;color:#91add9}
:root[data-theme=dark] .connection-pill,:root[data-theme=dark] .badge,:root[data-theme=dark] .state{background:#1d2d45;color:#8da3c2}
:root[data-theme=dark] .connection-pill.online,:root[data-theme=dark] .state[data-state=closed],:root[data-theme=dark] .state[data-state=disarmed]{background:#163a3d;color:#7acfbf}
:root[data-theme=dark] .connection-pill.offline{background:#382a3d;color:#d99aaa}
:root[data-theme=dark] .connection-pill.pending{background:#363442;color:#d4bd8e}
:root[data-theme=dark] .state[data-state=armed_away],:root[data-theme=dark] .state[data-state=armed_stay]{background:#23385d;color:#a4baff}
:root[data-theme=dark] .state[data-state=open],:root[data-theme=dark] .state[data-state=arming],:root[data-theme=dark] .state[data-state=bypassed]{background:#3a3544;color:#d4b989}
:root[data-theme=dark] .state[data-state=alarm],:root[data-theme=dark] .state[data-state=tamper]{background:#46283b;color:#f0a8bb}
:root[data-theme=dark] .context-note{background:#102138;border-color:#213953;color:#7295c4}
:root[data-theme=dark] .context-note p{color:#7e99bc}
:root[data-theme=dark] .hardware-summary,:root[data-theme=dark] .inline-form,:root[data-theme=dark] .account-block{background:#0d1c31;border-color:#24364f}
:root[data-theme=dark] .hardware-summary strong{color:#acbfdf}
:root[data-theme=dark] .hardware-warning{color:#b5a88e}
:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#0b192c;border-color:#2b405c;color:#d4e1f5}
:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#849bb9}
:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{border-color:#6383c9;box-shadow:0 0 0 3px #3252833d}
:root[data-theme=dark] label{color:#99acc9}
:root[data-theme=dark] .zone{background:#0d1c31;border-color:#24364f}
:root[data-theme=dark] .zone-name{color:#b5c9e6}
:root[data-theme=dark] .zone-number{color:#849bb9}
:root[data-theme=dark] .profile-button{background:#1c2e4e;border-color:#324b78;color:#a1b8ef}
:root[data-theme=dark] .profile-row,:root[data-theme=dark] .scenario-row,:root[data-theme=dark] .catalog-model,:root[data-theme=dark] .catalog-section h3{border-color:#26374f}
:root[data-theme=dark] .profile-row strong,:root[data-theme=dark] .scenario-row strong{color:#b3c8e5}
:root[data-theme=dark] .catalog-icon,:root[data-theme=dark] .section-number{background:#203653;color:#9db6e2}
:root[data-theme=dark] .tabs{border-color:#24374f}
:root[data-theme=dark] .tabs button{background:transparent;border-color:transparent;color:#7890b2}
:root[data-theme=dark] .tabs button[aria-pressed=true]{color:#a4bdff;border-bottom-color:#7296ff}
:root[data-theme=dark] .wizard-steps{background:#111f35;border-color:#273951}
:root[data-theme=dark] .wizard-steps li{color:#849bb9}
:root[data-theme=dark] .wizard-steps li>span{background:#1a2d47;color:#839bc0}
:root[data-theme=dark] .wizard-steps li.active{color:#adc2ff}
:root[data-theme=dark] .wizard-steps li.active>span{background:#294268;color:#b4c9ff}
:root[data-theme=dark] .wizard-steps li:not(:last-child):after{background:#2a3e5c}
:root[data-theme=dark] .wizard-actions,:root[data-theme=dark] .wizard-footer{border-color:#24384f}
:root[data-theme=dark] .review-row{color:#8299b9}
:root[data-theme=dark] .review-row strong{color:#b6cae9}
:root[data-theme=dark] .viewer-account,:root[data-theme=dark] .checkbox-label{border-color:#283c59}
:root[data-theme=dark] .checkbox-label{color:#a5b8d4}
:root[data-theme=dark] details.advanced,:root[data-theme=dark] summary{background:#102036;border-color:#263950;color:#879fc0}
:root[data-theme=dark] details.advanced summary{color:#8fa7c8}
:root[data-theme=dark] .expandable summary{background:transparent}
:root[data-theme=dark] .notice{background:#332f3b;border-color:#4c4153;color:#c1b191}
:root[data-theme=dark] .empty{border-color:#314862;color:#7f96b6}
:root[data-theme=dark] #events li{color:#879fc1;border-color:#21354e}
:root[data-theme=dark] #events li:before{background:#5276ad}
:root[data-theme=dark] .system-note{color:#7f96b6}
:root[data-theme=dark] dialog{background:#111f35;border-color:#304762;color:#e4edf9;box-shadow:0 25px 80px #0006}
:root[data-theme=dark] dialog::backdrop{background:#020914b0}
:root[data-theme=dark] dialog .actions{border-color:#2a3d58}
:root[data-theme=dark] .destination{background:#1b2e4a;color:#afc4e7}
:root[data-theme=dark] #error,:root[data-theme=dark] .dialog-error{background:#3e2639;color:#e6abbc;border-color:#633e56}
:root[data-theme=dark] #message{background:#133c3c;color:#9dd9ca;border-color:#2a5954}
:root[data-theme=dark] .login-page#login{background:#0d1a2d}
:root[data-theme=dark] .login-brand{background:#071223;color:#7d9dd4}
:root[data-theme=dark] .login-card h1{color:#e1ecff}
:root[data-theme=dark] .mobile-appbar{background:#0b162a;border-color:#23364e}
:root[data-theme=dark] .mobile-appbar button{background:#192c47;border-color:#304869;color:#c0d2f0}
@media(max-width:900px){:root[data-theme=dark] .client-table tr{background:#102036;border-color:#273a54}:root[data-theme=dark] .client-table td:first-child{border-color:#24364e}:root[data-theme=dark] .client-table td:before{color:#728bad}:root[data-theme=dark] .client-table td:last-child button{background:#1c3253;border-color:#344e79;color:#a9c1f5}:root[data-theme=dark] .mobile-client-switcher{color:#7f98bb}:root[data-theme=dark] .mobile-client-switcher select{background:#102039;border-color:#31496b;color:#bacde9}.mobile-appbar [data-theme-toggle]{width:40px;min-height:40px;height:40px}.mobile-appbar .mobile-tools{display:flex;align-items:center;gap:8px}}

/* Keep secondary dark text readable and mobile controls at least 44px. */
:root[data-theme=dark] .sidebar-label,:root[data-theme=dark] .nav-label,:root[data-theme=dark] .nav-group-label{color:#849bb9}
@media(max-width:900px){#mobile-menu-close,#mobile-menu-toggle,.mobile-appbar [data-theme-toggle]{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}}

/* Shared icon geometry and content alignment. */
.ui-icon{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-ui-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0}
.icon-button{flex-shrink:0}
.icon-button .ui-icon{width:20px;height:20px}
.brand-mark,.sidebar .brand .brand-mark,.login-brand .brand-mark{width:36px;height:36px;aspect-ratio:1;flex:none}
.brand-mark img{object-fit:contain}
.dashboard-stat .stat-icon{display:grid;place-items:center;margin:0;padding:0;line-height:0}
.stat-icon svg{display:block;flex:none}
.secure-badge,.text-link{display:inline-flex;align-items:center;gap:8px}
.status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
.catalog-icon .ui-icon{width:18px;height:18px}
.empty-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 14px;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.empty-icon .ui-icon{width:24px;height:24px}
.sidebar-footer{grid-template-columns:36px minmax(0,1fr) 40px;gap:10px}
.sidebar-footer .avatar{width:36px;height:36px}
.sidebar-footer #logout{width:40px;height:40px;min-width:40px;min-height:40px;padding:10px}
.view-heading>div,.surface-heading>div,.client-header>div,.title>h3{min-width:0}
.client-table td strong,.installation-card h3,.client-header h2,.zone-name,.catalog-model h4{overflow-wrap:anywhere}
.installation-card{width:100%;min-width:0}
.installation-card>button{margin-top:auto}
.installation-card .title{width:100%;margin-bottom:0}
.installation-card .title .connection-pill{flex:none;margin-top:0}
.viewer-account>.title,.viewer-account>.section-heading{align-items:center}
@media(max-width:900px){
 .mobile-appbar{gap:10px}
 .mobile-appbar .mobile-brand{min-width:0;font-size:15px}
 .mobile-appbar .mobile-brand>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mobile-appbar .mobile-tools{flex:none}
 .mobile-appbar .brand-mark{width:34px;height:34px}
 .sidebar-footer{grid-template-columns:36px minmax(0,1fr) 44px}
 .sidebar-footer #logout{width:44px;height:44px;min-width:44px;min-height:44px}
 .client-table td:first-child{display:block}
 .client-table td:first-child small{display:block;margin-top:5px}
 .surface-heading .text-link{display:inline-flex}
 .catalog-model{padding-left:42px}
 .catalog-icon{width:30px;height:30px;top:18px}
}
@media(max-width:360px){
 .mobile-appbar{padding-left:12px;padding-right:12px}
 .mobile-appbar .mobile-brand{gap:8px;font-size:14px}
 .mobile-appbar .brand-mark{width:30px;height:30px}
 .mobile-appbar .mobile-tools{gap:6px}
 .dashboard-stat{padding-left:12px;padding-right:12px}
 .dashboard-stat .stat-label{font-size:11px;padding-right:28px}
 .stat-icon{right:10px}
}
.sidebar .brand{padding-left:10px;padding-right:4px;gap:10px}
.sidebar .brand>span:last-child{min-width:0;font-size:15px;white-space:nowrap;letter-spacing:-.25px}
.sidebar .brand small{font-size:8px;letter-spacing:.65px;white-space:nowrap}
@media(max-width:900px){.sidebar .brand>span:last-child{font-size:17px}.sidebar .brand small{font-size:9px}}
.sidebar .brand{padding-left:7px}
.catalog-icon{top:15px}
.catalog-model .badge{max-width:100%;white-space:normal;line-height:1.5}
@media(max-width:900px){.catalog-icon{top:14px}}
/* Customer portal: everyday alarm use, separate from server administration. */
.client-address{display:flex;align-items:flex-start;gap:8px;overflow-wrap:anywhere;font-size:13px;margin:8px 0;color:var(--ink)}
.client-address .ui-icon{margin-top:2px;flex:none}
.customer-installation-switcher{max-width:460px;margin:0 0 22px;font-size:12px}
.customer-installation-switcher select{font-size:15px;min-height:48px}
.customer-session .content{max-width:1280px}
.customer-session .client-header{align-items:flex-start}
.customer-session .client-header h2{font-size:30px}
.customer-session .client-header .help{font-size:11px;margin:5px 0}
.customer-session #detail>.breadcrumb,.customer-session #detail>.mobile-client-switcher,.customer-session #detail>.tabs,.customer-session #rename-installation{display:none!important}
.customer-session .topbar .secure-badge{display:none}
.customer-panel{padding:26px}
.customer-panel-heading,.customer-partition-heading,.customer-zones-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.customer-panel-heading h3,.customer-partition-heading h4,.customer-zones-heading h4{margin:0;min-width:0;overflow-wrap:anywhere}
.customer-panel-heading{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}
.customer-partition+.customer-partition{border-top:1px solid var(--line);margin-top:30px;padding-top:27px}
.customer-partition-heading h4{font-size:20px}
.customer-arm-mode{max-width:440px;margin:20px 0 14px}
.customer-arm-mode select{font-size:14px;min-height:48px}
.customer-main-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.customer-control{min-height:114px;justify-content:flex-start;padding:24px;gap:18px;border-radius:15px;box-shadow:none;text-align:left;white-space:normal}
.customer-control .ui-icon{width:32px;height:32px;stroke-width:1.6}
.customer-control-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.customer-control strong{font-size:24px;line-height:1.2;letter-spacing:-.5px}
.customer-control small{font-size:11px;font-weight:400}
.customer-arm{background:#2457ba;border-color:#527fe0;color:#f3f7ff}
.customer-arm:hover{background:#3269d0;border-color:#81a4f4}
.customer-disarm{background:#eaf5f1;border-color:#b8d7ce;color:#256d59}
.customer-disarm:hover{background:#dcefe7;border-color:#91c5b2}
.customer-control:disabled{opacity:.48;box-shadow:none}
.customer-control-note{font-size:11px;line-height:1.7;margin:14px 0 24px;max-width:760px}
.customer-zones-heading{margin:25px 0 8px}
.customer-zones-heading h4{font-size:16px}
.customer-zones-heading .help{margin:0;white-space:nowrap}
.customer-state-freshness{font-size:11px;margin:0 0 16px}
.customer-zone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.customer-zone{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--page);min-height:132px;min-width:0}
.customer-zone-number{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.customer-zone-name{font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;flex:1}
.customer-zone .state{font-size:10px;max-width:100%;white-space:normal}
.customer-device-details{margin:0}
.customer-device-row{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--line);align-items:start}
.customer-device-row:last-child{border-bottom:0}
.customer-device-row dt{font-size:12px;color:var(--muted)}
.customer-device-row dd{margin:0;font-size:13px;font-weight:550;overflow-wrap:anywhere}
.customer-device-card>.help{margin:20px 0 0}
.customer-installation-settings .inline-form{max-width:640px}
.customer-empty{margin:30px auto;max-width:540px;text-align:center;padding:40px}
.review-row strong,.hardware-summary,.destination{overflow-wrap:anywhere}
:root[data-theme=dark] .customer-control.customer-arm{background:#1f4079;border-color:#4268a5;color:#f1f6ff}
:root[data-theme=dark] .customer-control.customer-arm:hover{background:#294e8d;border-color:#6c92d4}
:root[data-theme=dark] .customer-control.customer-disarm{background:#153b3c;border-color:#2b6362;color:#a8e1d1}
:root[data-theme=dark] .customer-control.customer-disarm:hover{background:#1c4b48;border-color:#438279}
:root[data-theme=dark] .client-address{color:#bfcee4}
@media(max-width:1100px){.customer-zone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
 .customer-session .topbar{display:none}
 .customer-session .content{padding-top:22px}
 .customer-session .client-header{margin-bottom:19px}
 .customer-session .client-header>.actions{width:auto}
 .customer-panel{padding:22px 20px}
 .customer-zone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .customer-control{min-height:106px;padding:21px;gap:14px}
 .customer-control strong{font-size:24px}
 .customer-control .ui-icon{width:29px;height:29px}
 .customer-navigation a{min-height:50px}
}
@media(max-width:600px){
 .control-actions>button:last-child{grid-column:1/-1}
 .customer-session .client-header{padding:21px 18px;gap:15px}
 .customer-session .client-header h2{font-size:28px}
 .customer-session .client-header>.actions{margin:0;width:100%}
 .customer-session .client-header .help{font-size:10px;line-height:1.65}
 .client-address{font-size:12px;line-height:1.6;margin:10px 0}
 .customer-panel{padding:19px 15px}
 .customer-panel-heading{gap:10px;padding-bottom:17px;margin-bottom:18px}
 .customer-panel-heading h3{font-size:16px}
 .customer-partition-heading h4{font-size:19px}
 .customer-main-controls{gap:10px}
 .customer-control{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:136px;padding:19px 15px;border-radius:13px}
 .customer-control .ui-icon{width:29px;height:29px}
 .customer-control strong{font-size:22px}
 .customer-control small{font-size:10px;line-height:1.5}
 .customer-control-note{font-size:11px;margin-bottom:22px}
 .customer-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .customer-zone{padding:14px 12px;min-height:132px}
 .customer-zone-name{font-size:13px}
 .customer-device-row{grid-template-columns:1fr;gap:5px;padding:14px 0}
 .customer-device-row dt{font-size:11px}
 .customer-device-row dd{font-size:13px}
 .customer-empty{margin:20px auto;padding:30px 20px}
}
.customer-control:disabled{opacity:1;background:#edf1f5;border-color:#ccd5e0;color:#738096;border-style:dashed}
:root[data-theme=dark] .customer-control:disabled{opacity:1;background:#15243a;border-color:#354b69;color:#95a8c2;border-style:dashed}
.customer-loading{padding:35px 20px;text-align:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:14px}
.customer-main-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
.customer-control{min-width:0}
@media(max-width:360px){.customer-control{padding:17px 8px;gap:11px}.customer-control strong{font-size:18px;letter-spacing:-.3px}.customer-control small{font-size:9px}.customer-session .client-header h2{font-size:26px}}

/* Local USB workflow; shared navy palette and usable controls on a notebook. */
#usb-dialog{width:min(850px,calc(100vw - 32px));max-width:850px;padding:0;max-height:90dvh;overflow-y:auto}
.usb-content{padding:28px}.usb-heading,.usb-log-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.usb-heading h2{margin:4px 0}.usb-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.usb-step{border:1px solid var(--line);border-radius:14px;padding:18px;margin:16px 0;background:var(--surface)}
.usb-step h3{font-size:16px;display:flex;align-items:center;gap:10px;margin:0 0 16px}.usb-step h3 span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--page);border:1px solid var(--line);flex-shrink:0}.usb-step form{display:grid;gap:12px}.usb-step .actions{gap:8px;flex-wrap:wrap}.usb-step button{min-height:44px}.usb-confirm{display:flex;align-items:flex-start;gap:12px;line-height:1.5;font-size:13px}.usb-confirm input{width:20px;height:20px;flex:0 0 20px;margin-top:1px}.usb-progress-row{display:flex;align-items:center;gap:14px;margin:18px 0;font-size:12px}.usb-progress-row progress{width:100%;height:10px;accent-color:var(--primary,#5b83fa)}.usb-progress-row span{white-space:nowrap}.usb-log{min-height:150px;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid var(--line);border-radius:10px;background:#07111f;color:#b8d8f5;font:12px/1.6 ui-monospace,monospace}.usb-content .dialog-error:empty{display:none}.usb-content .destination{overflow-wrap:anywhere}
@media(max-width:600px){.usb-content{padding:18px}.usb-steps{grid-template-columns:1fr;gap:0}.usb-step{padding:14px;margin:10px 0}.usb-heading{align-items:flex-start}.usb-heading h2{font-size:21px}.usb-log-heading{align-items:flex-start;flex-direction:column;gap:0}.usb-progress-row{gap:8px}}

.zone-type-icon{display:inline-grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.zone-type-icon svg{width:23px;height:23px}.zone>div:first-of-type{flex:1;min-width:0}.customer-zone-type-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.zone-type-label{font-size:11px;line-height:1.4;color:var(--muted)}.customer-zone-type-row .zone-type-icon{width:32px;height:32px;flex-basis:32px}.customer-zone-type-row .zone-type-icon svg{width:21px;height:21px}.customer-zone-type-row .customer-zone-number{margin:0}.state[data-state=entry_delay]{color:var(--warning);background:var(--accent-soft)}
#management-dialog{width:min(880px,calc(100vw - 28px));max-width:880px;max-height:90dvh;padding:0;overflow-y:auto}.management-content{padding:26px}.management-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.management-heading h2{margin:4px 0 14px}.management-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:20px 0}.management-status-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--page);overflow-wrap:anywhere}.management-status-card span{display:block;font-size:11px;color:var(--muted)}.management-status-card strong{display:block;margin-top:6px;font-size:14px}.management-content .advanced{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:12px}.management-content summary{min-height:36px;display:list-item;font-weight:650}.management-content form{display:grid;gap:15px;margin-top:18px}.management-check{display:flex;align-items:flex-start;gap:12px;line-height:1.5}.management-check input{width:20px;height:20px;flex:0 0 20px;margin-top:1px}.management-content small{display:block;font-size:11px;color:var(--muted);font-weight:400;line-height:1.5}.management-job{padding:14px 0;border-bottom:1px solid var(--line)}.management-job strong,.management-job span{display:block}.management-content .dialog-error:empty{display:none}.management-content input[type=file]{max-width:100%;font-size:12px}.management-content button{min-height:44px}.management-content .form-grid{margin:0}.management-content #management-release-detail{overflow-wrap:anywhere}
@media(max-width:600px){.management-content{padding:17px}.management-heading h2{font-size:22px}.management-content .form-grid{grid-template-columns:1fr}.management-status{grid-template-columns:1fr 1fr}.management-content .advanced{padding:13px}.zone{gap:10px}.zone-controls{flex-wrap:wrap}}

.toast{pointer-events:none;overflow-wrap:anywhere}.dialog-error{overflow-wrap:anywhere}.customer-zone .state{justify-self:start}.zone-name,.zone-number{overflow-wrap:anywhere}.zone-controls{align-items:center}.zone-type-icon{align-self:center}.management-content .form-grid>label{min-width:0}.management-content .form-grid input,.management-content .form-grid select{width:100%}

.management-status{grid-template-columns:repeat(3,minmax(0,1fr))}.management-content .form-grid>.management-wide,.management-content .form-grid>.management-check{grid-column:1/-1}@media(max-width:600px){.management-status{grid-template-columns:repeat(2,minmax(0,1fr))}}

.pwa-dialog{max-width:440px;width:calc(100% - 2rem);padding:1.4rem;border-radius:18px}.pwa-dialog button{margin:.4rem .4rem .2rem 0}.pwa-device{padding:1.2rem;margin:1rem 0;display:grid;gap:.7rem;min-width:0}.pwa-device p{margin:0;overflow-wrap:anywhere}.pwa-preferences{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.pwa-preferences input[type=checkbox]{width:20px;height:20px}.pwa-delivery{padding:.8rem;border-bottom:1px solid var(--border,#36445d)}.pwa-delivery p{margin:.3rem 0}.pwa-device input{max-width:100%;min-width:0}

.panel-system{padding:.8rem;margin:.8rem 0;border-left:3px solid #e2b359;border-radius:8px;background:#322a1d}.panel-system p{margin:.4rem 0}.system-detail{display:grid;gap:1rem;min-width:0}.system-fault{padding:1rem;border:1px solid #36445d;border-radius:12px;margin:0 0 .8rem}.system-fault-heading{display:flex;justify-content:space-between;align-items:start;gap:.7rem;flex-wrap:wrap}.system-fault h4{margin:0}.system-fault p{line-height:1.5}.system-ok{color:#51cfa5}.system-pending{color:#efbf66}.system-tools{display:grid;gap:.8rem}.system-repair input[type=checkbox]{width:auto}.system-repair label:has(input[type=checkbox]){display:flex;align-items:center;gap:.6rem;flex-direction:row-reverse;justify-content:flex-end}.system-action-progress{padding:.8rem;border-left:3px solid #56a9ee;line-height:1.5}.system-detail input{min-width:0;max-width:100%}

.customer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.customer-loading[data-failed=true]{color:var(--text,#dce7f6)}.customer-loading button{min-height:44px}

.pwa-icon-preview{display:block;width:76px;height:76px;border-radius:16px;margin:0 0 1rem;object-fit:contain}