@charset "UTF-8";
:root{--nav:#142238;--blue:#2864eb;--ink:#24354d;--muted:#8896a8;--line:#e5eaf1;--bg:#f2f5f9;--red:#e64e60;--green:#149d78;--orange:#d99b32;--shadow:0 3px 18px #1e355806}*{box-sizing:border-box}body{margin:0;font:12px/1.6 'Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dfe5ed;border-radius:5px;padding:6px 11px;background:white;color:#53647c;white-space:nowrap}button:hover{color:var(--blue);border-color:#9eb9f4}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7da2fb;outline-offset:2px}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.danger{color:var(--red);background:#fff2f4;border-color:#f7ced5}button.link{border:0;background:none;color:var(--blue);padding:2px 5px;font-size:11px}button.soft{border:0;background:#eef3ff;color:var(--blue)}button.icon{padding:5px 7px}button.small{font-size:10px;padding:3px 7px}input,select,textarea{border:1px solid #dfe5ed;border-radius:5px;padding:7px 9px;color:var(--ink);background:#fff;max-width:100%}input::placeholder{color:#a1adbb}select{cursor:pointer}input[type=checkbox]{accent-color:var(--blue);width:14px;height:14px;vertical-align:middle}input[type=file]{max-width:230px;font-size:10px}textarea{resize:vertical;min-height:75px}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}aside{width:190px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#9aacbf;display:flex;flex-direction:column;z-index:40}.brand{height:70px;display:flex;align-items:center;gap:8px;padding:0 13px;color:#fff;border-bottom:1px solid #ffffff0b}.brand-mark{width:29px;height:34px;clip-path:polygon(0 0,100% 0,100% 69%,50% 100%,0 69%);display:grid;place-items:center;background:var(--blue)}.brand strong{font-size:12px;font-weight:600;white-space:nowrap}.brand small{display:block;font-size:7px;letter-spacing:1.8px;color:#879ab3}.nav-group{font-size:9px;letter-spacing:2px;color:#647a95;padding:21px 20px 7px}nav{padding:0 9px;overflow:auto}nav button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;border:0;color:#a7b7cb;font-size:12px;padding:11px 13px;margin:3px 0;border-radius:5px}nav button:hover{background:#ffffff08;color:#fff}nav button.active{color:white;background:var(--blue)}.nav-count{margin-left:auto;padding:0 5px;min-width:17px;background:var(--red);border-radius:4px;font-size:9px;color:#fff;text-align:center}.sidebar-foot{padding:16px;margin-top:auto;border-top:1px solid #ffffff0c;font-size:10px}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.shell{margin-left:190px}.topbar{height:56px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:12px}.breadcrumb{font-size:11px;color:#97a3b4}.breadcrumb strong{margin-left:10px;font-weight:400;color:#53627b}.top-right{display:flex;align-items:center;gap:16px}.clock{font-size:11px;color:#8c99ab;font-variant-numeric:tabular-nums}.avatar{display:inline-grid;place-items:center;background:#edf2ff;color:var(--blue);border-radius:50%;width:29px;height:29px;font-size:11px}.account{display:flex;gap:8px;align-items:center;border:0;padding:0;background:none}.account span small{display:block;color:#9aa6b7;font-size:9px;line-height:1.3;text-align:left}.page{padding:18px 20px 24px;max-width:2200px;margin:auto;min-height:calc(100dvh - 56px)}.page.monitor{height:calc(100dvh - 56px);display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px}.heading{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:38px;margin-bottom:14px;flex:none}.heading h1{font-size:20px;font-weight:600;margin:0;line-height:1.3}.heading small{font-size:10px;color:#8f9cae;margin-top:4px;display:block}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;flex:none}.stat{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;padding:11px 15px;min-height:76px}.stat[role=button]{cursor:pointer}.stat[role=button]:hover{border-color:#aac0f7}.stat-label{font-size:10px;color:#8e9aad}.stat strong{font-size:25px;line-height:1.2;font-weight:600;display:block;margin-top:3px;font-variant-numeric:tabular-nums}.stat small{font-size:9px;color:#9ca7b5}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#edf3ff;color:var(--blue)}.stat-icon.green{background:#eaf7f1;color:var(--green)}.stat-icon.red{background:#fff0f2;color:var(--red)}.stat-icon.orange{background:#fff6e9;color:var(--orange)}.panel{background:white;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel-head{padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:9px;border-bottom:1px solid var(--line);min-height:43px;flex:none}.panel-head strong{font-size:12px;font-weight:600}.panel-head small{color:#98a4b4;font-size:10px}.work-grid{display:grid;grid-template-columns:205px minmax(300px,1fr) 255px;gap:12px;flex:1;min-height:245px}.work-grid>.panel{height:100%;display:flex;flex-direction:column}.tree-tools{padding:10px;flex:none}.tree-tools input{width:100%;background:#f8fafc;font-size:10px}.chips{display:flex;gap:4px;flex-wrap:wrap;padding:0 10px 9px}.chips button{background:#f2f5f9;border:0;color:#8997aa;padding:2px 6px;font-size:9px}.chips button.active{background:#eaf1ff;color:var(--blue)}.tree{overflow:auto;flex:1;padding:0 6px 10px}.tree details>summary{cursor:pointer;list-style:none;padding:5px 6px;font-size:11px;font-weight:500;color:#51647d}.tree details>summary:before{content:'›';display:inline-block;width:13px;font-size:14px;transform-origin:4px 9px}.tree details[open]>summary:before{transform:rotate(90deg)}.tree details details{margin-left:10px}.tree details details>summary{font-size:10px;color:#8492a6;font-weight:400}.tree button{border:0;background:none;display:flex;align-items:center;gap:4px;text-align:left;padding:6px 7px 6px 25px;width:100%;font-size:10px;margin:1px 0;border-radius:4px}.tree button.active{background:#edf3ff;color:var(--blue)}.tree button small{font-size:8px;margin-left:auto;color:#8c9aae}.tree button .dot{width:5px;height:5px;flex:none;margin-right:3px}.map-stage{position:relative;flex:1;overflow:hidden;background:#f0f4f7;background-image:radial-gradient(#cbd6e0 .8px,transparent .8px);background-size:17px 17px;min-height:200px;touch-action:none}.map-stage svg.site{position:absolute;inset:0;width:100%;height:100%;user-select:none}.map-toolbar{display:flex;gap:5px;align-items:center}.map-toolbar button{font-size:10px;padding:3px 7px}.map-tools{position:absolute;right:12px;bottom:13px;display:flex;flex-direction:column;gap:1px;box-shadow:0 2px 10px #1a365315}.map-tools button{border:0;border-radius:0;padding:4px 9px}.map-caption{position:absolute;top:12px;left:12px;background:#ffffffe8;border:1px solid white;padding:4px 8px;border-radius:4px;font-size:9px;color:#8192a7;pointer-events:none}.map-legend{position:absolute;left:12px;bottom:12px;display:flex;gap:10px;background:#fffffff0;border-radius:4px;padding:6px 9px;font-size:9px;color:#8c98a9}.map-legend i{display:inline-block;width:12px;height:3px;vertical-align:middle;margin-right:4px}.zone-shape{cursor:pointer;stroke-linejoin:round;stroke-linecap:round}.zone-shape.active{filter:drop-shadow(0 0 4px #285ee888)}.zone-shape.alarming{stroke-dasharray:14 7;animation:dash 2s linear infinite}.details-scroll{overflow:auto;flex:1;padding:12px 14px}.zone-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.zone-heading h2{font-size:15px;font-weight:600;margin:0}.sub{font-size:10px;color:#92a0b3}.kv{display:flex;justify-content:space-between;gap:10px;margin:7px 0;font-size:10px}.kv>span:first-child{color:#8d9bad}.kv>span:last-child{text-align:right;overflow-wrap:anywhere}.divider{height:1px;background:var(--line);margin:12px 0}.section-title{font-size:11px;font-weight:600;margin:10px 0}.buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.buttons-grid button{font-size:10px;padding:5px}.tag{display:inline-flex;align-items:center;gap:3px;font-size:9px;border-radius:4px;padding:2px 6px;white-space:nowrap;line-height:1.5;background:#f0f3f7;color:#8694a7}.tag.green{background:#e9f7f0;color:#0f9b72}.tag.red{background:#fff0f2;color:#dc4c5c}.tag.blue{background:#edf2ff;color:#2c67e5}.tag.orange{background:#fff5e6;color:#c98d2e}.tags{display:flex;gap:5px;flex-wrap:wrap}.camera-mini{padding:7px;border:1px solid var(--line);border-radius:4px;font-size:10px;display:flex;gap:6px;align-items:center;margin:5px 0}.camera-mini .icon{width:14px;color:#8b9aaf}.camera-mini button{margin-left:auto}.event-mini{padding:8px 10px;background:#fff5f6;border-left:2px solid var(--red);border-radius:3px;color:#b96d78;font-size:10px;margin:8px 0;cursor:pointer}.alarm-dock{height:174px;flex:none;margin-top:12px;display:flex;flex-direction:column}.alarm-dock .panel-head{padding:8px 13px;min-height:36px}.table-wrap{overflow:auto;min-width:0;flex:1}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:11px}th{color:#8e9cb0;background:#f8fafc;font-weight:400;padding:9px 13px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}td{padding:10px 13px;border-bottom:1px solid #eef2f6;color:#63758e}td.strong{color:#2c405d;font-weight:500}tr:hover td{background:#fafcff}tr:last-child td{border-bottom:0}.alarm-dock th{padding:6px 12px;font-size:10px}.alarm-dock td{padding:7px 12px;font-size:10px}.table-sub{font-size:9px;color:#98a5b6;display:block}.panel-foot{padding:9px 13px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa6b6;gap:10px}.pagination{display:flex;align-items:center;gap:5px}.pagination button{padding:1px 7px;font-size:10px}.pagination .active{background:var(--blue);color:white;border-color:var(--blue)}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px}.filters input,.filters select{font-size:11px;padding:6px 8px}.filters input[type=search]{width:210px}.filters label{color:#94a1b2;font-size:10px}.filters input[type=date]{max-width:135px}.tabs{display:flex;gap:22px;padding:0 15px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{border:0;border-radius:0;background:none;padding:12px 0;color:#8f9db0;font-size:11px}.tabs button.active{border-bottom:2px solid var(--blue);color:var(--blue)}.empty{padding:40px 15px;text-align:center;color:#98a4b4;font-size:11px}.empty .icon{display:block;width:30px;height:30px;margin:0 auto 10px;color:#bcc8d6}.overview-grid{display:grid;grid-template-columns:minmax(400px,1.7fr) minmax(280px,1fr);gap:15px}.overview-grid .stack{display:flex;flex-direction:column;gap:15px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.project-card{border:1px solid var(--line);border-radius:6px;padding:14px;cursor:pointer;transition:.15s}.project-card:hover{border-color:#adc5f6;box-shadow:0 3px 14px #2864eb0a}.project-card h3{font-size:13px;margin:0 0 3px;font-weight:600}.project-card-head{display:flex;justify-content:space-between;align-items:center}.mini-metrics{display:flex;justify-content:space-between;margin-top:18px}.mini-metrics span{font-size:9px;color:#94a0b2}.mini-metrics strong{display:block;font-size:22px;color:#344964;font-weight:500}.progress{height:4px;border-radius:4px;background:#eef2f7;overflow:hidden;margin:13px 0 0}.progress i{display:block;height:100%;background:var(--green)}.alert-queue{padding:0 14px;max-height:330px;overflow:auto}.alert-row{padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:10px}.alert-row .alert-icon{width:28px;height:28px;background:#fff0f2;color:var(--red);border-radius:5px;display:grid;place-items:center}.alert-row strong{font-size:11px;font-weight:500}.alert-row small{font-size:9px;color:#9aa6b6;display:block}.alert-row .arrow{margin-left:auto;color:#bcc8d6}.asset-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.project-list{padding:7px}.project-list button{background:none;border:0;width:100%;text-align:left;padding:11px 10px;border-radius:5px;font-size:11px;white-space:normal}.project-list button.active{background:#edf3ff;color:var(--blue)}.summary-strip{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:13px 16px;background:#f8faff;border-bottom:1px solid var(--line);font-size:10px;color:#8b9aad}.summary-strip strong{font-size:16px;color:#3a5274;margin-right:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pad{padding:16px}.metric-line{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.metric-line strong{font-size:20px;font-weight:500}.metric-line:last-child{border:0}.list-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);gap:10px}.list-item:last-child{border:0}.list-item strong{font-weight:500;font-size:11px}.list-item small{display:block;font-size:9px;color:#97a4b5}.topology{padding:15px}.topology .branch{margin-left:23px;border-left:1px solid #dde5ee;padding-left:17px}.topology .device-node{display:flex;align-items:center;gap:8px;padding:9px 11px;margin-bottom:6px;border:1px solid var(--line);border-radius:5px;font-size:11px;cursor:pointer}.topology .device-node:hover{border-color:#9bb8f6}.device-node .right{margin-left:auto}.timelines{padding:4px 4px 0 10px}.timeline{position:relative;border-left:1px solid #dce5f0;padding:0 0 21px 21px}.timeline:before{content:'';position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #edf3ff}.timeline small{color:#99a6b7;font-size:10px}.timeline strong{font-size:11px;display:block;font-weight:500}.timeline p{font-size:10px;color:#8393a8;margin:3px 0;overflow-wrap:anywhere}.overlay{position:fixed;inset:0;background:#13243b66;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.dialog{width:640px;max-width:100%;max-height:92dvh;background:white;border-radius:9px;box-shadow:0 20px 100px #0c213733;display:flex;flex-direction:column;overflow:hidden}.dialog.wide{width:1040px}.dialog.drawer{width:min(800px,92vw);height:100dvh;max-height:100dvh;border-radius:0;margin-left:auto}.overlay:has(.drawer){padding:0}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 21px;border-bottom:1px solid var(--line);flex:none;gap:10px}.dialog-head h2{font-size:15px;font-weight:600;margin:0}.dialog-head button{border:0;font-size:21px;line-height:1;padding:0 5px;color:#8c9bb1}.dialog-body{overflow:auto;padding:20px;flex:1}.dialog-body.flush{padding:0}.dialog-foot{padding:12px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:8px;background:#fcfdff;flex:none;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field.full{grid-column:1/-1}.field label{display:block;color:#8493a9;font-size:11px;margin-bottom:5px}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;font-size:12px}.field label.check{color:#536780;display:flex;gap:7px;align-items:center;font-size:11px}.field small{font-size:9px;color:#99a6b6}.notice{padding:10px 12px;border:1px solid #e2eaf8;background:#f5f8fe;border-radius:5px;font-size:10px;color:#7e91ac;margin-bottom:14px}.toast{position:fixed;top:74px;left:calc(50% + 95px);transform:translateX(-50%);z-index:200;max-width:80vw;padding:11px 20px;border:1px solid #d6e6df;background:#fff;border-radius:6px;box-shadow:0 6px 26px #16374e20;display:flex;align-items:center;gap:9px;font-size:12px}.toast.error{border-color:#f2cad2;color:#d25665}.toast .icon{color:var(--green)}.toast.error .icon{color:var(--red)}.switch{height:18px;width:32px;border-radius:12px;border:0;background:#cbd3df;padding:2px;display:inline-flex;align-items:center}.switch i{height:14px;width:14px;background:white;border-radius:50%;transition:.15s}.switch.on{background:var(--blue)}.switch.on i{transform:translateX(14px)}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.video-tile{position:relative;background:#17273c;min-height:160px;border-radius:6px;overflow:hidden;aspect-ratio:16/9;color:#c5d3e3;display:grid;place-items:center}.video-tile img,.video-tile video,.video-tile canvas{width:100%;height:100%;object-fit:cover}.video-tile .offline{display:grid;place-items:center;gap:6px;font-size:11px;color:#7388a5}.video-tile .offline .icon{width:28px;height:28px}.player-badge{position:absolute;bottom:9px;right:9px;background:#0f233bad;font-size:9px;border:1px solid #ffffff26;border-radius:3px;padding:2px 6px;pointer-events:none}.capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.capture{border:1px solid var(--line);border-radius:5px;overflow:hidden;cursor:pointer}.capture img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.capture .caption{padding:7px 9px;font-size:10px;display:flex;justify-content:space-between;gap:5px}.capture .failed{height:100px;display:grid;place-items:center;background:#f7f9fc;color:#99a7ba;font-size:11px}.event-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.event-summary h3{margin:0;font-size:19px;font-weight:500}.event-summary small{color:#95a2b5;font-size:10px}.map-editor{display:grid;grid-template-columns:210px minmax(300px,1fr);gap:14px;height:540px;min-height:300px}.editor-controls{overflow:auto}.editor-controls button{width:100%;margin:3px 0;font-size:11px}.editor-controls .row{display:flex;gap:5px}.editor-controls .row button{width:auto;flex:1}.editor-controls label{font-size:10px;color:#8a9bb1;display:block;margin:7px 0}.editor-controls select{width:100%;font-size:11px}.editor-canvas{position:relative;overflow:hidden;background:#f1f5f8;border:1px solid var(--line);border-radius:5px;touch-action:none}.editor-canvas svg{width:100%;height:100%;display:block;user-select:none}.vertex{cursor:move;fill:white;stroke:var(--blue);stroke-width:2}.edit-selected{stroke:var(--blue)!important;stroke-width:7!important}.camera-choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:11px;border-radius:5px;margin-bottom:8px}.camera-choice img{width:95px;border-radius:4px;aspect-ratio:16/9}.camera-choice strong{font-size:11px;display:block;font-weight:500}.camera-choice small{color:#93a2b4;font-size:10px}.camera-choice .right{margin-left:auto}.permission-matrix td,.permission-matrix th{font-size:10px}.trend-chart{height:230px;padding:15px}.trend-chart svg{width:100%;height:100%}.muted{color:#92a0b1}.red-text{color:var(--red)}.green-text{color:var(--green)}.orange-text{color:var(--orange)}.row{display:flex;align-items:center;gap:8px}.right{margin-left:auto}.hidden{display:none!important}.badge-number{font-size:10px;display:inline-block;background:#edf3ff;color:var(--blue);border-radius:4px;padding:0 6px}.mobile-menu{display:none}.snapshot-large{width:100%;border-radius:6px}.drill-options{display:flex;gap:6px}.ring{width:115px;height:115px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--value),#edf2f6 0);position:relative}.ring:before{content:'';position:absolute;width:92px;height:92px;background:white;border-radius:50%}.ring strong{position:relative;font-size:27px;font-weight:500}.ring small{font-size:11px}.health-overview{display:flex;align-items:center;gap:25px;padding:23px}.security-note{font-size:10px;color:#9aa7b8;padding:12px 0 0}.details-toggle{display:none}.grid-gap{margin-top:14px}.compact-log{max-height:240px;overflow:auto}.summary-number{font-size:30px;font-weight:500;line-height:1.3}.nowrap{white-space:nowrap}.counter-pill{background:#edf3ff;border-radius:4px;font-size:10px;padding:2px 8px;color:var(--blue)}
@keyframes dash{to{stroke-dashoffset:-42}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1700px){.work-grid{grid-template-columns:230px minmax(400px,1fr) 290px}.alarm-dock{height:210px}.stat{min-height:84px}.details-scroll .kv{font-size:11px;margin:10px 0}.topbar{height:60px}.page.monitor{height:calc(100dvh - 60px)}.details-scroll{padding:17px}.zone-heading h2{font-size:17px}}
@media(max-width:1100px){aside{width:64px}.brand{padding:0;justify-content:center}.brand>div:last-child,.nav-group,nav button>span,.sidebar-foot{display:none}nav{padding:10px 6px}nav button{padding:12px 16px;position:relative}.nav-count{position:absolute;top:2px;right:2px;font-size:8px;min-width:12px;padding:0 3px}.shell{margin-left:64px}.work-grid{grid-template-columns:175px minmax(260px,1fr) 230px;gap:9px}.toast{left:calc(50% + 32px)}.stats{gap:8px}.stat{padding:10px}.stat-icon{width:28px;height:28px}.project-grid{grid-template-columns:1fr 1fr}.page{padding:15px}.overview-grid{grid-template-columns:minmax(300px,1.5fr) minmax(260px,1fr)}}
@media(max-width:820px){.work-grid{grid-template-columns:175px minmax(280px,1fr)}.work-grid>.detail-panel{display:none}.details-toggle{display:inline-block}.stats{grid-template-columns:repeat(3,1fr)}.stats .stat:nth-child(4),.stats .stat:nth-child(5){display:none}.overview-grid,.two-col,.three-col{grid-template-columns:1fr}.asset-layout{grid-template-columns:170px minmax(0,1fr)}.clock{display:none}.account span small{display:none}.topbar{padding:0 16px}.map-editor{grid-template-columns:165px minmax(220px,1fr)}}
@media(max-width:600px){aside{width:190px;transform:translateX(-100%);transition:.2s}.menu-open aside{transform:translateX(0)}.menu-open .nav-mask{position:fixed;inset:0;z-index:39;background:#10213766}.brand{padding:0 13px;justify-content:start}.brand>div:last-child,.nav-group,nav button>span,.sidebar-foot{display:block}nav{padding:0 9px}nav button{padding:11px 13px}.nav-count{position:static;margin-left:auto}.shell{margin:0}.mobile-menu{display:inline-block;border:0;padding:1px 5px;margin-right:8px}.topbar{height:52px;padding:0 12px}.breadcrumb>span{display:none}.breadcrumb strong{margin:0}.top-right{gap:10px}.account>span{display:none}.page{padding:14px 11px}.heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:12px}.heading h1{font-size:18px}.actions{width:100%;gap:6px}.actions select{flex:1;font-size:11px}.actions button{font-size:10px;padding:5px 8px}.stats{gap:7px;margin-bottom:12px}.stat{padding:10px;min-height:69px}.stat strong{font-size:24px}.stat-icon,.stat small{display:none}.page.monitor{height:auto;min-height:calc(100dvh - 52px);overflow:visible}.work-grid{display:flex;flex-direction:column;flex:none;gap:12px}.work-grid>.panel{height:auto}.work-grid>.tree-panel{max-height:250px}.work-grid .tree{max-height:140px;flex:none}.work-grid>.panel:nth-child(2){height:340px}.work-grid>.detail-panel{display:flex}.details-scroll{max-height:330px}.alarm-dock{height:240px;flex:none;margin-top:12px}.map-legend{gap:7px;left:8px;bottom:8px;font-size:8px}.map-caption{font-size:8px}.overview-grid,.project-grid,.two-col,.three-col,.asset-layout,.form-grid,.video-grid{grid-template-columns:1fr}.project-grid{padding:11px}.asset-layout>.panel:first-child .project-list{display:flex;overflow:auto}.project-list button{min-width:135px}.filters{padding:11px;gap:6px}.filters input[type=search]{width:100%}.filters input[type=date]{max-width:130px}.filters select{max-width:140px}.panel-head{padding:10px 12px}.panel-head small{display:none}.dialog{max-height:94dvh}.overlay{padding:10px}.dialog-head{padding:14px 16px}.dialog-body{padding:15px}.dialog-foot{padding:11px 15px}.field.full{grid-column:auto}.dialog.drawer{width:100vw}.capture-grid{grid-template-columns:1fr 1fr}.map-editor{display:flex;flex-direction:column;height:650px}.editor-controls{max-height:220px;flex:none}.editor-canvas{flex:1;min-height:300px}.toast{left:50%;max-width:94vw;width:max-content;font-size:11px;padding:10px 14px}.tabs{gap:18px}.table-wrap table{font-size:10px}.overview-grid .stack{gap:12px}.summary-strip{gap:12px;font-size:9px}.heading small{font-size:9px}.row.wrap{flex-wrap:wrap}}
@media(max-height:700px) and (min-width:601px){.page.monitor{padding-top:12px;padding-bottom:12px}.monitor .heading{min-height:34px;margin-bottom:10px}.monitor .heading h1{font-size:18px}.monitor .stats{margin-bottom:10px}.monitor .stat{min-height:65px;padding-top:8px;padding-bottom:8px}.monitor .stat strong{font-size:23px}.monitor .work-grid{min-height:195px}.monitor .alarm-dock{height:140px;margin-top:10px}}