button{border-radius:6px;min-height:36px;font-weight:600;line-height:1.4;transition:background .15s}button.primary{color:#fff;background:#287986;border:1px solid #287986;padding:8px 18px}button.primary:hover{background:#226b77}button.secondary{color:#4b6175;background:#fff;border:1px solid #cbd7e0;padding:8px 16px}button.secondary:hover{background:#f5f8fa}button.subtle{color:#697b8b;background:0 0;border:0;min-height:32px;padding:6px 8px;font-size:12px}button.text-button{color:#16796f;text-align:left;background:0 0;border:0;min-height:30px;padding:0}button.danger-button{color:#a44033;background:#fff4f1;border:1px solid #e3b9b1;padding:10px 20px}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>label{color:#617184;font-size:12px;font-weight:550}.field input,.field select,.field textarea{color:#2d4055;background:#fff;border:1px solid #cbd7e0;border-radius:6px;width:100%;min-width:0;min-height:36px;padding:7px 11px;font-size:13px}.field textarea{resize:vertical;min-height:85px}.field input:disabled,.field select:disabled,.field input:read-only{color:#7b8997;background:#f3f6f8}.filters{border:1px solid var(--line);background:#fff;border-radius:9px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;padding:22px 24px;display:flex}.filters>.field{flex:120px;max-width:240px}.filters input[type=datetime-local]{min-width:170px}.editor-form{flex-direction:column;align-items:stretch;gap:20px;padding:24px;display:flex}.editor-form .editor-form{padding:0}.editor-form>button{align-self:flex-start}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.form-grid .checkbox{align-self:center;padding-top:20px}.channel-editor{border:1px solid #dfe6ed;border-radius:8px;min-width:0;margin:0;padding:20px}.channel-editor legend{padding:0 8px;font-size:13px;font-weight:600}.channel-editor>.subtle{margin-top:12px}.checkbox{align-items:center;gap:9px;min-height:36px;font-size:13px;display:flex}.checkbox input{width:17px;height:17px;margin:0}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.error{color:#a24436;overflow-wrap:anywhere;background:#fff0ed;border:1px solid #f0cdc6;border-radius:7px;padding:12px 16px;font-size:13px;line-height:1.6}.error:empty{display:none}.action-form{gap:16px;padding:24px;display:grid}.role-picker{border:1px solid var(--line);border-radius:7px;flex-wrap:wrap;gap:12px 24px;margin:0;padding:14px 20px;display:flex}.role-picker legend{color:var(--muted);padding:0 8px;font-size:12px}.login-screen{background:#f5f7fa;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.login-card{background:#fff;border:1px solid #dce4ea;border-radius:8px;flex-direction:column;gap:20px;width:min(400px,100%);padding:36px 32px;display:flex;box-shadow:0 2px 8px #203a5010}.login-brand{color:#2c4053;justify-content:center;align-items:center;gap:10px;margin-bottom:4px;display:flex}.login-brand svg{color:#287986;width:30px;height:34px}.login-brand strong{letter-spacing:2px;font-size:28px}.login-site{text-align:center;color:#3c5062;margin-bottom:12px;font-size:15px}.login-card button{min-height:40px;margin-top:4px}.login-card input{min-height:40px}.login-card .field>label{font-size:13px}@media (width<=1100px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.filters{gap:14px 12px;padding:18px}.filters>.field{flex-basis:calc(50% - 12px);max-width:none}.filters input[type=datetime-local]{min-width:0;padding:9px 7px;font-size:11px}.filters>button{flex:calc(50% - 12px)}.editor-form{gap:18px;padding:20px}.form-grid{grid-template-columns:1fr}.form-grid .checkbox{padding-top:0}.channel-editor{padding:16px}.action-form{padding:20px}.role-picker{gap:10px;padding:12px 16px}.role-picker .checkbox{flex-basis:100%}.button-row>button{flex:auto}.login-card{padding:28px}.login-brand>span{font-size:14px}}.password-input{display:block;position:relative}.field .password-input input{padding-right:44px}.password-toggle{color:#6b7989;background:0 0;border:0;border-radius:5px;place-items:center;width:38px;min-height:34px;padding:0;display:grid;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.password-toggle:hover{color:#23354a;background:#f1f5f8}.password-toggle[aria-pressed=true]{color:#287986}.content .table-viewport{scrollbar-gutter:stable;height:clamp(280px,100dvh - 360px,560px);min-height:0;max-height:none;overflow:auto}.content .table-viewport table{table-layout:fixed;width:100%}.content .table-viewport td,.content .table-viewport th{overflow-wrap:anywhere}.content .table-viewport tbody tr{height:64px}.content .table-viewport thead tr{height:44px}.content .table-viewport th{font-size:11px}.content .table-wrap.table-viewport{overflow:auto}.content .table-viewport .row-link{white-space:normal}.content .table-viewport td .badge{white-space:normal;text-align:center;max-width:100%}.content .compact-table .table-viewport{height:240px}@media (width<=600px){.content .table-viewport{height:440px}.content .table-viewport tbody tr{height:auto;min-height:210px}.content .compact-table .table-viewport{height:390px}}.content .device-list.table-viewport{flex-direction:column;display:flex}.content .device-list.table-viewport>.device-card{flex-shrink:0}.content .table-viewport thead{z-index:1;background:#f1f5f8;position:sticky;top:0}.content .pagination{color:#617184;border-top:1px solid #dce4ea;flex-wrap:nowrap;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);align-items:center;gap:8px;min-height:57px;padding:12px 16px;font-size:12px;display:grid}.content .pagination>span{white-space:nowrap;margin:0}.content .pagination .page-position{font-variant-numeric:tabular-nums;justify-self:end}.content .pagination>.page-buttons{justify-content:center;align-items:center;gap:3px;max-width:100%;margin:0;display:flex;overflow:auto}.content .pagination button{color:#36546b;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;min-width:26px;min-height:30px;padding:3px;font-size:12px;font-weight:400;display:flex}.content .pagination button[aria-current=page]{color:#b94a45;text-underline-offset:5px;font-weight:700;text-decoration:underline}.content .pagination button:disabled{opacity:.35}@media (width<=900px){.content .pagination{grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px}.content .pagination>.page-buttons{grid-area:2/1/auto/-1;justify-self:center}.content .pagination>.page-position{grid-area:1/2}.content .pagination button{min-width:24px}}@media (width<=600px){.content .pagination{font-size:11px}.content .pagination>.page-buttons{justify-content:flex-start;gap:0;min-width:0}.content .pagination button{min-width:24px;font-size:11px}.content .pagination button svg{width:11px}.content .table-wrap{position:relative;overflow:visible}.content .table-wrap table{width:100%;min-width:0;display:block}.content .table-wrap thead{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content .table-wrap tbody{padding:0 18px;display:block}.content .table-wrap tbody tr{border-bottom:1px solid #e4eaf0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;padding:20px 0;display:grid}.content .table-wrap tbody tr:last-child{border-bottom:0}.content .table-wrap td{overflow-wrap:anywhere;border:0;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:none;padding:0;font-size:12px;display:flex}.content .table-wrap td:first-child{grid-column:1/-1}.content .table-wrap td:before{content:attr(data-label);color:#778697;font-size:10px;font-weight:500}.content .table-wrap .row-link{white-space:normal;font-size:13px}.content .table-wrap .source-mode{margin-top:0}.content .table-wrap td>button{width:100%;min-height:36px}}.content>.panel:first-child{margin-top:0}.panel-toolbar{border-bottom:1px solid #dce4ea;justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px;display:flex}.panel-plain .panel-toolbar{background:#fff}.screen-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.screen-toolbar>.board-device-selector{min-width:0;margin:0}.screen-toolbar>.primary{flex-shrink:0}@media (width<=600px){.panel-toolbar{padding:14px}.content .zone-overview{grid-template-columns:1fr;gap:14px;padding:16px}.content .zone-overview>div:first-child{grid-column:auto}.content .zone-metric:last-child{border:0;padding:0}.content .zone-metric,.content .zone-metric:last-child{border-top:1px solid #e5ebef;padding-top:12px}.content .system-metrics{grid-template-columns:1fr}.content .health-grid{grid-template-columns:1fr 1fr;gap:16px;padding:16px}.content .health-item{padding:0}.content .event-summary dl{grid-template-columns:1fr}.content .event-summary>div{flex-wrap:wrap}.content .details>div{grid-template-columns:1fr;gap:5px}.content .filters{padding:14px}.content .filters>.field,.content .filters>button{flex-basis:100%}.content .table-wrap tbody tr{grid-template-columns:1fr}.content .table-wrap tbody{padding:0 14px}.content .measurement-card{padding:16px}.content .card-meta{font-size:10px}.content .pagination{flex-wrap:wrap;gap:10px;padding:14px}.content .pagination>div{margin-left:auto}.content .panel-heading{flex-wrap:wrap;gap:8px;padding:14px}.content .editor-form,.content .action-form{padding:16px}.content .device-list{padding:12px}.content .device-card>header{padding:14px}.content .inline-details{padding:0 14px 14px}.content .event-summary{padding:16px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.numeric{font-variant-numeric:tabular-nums}.is-danger{color:#c22a20}.is-fault{color:#8a6a00}.content .panel-heading h2 .count{color:#4a5e6f;font-variant-numeric:tabular-nums;margin-left:6px}.panel-note{color:#6b7989;font-size:12px}.panel-footer{color:#6b7989;background:#f7f9fa;border-top:1px solid #e9edf1;padding:10px 18px;font-size:12px}.brand-logos{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-logos img{object-fit:contain;background:0 0;display:block}.hd-logo{filter:brightness(0)invert();width:136px;height:24px}.safeeyes-logo{width:110px;height:35px}.product-name{letter-spacing:-.35px;white-space:nowrap;color:#f1c37a;font-size:14px;font-weight:600}.login-card{width:min(440px,100%)}.login-card .login-brand{color:#fff;background:#2c4053;border-radius:6px;flex-direction:column;gap:14px;margin:0 0 8px;padding:20px 10px}.login-brand .product-name{letter-spacing:0;font-size:16px}.login-brand .hd-logo{width:136px;height:24px}.login-brand .safeeyes-logo{width:110px;height:35px}.login-screen{isolation:isolate;background:#c5d0d8;justify-content:center;min-height:100dvh;padding:40px 24px;position:relative}.login-screen:before{content:"";z-index:-1;pointer-events:none;background:url(/brand/samho-monitoring.png) 50%/cover no-repeat;position:fixed;inset:0}.login-screen .login-card{background:#fffffff5;border:1px solid #ffffff90;border-radius:12px;width:min(420px,100%);padding:36px 32px;box-shadow:0 20px 70px #04121d55}.login-screen .login-brand{border-radius:7px;margin-bottom:8px;padding:22px 12px}.login-screen .login-brand .product-name{font-size:17px}@media (width<=700px){.login-screen{justify-content:center;padding:24px 16px}.login-screen:before{background-position:100%}.login-screen .login-card{padding:28px 24px}.login-screen .login-brand .brand-logos{gap:10px}.login-screen .login-brand .hd-logo{width:110px;height:23px}.login-screen .login-brand .safeeyes-logo{width:92px;height:31px}.login-screen .login-brand .product-name{font-size:16px}}@media (height<=600px) and (width>=701px){.login-screen{padding-top:20px;padding-bottom:20px}.login-screen .login-card{gap:14px;padding:24px 28px}}:root{color:#23354a;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nav:#2c4053;--accent:#287986;--line:#dce4ea;--muted:#6b7989;background:#f5f7fa;font-family:Malgun Gothic,맑은 고딕,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-.8px;font-size:26px;font-weight:750}h2{font-size:16px;font-weight:600}h3{font-size:15px}small{font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #18ab9f}input,select,textarea{accent-color:var(--accent)}.panel{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:20px;overflow:hidden}.panel-heading{border-bottom:1px solid #e9edf1;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:14px 20px;display:flex}.panel-heading a{color:#567072;font-size:12px}.panel-heading .primary,.panel-heading .secondary{min-height:34px;padding:6px 14px}.zone-overview{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1.25fr .7fr 1fr;gap:28px;padding:26px 30px;display:grid}.eyebrow{color:var(--muted);font-size:12px}.zone-overview h2{margin:3px 0 8px;font-size:23px}.zone-metric{border-left:1px solid var(--line);flex-direction:column;justify-content:center;gap:8px;padding-left:28px;display:flex}.zone-metric>span{color:var(--muted);font-size:12px}.zone-metric strong{font-variant-numeric:tabular-nums;font-size:32px;line-height:1.3}.zone-metric small{color:var(--muted);margin-left:7px;font-size:14px;font-weight:400}.zone-metric strong.small-value{font-size:14px;font-weight:600}.measurement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.measurement-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px 24px;transition:border-color .15s;position:relative}.measurement-card:hover{border-color:#7eb8b0}.card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.card-heading h2{font-size:15px}.measurement-value{letter-spacing:-1px;color:#193d48;font-variant-numeric:tabular-nums;margin:14px 0;font-size:43px;font-weight:650;line-height:1.4}.measurement-value span{letter-spacing:0;color:#7a8793;margin-left:10px;font-size:15px;font-weight:450}.card-meta{color:var(--muted);border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;font-size:11px;display:flex}.badge{color:#657385;white-space:nowrap;background:#edf0f4;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:650;line-height:1.5;display:inline-flex}.badge-danger{color:#bd3c35;background:#fff0ef}.badge-warning,.badge-fault,.badge-invalid,.badge-stale,.badge-calibration_required,.badge-degraded,.badge-low,.badge-rejected{color:#966017;background:#fff3dd}.badge-normal,.badge-valid,.badge-ok,.badge-available,.badge-approved,.badge-applied,.badge-delivered,.badge-cleared,.badge-accepted{color:#25745b;background:#e6f4ee}.badge-active{color:#38658e;background:#eaf0ff}.badge-simulation{color:#5c5ea7;background:#edf0ff}.badge-list{flex-wrap:wrap;gap:6px;display:flex}.source-mode{color:#7c78a1;margin-top:5px;font-size:10px;line-height:1.4;display:block}.health-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:22px 24px;display:grid}.health-item{border-right:1px solid #e8edf2;flex-direction:column;align-items:flex-start;gap:10px;padding-right:16px;display:flex}.health-item:last-child{border:0}.health-item>span:first-child{color:var(--muted);font-size:12px}.table-wrap{max-width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}thead{color:#6d7c8d;background:#f1f5f8}th{white-space:nowrap;padding:13px 20px;font-weight:600}td{vertical-align:middle;border-top:1px solid #edf0f4;padding:15px 20px}td.number{font-variant-numeric:tabular-nums;font-weight:700}.row-link{white-space:nowrap;color:#294d65;font-weight:550}.row-link:hover{text-decoration:underline}.pagination{color:var(--muted);border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:16px 24px;font-size:12px;display:flex}.pagination>div{gap:8px;display:flex}.pagination button{min-height:32px;padding:4px 14px}.two-column{grid-template-columns:1fr 1fr;gap:24px;display:grid}.video-layout{grid-template-columns:1.8fr 1fr}.video-frame{background:#192b3b;place-items:center;min-height:320px;display:grid}.video-frame img{width:100%;height:auto}.video-frame .badge{color:#aab8c6;background:#283e50}.details{gap:18px;margin:0;padding:24px;display:grid}.details>div{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:16px;display:grid}.details dt{color:var(--muted);font-size:12px}.details dd{overflow-wrap:anywhere;margin:0;font-size:13px}.back-link{color:#65768a;margin-bottom:16px;font-size:13px;display:inline-block}.event-summary{border:1px solid var(--line);background:#fff;border-left:4px solid #a46b35;border-radius:8px;padding:24px}.event-summary>div{align-items:center;gap:12px;display:flex}.event-summary h2{font-size:24px}.event-summary dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0 0;display:grid}.event-summary dt{color:var(--muted);margin-bottom:8px;font-size:12px}.event-summary dd{margin:0;font-size:13px}.command-result{background:#eef4f8;border:1px solid #d4e1e9;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;padding:16px 20px;font-size:12px;display:flex}.trend{padding:20px 24px 8px}.trend svg{width:100%;max-height:300px;display:block;overflow:visible}.trend line{stroke:#e6ebf0;stroke-width:1px}.trend text{fill:#718092;font-size:11px}.trend .trend-line{fill:none;stroke:#0e9186;stroke-width:2.5px}.trend circle{fill:#0e9186}.system-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:12px;padding:24px;display:flex}.metric>span{color:var(--muted);font-size:12px}.metric strong{font-size:28px}.metric small{color:var(--muted);margin-left:7px;font-weight:400}.metric strong.small-value{font-size:18px}.identifier{overflow-wrap:anywhere;max-width:160px;font-size:10px}.device-list{gap:24px;padding:24px;display:grid}.device-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.device-card>header{align-items:center;gap:16px;padding:20px 22px;display:flex}.device-card>header>div{margin-right:auto}.device-card>header>div>span{color:var(--muted);font-size:11px}.inline-details{flex-wrap:wrap;gap:24px;margin:0;padding:0 22px 20px;display:flex}.inline-details>div{gap:12px;font-size:12px;display:flex}.inline-details dt{color:var(--muted)}.inline-details dd{overflow-wrap:anywhere;margin:0}.account-layout{max-width:860px}.download{color:#16746e;background:#f2fbf8;border:1px solid #c7dedb;border-radius:6px;margin-top:8px;padding:10px 16px;font-size:12px;display:inline-block}.provision-reference{background:#eaf4ef;border:1px solid #cce2d5;border-radius:8px;flex-wrap:wrap;gap:16px;padding:16px 20px;display:flex}.initial-loading{height:100vh;color:var(--muted);place-items:center;display:grid}@media (width<=1200px){.measurement-card{padding:20px}.card-meta{flex-wrap:wrap}.zone-overview{gap:20px;padding:24px}.zone-metric{padding-left:20px}.system-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.health-grid{gap:12px}.health-item{padding-right:10px}}@media (width<=900px){.two-column{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.health-item{border:0}.event-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.zone-overview{grid-template-columns:1fr 1fr;gap:20px;padding:22px}.zone-overview>div:first-child{grid-column:1/-1}.zone-metric{border-left:0;padding-left:0}.zone-metric:last-child{border-left:1px solid var(--line);padding-left:16px}.zone-metric strong{font-size:28px}.zone-metric strong.small-value{font-size:12px}.measurement-grid{grid-template-columns:1fr;gap:14px;margin-top:18px}.measurement-card{padding:20px 22px}.measurement-value{margin:6px 0;font-size:38px}.card-meta{padding-top:8px}.panel{margin-top:18px}.panel-heading{min-height:58px;padding:16px 18px}.panel-heading h2{font-size:16px}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:20px}.two-column{gap:0}.event-summary,.details{padding:20px}.details>div{grid-template-columns:88px minmax(0,1fr);gap:12px}.trend{padding:12px 10px}.trend svg{min-height:170px}.system-metrics{gap:12px}.metric{gap:8px;padding:20px 16px}.metric strong{font-size:25px}.metric strong.small-value{font-size:15px}.device-list{gap:16px;padding:16px}.device-card>header{flex-wrap:wrap;padding:18px 16px}.inline-details{gap:12px;padding:0 16px 16px}.inline-details>div{flex-basis:100%}.pagination{padding:14px 16px}.table-wrap table{min-width:600px}th,td{padding:13px 16px}.video-frame{min-height:220px}.command-result{gap:12px}.event-summary dl{gap:16px}.badge{font-size:10px}}.overview-heading{flex-wrap:wrap;align-items:center;gap:12px;min-height:38px;margin-bottom:16px;display:flex}.overview-heading h2{font-size:22px}.overview-heading .source-mode{margin-top:0;margin-left:auto}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:18px;min-width:0;min-height:116px;padding:20px;display:flex}.metric-card[href]:hover{border-color:#7eb8b0}.metric-icon{color:#287986;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid}.metric-icon svg{stroke-width:1.65px;width:48px;height:48px}.metric-copy{text-align:right;flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.metric-label{color:var(--muted);font-size:12px}.metric-copy>strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:29px;font-weight:650;line-height:1.25}.metric-copy>strong small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.metric-detail{color:var(--muted);min-height:20px;font-size:11px}.tone-warning .metric-icon{color:#c18428}.tone-danger .metric-icon,.tone-fault .metric-icon{color:#c55248}.tone-offline .metric-icon{color:#4d7fa5}.tone-good .metric-icon{color:#23947f}.overview-columns{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:18px;display:grid}.overview-columns>.panel{margin-top:0}.overview-readings{flex-direction:column;display:flex}.overview-readings .measurement-card{border:0;border-bottom:1px solid var(--line);border-radius:0;flex:1;min-height:110px;padding:16px 20px}.overview-readings .measurement-card:last-child{border-bottom:0}.overview-readings .metric-icon svg{width:46px;height:46px}.overview-readings .metric-copy>strong{font-size:28px}.overview-readings .measurement-card{height:166px;min-height:166px}.overview-readings .measurement-value{letter-spacing:0;margin:0}.overview-readings .metric-detail{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.overview-readings .metric-detail time,.overview-readings .source-mode{font-size:10px}.device-map{background-color:#f7f9fa;background-image:linear-gradient(#dce6ec 1px,#0000 1px),linear-gradient(90deg,#dce6ec 1px,#0000 1px);background-size:24px 24px;border:3px solid #b5c6ce;border-radius:3px;height:330px;min-height:330px;margin:18px;padding:35px 50px}.device-map-area{width:100%;height:100%;position:relative}.map-device{background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:5px;min-width:72px;max-width:118px;padding:4px;font-weight:400;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-device.selected{background:#e2f3ef;border-color:#278e83}.map-device-icon{color:#218a7e;background:#fff;border:1px solid #b8d6d0;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.map-device-icon svg{width:23px;height:23px}.state-offline .map-device-icon,.state-fault .map-device-icon{color:#bd4c43;background:#fff2f0;border-color:#d9aaa4}.state-warning .map-device-icon{color:#ac741d;background:#fff6e3;border-color:#dbbd83}.state-missing .map-device-icon,.state-unknown .map-device-icon,.state-disabled .map-device-icon{color:#7a8590;background:#f1f3f5;border-color:#cdd4da}.map-device-label{word-break:keep-all;background:#fff;padding:2px 5px;font-size:10px;line-height:1.35}.map-device-label small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.map-legend{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.unplaced-devices{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;font-size:12px;display:flex}.unplaced-devices>span{color:var(--muted)}.unplaced-devices{height:52px;min-height:52px;overflow:auto}.board-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);grid-template-areas:"map detail""events detail";align-items:start;gap:18px;display:grid}.board-grid>.panel{margin:0}.board-map{grid-area:map}.board-detail{grid-area:detail}.board-events{grid-area:events}.board-detail-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:20px;display:flex}.board-detail-header small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.detail-tabs{border-bottom:1px solid var(--line);gap:18px;padding:0 20px;display:flex}.detail-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0;font-size:12px;font-weight:400}.detail-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent);font-weight:600}.board-detail-body{min-height:460px}.board-detail-body .details{gap:14px;padding:20px;font-size:12px}.board-detail-body .details>div{grid-template-columns:90px minmax(0,1fr)}.board-detail-body .details dd{text-align:right}.device-current{border-bottom:1px solid var(--line);gap:10px;padding:18px 20px;display:grid}.device-current>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.device-current strong{font-size:26px}.device-current small{color:var(--muted)}.event-link-list{gap:16px;margin:0;padding:16px 20px;list-style:none;display:grid}.event-link-list a{color:var(--accent);font-size:13px}.event-link-list small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.section-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.board-device-selector{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.board-device-selector button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px 10px;font-size:12px;font-weight:400}.board-device-selector button[aria-pressed=true]{color:#24796e;background:#e8f6f2;border-color:#79afa4}.modal-backdrop{z-index:80;background:#14273588;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.service-modal{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;width:min(800px,100%);max-height:calc(100dvh - 40px);display:flex;box-shadow:0 16px 50px #10232f33}.service-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.service-modal>header button{font-size:24px}.modal-content{min-height:0;padding:20px;overflow:auto}.modal-content .editor-form{padding:0}.modal-content .filters{background:0 0;border:0;padding:0}.modal-content .table-wrap{overflow:auto}.modal-content table{table-layout:fixed}.modal-content th,.modal-content td{overflow-wrap:anywhere;padding:12px;font-size:12px}.modal-content .table-wrap table{min-width:520px}.inspection-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.inspection-summary .metric-card{min-height:110px}.inspection-toolbar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;font-size:12px;display:flex}.inspection-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:18px;font-size:12px;display:flex}.route-flow{border-top:1px solid var(--line);align-items:center;gap:12px;padding:20px;display:flex}.route-flow>div{border:1px solid var(--line);background:#f5f8fa;border-radius:5px;flex:1;padding:13px;font-size:12px}.route-flow small{color:var(--muted);margin-bottom:4px;display:block}.route-status{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:12px 20px;font-size:12px;display:flex}.audit-filters{margin-bottom:18px}.badge-not_checked{color:#657385;background:#edf0f4}.placement-fields{grid-template-columns:2fr 1fr 1fr;gap:14px;display:grid}.compact-table .panel-heading{min-height:54px}@media (width<=1200px){.metric-card{gap:10px;padding:17px}.metric-icon{flex-basis:48px;width:48px}.metric-copy>strong{font-size:26px}.overview-columns{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}.device-map{padding:32px 42px}.map-device{min-width:56px;max-width:96px}.board-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}}@media (width<=1000px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns{grid-template-columns:1fr}.overview-readings{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.overview-readings .panel-heading{grid-column:1/-1}.overview-readings .measurement-card{border-right:1px solid var(--line);border-bottom:0;gap:8px;padding:15px 12px}.overview-readings .metric-icon{flex-basis:40px;width:40px}.overview-readings .metric-icon svg{width:38px}.overview-readings .metric-copy>strong{font-size:23px}.board-grid{grid-template-columns:1fr;grid-template-areas:"map""detail""events"}.board-detail-body{min-height:330px}.board-detail-body .details{grid-template-columns:1fr 1fr}.inspection-summary{grid-template-columns:1fr}.inspection-summary .metric-card{min-height:90px}}@media (width<=600px){.overview-heading h2{font-size:18px}.overview-metrics{grid-template-columns:1fr;gap:10px}.metric-card{gap:16px;min-height:102px;padding:16px}.metric-icon{flex-basis:50px;width:50px}.metric-icon svg{width:46px;height:46px}.metric-copy>strong{font-size:28px}.metric-label{font-size:11px}.overview-columns{gap:14px}.overview-readings{display:flex}.overview-readings .measurement-card{border:0;border-bottom:1px solid var(--line);min-height:125px;padding:16px}.overview-readings .metric-icon{flex-basis:48px;width:48px}.overview-readings .metric-icon svg{width:44px}.overview-readings .metric-copy>strong{font-size:27px}.device-map{height:320px;min-height:320px;margin:12px;padding:28px 30px}.map-device{min-width:44px;max-width:56px;padding:2px}.map-device-label{max-width:58px;padding:2px;font-size:10px}.map-device-icon{width:32px;height:32px}.map-device-icon svg{width:20px;height:20px}.map-legend{gap:6px;padding:10px}.map-legend .badge{padding:3px 5px;font-size:9px}.board-detail-header{flex-wrap:wrap;padding:14px}.board-detail-body .details{grid-template-columns:1fr;padding:16px}.board-detail-body .details>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.detail-tabs{gap:20px;padding:0 14px}.detail-tabs button{min-height:44px}.placement-fields{grid-template-columns:1fr}.modal-backdrop{padding:12px}.service-modal{max-height:calc(100dvh - 24px)}.modal-content{padding:16px}.route-flow{flex-direction:column;align-items:stretch;padding:14px}.route-flow>span{text-align:center;transform:rotate(90deg)}.route-status{flex-wrap:wrap;padding:12px 14px}}.overview-readings .measurement-card{flex:none;height:166px;min-height:166px}@media (width<=800px){.overview-readings{display:flex}.overview-readings .measurement-card{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=600px){.device-map{height:400px;min-height:400px}.map-device{width:44px;max-width:44px}.map-device-label{overflow-wrap:anywhere;max-width:44px}}@media (width>=1001px) and (height>=700px){.app-shell{flex-direction:column;display:flex}.global-header{flex:none}.app-shell .content{flex-direction:column;flex:1 0 0;min-height:0;padding:14px 0;display:flex}.app-shell .content>.frame{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}:where(.app-shell .content>.frame>*){flex:none;margin-top:0;margin-bottom:0}.app-shell .content .panel{margin-top:0}.app-shell .content .panel:has(>.table-viewport){flex-direction:column;min-height:0;display:flex}.app-shell .content .fill{flex:1 1 0;min-height:0}.app-shell .content>.frame>.panel:has(>.table-viewport){flex:1 1 0;min-height:0}.app-shell .content .table-viewport,.app-shell .content .compact-table .table-viewport{flex:1 1 0;height:auto;min-height:0}.app-shell .content .table-viewport thead tr{height:38px}.app-shell .content .table-viewport th{padding:9px 16px}.app-shell .content .table-viewport tbody tr{height:46px}.app-shell .content .table-viewport td{padding:5px 16px}.app-shell .content .table-viewport td .secondary{min-height:30px;padding:4px 12px}.app-shell .content .table-viewport .source-mode{margin-top:2px}.app-shell .content .table-viewport td .badge{word-break:keep-all}.app-shell .content .pagination{flex:none;min-height:46px;padding:7px 16px}.app-shell .content .panel-heading{flex:none;min-height:48px;padding:10px 18px}.app-shell .content>.frame>.filters,.app-shell .content .filters{flex:none;gap:12px;margin:0;padding:12px 18px}.app-shell .content .filters>.field{gap:4px}.app-shell .content .filters .field>label{font-size:11px}.app-shell .content .filters input,.app-shell .content .filters select{min-height:34px;padding:5px 10px}.app-shell .content .filters>button{min-height:34px;padding:5px 16px}.app-shell .content .metric-card{min-height:0;padding:12px 18px}.app-shell .content .metric-icon{flex-basis:44px;width:44px;height:44px}.app-shell .content .metric-icon svg{width:40px;height:40px}.app-shell .content .metric-copy>strong{font-size:24px}.app-shell .content .metric-detail{min-height:0}.app-shell .content .back-link{margin:0;line-height:1.4}.app-shell .content .panel-toolbar{min-height:52px;padding:8px 16px}}@media (width>=1001px) and (width<=1679px) and (height>=700px){.app-shell .content{padding-bottom:64px}}.state-tag{white-space:nowrap;border:1px solid #0000;border-radius:3px;align-items:center;height:22px;padding:0 7px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.state-danger{color:#fff;background:#c22a20}.state-warning{color:#a85400;background:#fff1dc;border-color:#eec48a}.state-fault{color:#6e5a00;background:#faf2c6;border-color:#dcc867}.state-none{color:#687480;border:1px dashed #aeb8c1;font-weight:400}.state-plain{color:#44515d;background:#f5f7f8;border-color:#e5e9ec;font-weight:400}.line-chart{width:100%;min-width:0;position:relative}.line-chart svg{font-size:11px;display:block;overflow:visible}.line-chart text{fill:#6f7d8b}.line-chart .grid line{stroke:#edf0f3}.line-chart .axis line{stroke:#a9b3bc}.line-chart .series{fill:none;stroke:#2b3a47;stroke-width:1.6px;stroke-linejoin:round}.line-chart.compact .series{stroke-width:1.3px}.line-chart.muted .series,.line-chart.muted .last{stroke:#a3adb6;fill:#a3adb6}.line-chart .last{fill:#2b3a47}.line-chart .threshold{stroke-width:1px;stroke-dasharray:4 3}.line-chart .threshold-danger{stroke:#c22a20;fill:#c22a20}.line-chart .threshold-warning{stroke:#b86a10;fill:#b86a10}.line-chart .threshold-recovery{stroke:#5f7e6b;fill:#5f7e6b;stroke-dasharray:1 3}.line-chart text.threshold-label{stroke:none}.line-chart.compact .threshold{opacity:.7}.line-chart .band-danger rect{fill:#fbe3e1}.line-chart .band-warning rect{fill:#fff0dc}.line-chart .band-danger text{fill:#a3241b}.line-chart .band-warning text{fill:#8a4a00}.line-chart .gap-fill{fill:#f2f4f6}.line-chart .gap-line{stroke:#b6bfc7;stroke-width:2px}.line-chart .gap text{fill:#5d6873}.line-chart .mark line{stroke:#2b3a47;stroke-dasharray:3 3;opacity:.55}.line-chart .mark circle{fill:#fff;stroke:#2b3a47;stroke-width:1.6px}.line-chart .mark text{fill:#2b3a47;paint-order:stroke;stroke:#fff;stroke-width:3px}.camera-feed{aspect-ratio:16/9;background:#14212b;position:relative;overflow:hidden}.camera-feed video,.camera-feed img{object-fit:cover;width:100%;height:100%;display:block}.camera-empty{place-items:center;height:100%;display:grid}.camera-empty .badge{color:#aab8c6;background:#283e50}.camera-meta{color:#dfe7ed;background:#000000a6;justify-content:space-between;gap:12px;padding:5px 10px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.zone-status{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:96px 96px minmax(0,1fr) auto;min-height:78px;margin-bottom:14px;display:grid;overflow:hidden}.zone-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex}.zone-block small{opacity:.85;font-size:11px}.zone-block b{letter-spacing:-.4px;white-space:nowrap;font-size:19px;font-weight:700;line-height:1.25}.zone-block.tone-danger{color:#fff;background:#c22a20}.zone-block.tone-warning{color:#241300;background:#e08a1e}.zone-block.tone-fault{color:#2b2400;background:#e3cb4f}.zone-block.tone-normal{color:#fff;background:#4b5a67}.zone-block.tone-unknown{color:#2d3842;background:repeating-linear-gradient(135deg,#dde2e6 0 7px,#d0d6db 7px 14px)}.zone-block+.zone-block{border-left:1px solid #ffffff40}.zone-summary{flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:10px 18px;display:flex}.zone-summary h2{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;gap:10px;font-size:17px;font-weight:700;display:flex;overflow:hidden}.zone-summary p{color:#44515d;white-space:nowrap;text-overflow:ellipsis;min-height:21px;font-size:13px;overflow:hidden}.zone-summary p span+span:before{content:"·";color:#9aa4ad;margin:0 7px}.zone-facts{border-left:1px solid #e5e9ec;margin:0;display:flex}.zone-facts>div{flex-direction:column;justify-content:center;gap:2px;min-width:136px;padding:8px 16px;display:flex}.zone-facts>div+div{border-left:1px solid #e5e9ec}.zone-facts dt{color:#6b7989;font-size:12px}.zone-facts dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.zone-facts dd small{color:#6b7989;font-size:11px;font-weight:400;display:block}.monitor-grid{grid-template-columns:minmax(0,1fr) 404px;align-items:start;gap:14px;display:grid}.monitor-main,.monitor-side{gap:14px;min-width:0;display:grid}.monitor-grid .panel{margin-top:0}.alarm-head,.alarm-row{grid-template-columns:58px minmax(190px,1fr) 70px 82px 82px 90px 132px;align-items:center;column-gap:12px;padding:0 18px;display:grid}.alarm-head{color:#6d7c8d;background:#f1f5f8;height:32px;font-size:12px;font-weight:600}.alarm-rows{scrollbar-gutter:stable;height:290px;overflow-y:auto}.alarm-row{border-top:1px solid #edf0f4;min-height:58px;padding-top:7px;padding-bottom:7px;font-size:13px;position:relative}.alarm-row.unacknowledged:before{content:"";background:var(--tone);width:4px;position:absolute;top:0;bottom:0;left:0}.alarm-row.tone-danger{--tone:#c22a20}.alarm-row.tone-warning{--tone:#e08a1e}.alarm-row.tone-fault{--tone:#e3cb4f}.cell-title{flex-direction:column;min-width:0;display:flex}.cell-title a{color:#1c2731;font-size:14px;font-weight:600}.alarm-row.unacknowledged .cell-title a{font-weight:700}.cell-title small{color:#6b7989;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cell-ack strong{color:#1c2731}.cell-output.is-active{color:#c22a20;font-weight:600}.cell-action{justify-content:flex-end;align-items:center;gap:10px;display:flex}.cell-action .compact{min-height:30px;padding:4px 10px;font-size:12px}.detail-link{color:#1d5d8a;font-size:12px}.reading-head,.reading-row{grid-template-columns:112px 118px 170px minmax(120px,1fr) 112px 92px;align-items:center;column-gap:14px;padding:0 18px;display:grid}.reading-head{color:#6d7c8d;background:#f1f5f8;height:32px;font-size:12px;font-weight:600}.reading-row{border-top:1px solid #edf0f4;min-height:66px;padding-top:8px;padding-bottom:8px}.reading-row:hover{background:#f8fafb}.reading-name b{font-size:14px;display:block}.reading-name small{color:#6b7989;min-height:18px;display:block}.reading-value b{letter-spacing:-.5px;font-size:26px;font-weight:650;line-height:1}.reading-value.is-stale b{color:#9aa4ad}.reading-value small{color:#6b7989;margin-left:4px}.reading-state small{color:#44515d;margin-top:3px;font-size:11px;display:block}.reading-rule,.reading-time{color:#44515d;font-size:12px}.reading-rule span,.reading-time span{display:block}.reading-time span+span{color:#6b7989}.camera-facts{gap:6px;margin:0;padding:12px 18px 14px;display:grid}.camera-facts>div{grid-template-columns:70px minmax(0,1fr);gap:10px;display:grid}.camera-facts dt{color:#6b7989;font-size:12px}.camera-facts dd{overflow-wrap:anywhere;margin:0;font-size:13px}.device-rows{margin:0;padding:0;list-style:none}.device-rows li{border-top:1px solid #edf0f4;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:40px;padding:6px 18px;font-size:13px;display:grid}.device-rows li b{font-weight:600}.device-rows li.is-bad b{font-weight:700}.device-rows li b+small{color:#6b7989;margin-left:6px}.device-state{color:#44515d;text-align:right;white-space:nowrap;font-size:12px}.device-state small{color:#6b7989;display:block}@media (width<=1240px){.monitor-grid{grid-template-columns:minmax(0,1fr)}.monitor-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (width<=1060px){.zone-status{grid-template-columns:96px 96px minmax(0,1fr)}.zone-facts{border-top:1px solid #e5e9ec;border-left:0;grid-column:1/-1}.zone-facts>div{flex:1;min-width:0}.alarm-head{display:none}.alarm-row{grid-template-columns:58px minmax(0,1fr) 120px 110px 132px;grid-template-areas:"severity title age output action""severity title ack output action";row-gap:2px}.cell-severity{grid-area:severity}.cell-title{grid-area:title}.cell-time{display:none}.cell-age{grid-area:age}.cell-ack{grid-area:ack;font-size:12px}.cell-output{grid-area:output}.cell-action{grid-area:action}}@media (width<=760px){.monitor-side{grid-template-columns:minmax(0,1fr)}.zone-status{grid-template-columns:72px 72px minmax(0,1fr)}.zone-block b{font-size:15px}.zone-summary{padding:8px 12px}.zone-summary h2{white-space:normal;flex-direction:column;gap:0;font-size:15px}.zone-summary p{white-space:normal;font-size:12px}.zone-facts>div{padding:7px 10px}.zone-facts dd{white-space:normal;font-size:13px}.alarm-rows{height:auto;min-height:136px;max-height:520px}.alarm-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"severity title age""ack ack output""action action action";row-gap:6px;padding:10px 12px 10px 16px}.cell-age{color:#44515d;font-size:12px}.cell-output{text-align:right;font-size:12px}.cell-action{justify-content:stretch}.cell-action .compact{flex:1;min-height:40px;font-size:13px}.cell-action .detail-link{border:1px solid #c5ced6;border-radius:5px;flex:1;justify-content:center;align-items:center;min-height:40px;font-size:13px;display:flex}.reading-head{display:none}.reading-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name value""state state""trend trend""rule time";row-gap:6px;padding:10px 12px}.reading-name{grid-area:name}.reading-value{text-align:right;grid-area:value}.reading-state{grid-area:state;align-items:center;gap:6px;display:flex}.reading-state small{margin:0}.reading-trend{grid-area:trend}.reading-rule{grid-area:rule}.reading-time{text-align:right;grid-area:time}.reading-rule span,.reading-time span{display:inline}.reading-rule span+span:before,.reading-time span+span:before{content:" · "}}@media (width>=1241px) and (height>=820px){.content .zone-status{flex:none;margin:0}.content .monitor-grid{flex:1 1 0;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.content .monitor-main,.content .monitor-side{grid-template-rows:minmax(0,1fr) auto;min-height:0}.content .monitor-side{grid-template-rows:auto minmax(0,1fr)}.content .alarm-panel,.content .device-panel{flex-direction:column;min-height:0;display:flex}.content .alarm-list{flex-direction:column;flex:1;min-height:0;display:flex}.content .alarm-rows{flex:1;height:auto;min-height:0}.content .device-rows{scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.content .device-rows li{min-height:36px;padding-top:4px;padding-bottom:4px}.content .reading-row{min-height:60px;padding-top:6px;padding-bottom:6px}.content .camera-facts{gap:2px;padding:8px 18px 10px}.content .camera-facts>div:not(:first-child){display:none}}.camera-strip{background:#14212b;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;padding:6px;display:grid}.camera-thumb{background:#0d151c;border:2px solid #0000;border-radius:3px;min-height:0;padding:0;font-weight:400;position:relative;overflow:hidden}.camera-thumb[aria-pressed=true]{border-color:#a9dad8}.camera-thumb.is-alarm{border-color:#e2584c}.camera-thumb[aria-pressed=true].is-alarm{box-shadow:inset 0 0 0 2px #a9dad8}.camera-thumb .camera-meta{padding:2px 6px;font-size:10px}.camera-thumb .camera-meta b{color:#ffb4a8;font-weight:700}.content .board-device-selector{scrollbar-width:thin;flex-wrap:nowrap;min-height:36px;overflow-x:auto}.content .board-device-selector button{flex-shrink:0}@media (width<=1000px){.content .board-grid{grid-template-areas:"map""events""detail"}}@media (width>=1001px) and (height>=700px){.content .overview-heading{min-height:30px}.content .overview-heading h2{font-size:19px}.content .board-device-selector{margin:0}.content .board-grid{flex:1 1 0;grid-template-rows:minmax(0,1fr) 236px;align-items:stretch;gap:12px;min-height:0}.content .board-map,.content .board-detail{flex-direction:column;min-height:0;display:flex}.content .device-map{flex:1;height:auto;min-height:0;margin:12px 18px;padding:28px 48px}.content .unplaced-devices:empty{display:none}.content .map-legend{padding:9px 18px}.content .board-detail-header{padding:14px 20px}.content .board-detail-body{flex:1;min-height:0;overflow-y:auto}.content .board-detail-body .details{gap:10px;padding:14px 20px}.content .board-events{min-height:0;display:flex}.content .board-events>.panel{flex:1}}@media (width<=600px){.content .inspection-toolbar{flex-direction:column;align-items:flex-start}}@media (width>=1001px) and (height>=700px){.content .inspection-summary{gap:12px}.content .inspection-toolbar{margin:0}.content .inspection-panels{flex:1 1 0;grid-template-columns:minmax(0,1fr) minmax(380px,34%);gap:12px;min-height:0;display:grid}.content .inspection-panels>.compact-table{min-height:0;display:flex}.content .inspection-panels>.compact-table>.panel{flex:1}}.video-grid{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:12px;display:grid}.video-grid .panel{margin-top:0}.video-side{gap:12px;min-width:0;display:grid}.video-stage{background:#0d151c}.video-main .camera-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px}.video-main .camera-thumb .camera-meta{font-size:11px}@media (width<=1100px){.video-grid{grid-template-columns:minmax(0,1fr)}}@media (width>=1101px) and (height>=700px){.content .video-grid{flex:1 1 0;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.content .video-main{flex-direction:column;min-height:0;display:flex}.content .video-stage{flex:1;justify-content:center;min-height:0;display:flex}.content .video-stage .camera-feed{max-width:100%;height:100%}.content .video-main .camera-strip{background:0 0;flex:none;width:min(100%,720px);margin:0 auto}.content .video-side{grid-template-rows:auto minmax(0,1fr);min-height:0}.content .video-side .details{gap:10px;padding:14px 18px}}.trend-range{color:#44515d;margin:12px 0 0;font-size:12px}.trend-stack{gap:12px;margin-top:10px;display:grid}.trend-stack .panel{margin-top:0}.trend-panel .panel-heading h2 .unit{color:#6b7989;margin-left:8px;font-size:12px;font-weight:400}.trend-stats{color:#44515d;flex-wrap:wrap;justify-content:flex-end;gap:4px 14px;font-size:12px;display:flex}.trend-stats b{color:#1c2731;font-size:14px}.trend-chart{height:184px;padding:10px 10px 4px 6px}.measure-table td .unit{color:#6b7989;margin-left:4px;font-size:11px;font-weight:400}@media (width<=600px){.trend-stats{justify-content:flex-start;width:100%}}@media (width>=1001px) and (height>=700px){.content .measure-body{flex:1 1 0;grid-template-columns:minmax(0,1fr) minmax(440px,38%);gap:12px;min-height:0;display:grid}.content .trend-column{flex-direction:column;gap:6px;min-height:0;display:flex}.content .trend-range{margin:0;line-height:1.3}.content .trend-stack{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0;margin:0}.content .trend-panel{flex-direction:column;min-height:0;display:flex}.content .trend-chart{flex:1;height:auto;min-height:0;padding-top:6px}.app-shell .content .measure-table td{padding:5px 10px}.app-shell .content .measure-table th{padding:9px 10px}.content .measure-table th:first-child{width:31%}.content .measure-table th:nth-child(2){width:18%}.content .measure-table th:nth-child(3){width:16%}.content .measure-table th:nth-child(4),.content .measure-table th:nth-child(5){width:11%}}.content .event-summary{border:1px solid var(--line);border-left:0;border-radius:8px;margin-bottom:14px;padding:14px 20px 14px 24px;position:relative;overflow:hidden}.content .event-summary:before{content:"";background:var(--tone,#aab4bd);width:5px;position:absolute;top:0;bottom:0;left:0}.event-summary.tone-danger{--tone:#c22a20}.event-summary.tone-warning{--tone:#e08a1e}.event-summary.tone-fault{--tone:#e3cb4f}.event-title{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.content .event-title h2{letter-spacing:-.4px;font-size:20px}.event-place{color:#44515d}.event-id{color:#6b7989;margin-left:auto;font-size:12px}.content .event-summary dl.event-facts{border-top:1px solid #e9edf1;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:12px 0 0;display:grid}.event-facts>div{padding:10px 12px 0 0}.event-facts>div+div{border-left:1px solid #e9edf1;padding-left:12px}.content .event-facts dt{color:#6b7989;margin:0;font-size:12px}.content .event-facts dd{margin:2px 0 0;font-size:14px;font-weight:700}.event-facts dd small{color:#6b7989;font-size:11px;font-weight:400;display:block}.event-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:14px;display:grid}.event-grid.single{grid-template-columns:minmax(0,1fr)}.event-main,.event-records{gap:14px;min-width:0;display:grid}.event-grid .panel{margin-top:0}.event-side{position:sticky;top:112px}.evidence-chart{height:266px;padding:12px 10px 4px 6px}.evidence-camera{padding:0}.evidence-facts{border-top:1px solid #e9edf1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.evidence-facts>div{padding:10px 18px}.evidence-facts>div+div{border-left:1px solid #e9edf1}.evidence-facts dt{color:#6b7989;font-size:12px}.evidence-facts dd{margin:2px 0 0;font-size:16px;font-weight:700}.evidence-facts dd small{color:#6b7989;font-size:12px;font-weight:400;display:block}.health-rows{border-top:1px solid #e9edf1;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;display:grid}.health-rows>div{padding:10px 18px}.health-rows dt{color:#6b7989;font-size:12px}.health-rows dd{margin:2px 0 0;font-weight:600}.timeline{margin:0;padding:8px 18px 12px;list-style:none}.timeline li{grid-template-columns:70px minmax(0,1fr);gap:10px;padding:6px 0 6px 18px;font-size:13px;display:grid;position:relative}.timeline li:before{content:"";background:#8996a2;border-radius:50%;width:8px;height:8px;position:absolute;top:13px;left:0}.timeline li:after{content:"";background:#dce4ea;width:1px;position:absolute;top:24px;bottom:-6px;left:3.5px}.timeline li:last-child:after{display:none}.timeline .entry-event:before{background:#c22a20}.timeline .entry-action:before{background:#24384a}.timeline .entry-pending:before{background:#fff;box-shadow:inset 0 0 0 2px #8996a2}.timeline time{color:#44515d;font-variant-numeric:tabular-nums}.timeline b{font-weight:600}.timeline small{color:#6b7989;display:block}.action-steps{margin:0;padding:4px 18px 14px;list-style:none}.action-steps>li{border-bottom:1px solid #edf0f4;padding:12px 0}.action-steps>li:last-child{border-bottom:0}.step-head{align-items:center;gap:8px;display:flex}.step-no{color:#44515d;border:1px solid #9aa6b1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.action-steps>li.done .step-no{color:#fff;background:#24384a;border-color:#24384a}.step-head b{font-size:14px}.step-check{cursor:pointer}.step-check input{width:18px;height:18px;margin:0 0 0 auto}.step-state{color:#6b7989;margin-left:auto;font-size:12px}.step-body{margin:8px 0 0 30px}.step-body textarea{width:100%;min-height:64px}.step-body .command-result{margin-top:8px}.conditions{margin:0 0 10px;padding:0;font-size:12px;list-style:none}.conditions li{color:#1c2731;align-items:center;gap:6px;padding:2px 0;display:flex}.conditions li:before{content:"";border:1px solid #c22a20;border-radius:2px;width:12px;height:12px}.conditions li.met{color:#6b7989}.conditions li.met:before{background:#24384a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5 9.5 3.6' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") 50%/10px no-repeat;border-color:#24384a}.action-bar{display:none}@media (width<=1150px){.event-grid{grid-template-columns:minmax(0,1fr) 340px}.content .event-summary dl.event-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.event-facts>div:nth-child(4){border-left:0;padding-left:0}.event-facts>div:nth-child(n+4){margin-top:8px}.event-side{top:160px}.health-rows{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.event-grid{grid-template-columns:minmax(0,1fr)}.event-side{order:-1;position:static}}@media (width<=600px){.content .event-summary{padding:12px 12px 12px 16px}.content .event-title h2{font-size:17px}.event-id{width:100%;margin-left:0}.content .event-summary dl.event-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.event-facts>div,.event-facts>div+div{border-left:0;padding:8px 8px 0 0}.evidence-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-facts>div:nth-child(3){border-left:0}.evidence-facts>div:nth-child(n+3){border-top:1px solid #e9edf1}.health-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.step-action{display:none}.action-bar{z-index:27;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #1c27311a}.action-bar button{flex:1;min-height:44px;font-size:15px}.content:has(.action-bar){padding-bottom:150px}.app-shell:has(.action-bar) .demo-toggle{bottom:80px}}@media (width>=1151px) and (height>=760px){.content .event-summary{padding:12px 20px 12px 24px}.content .event-summary dl.event-facts{margin-top:8px}.content .event-facts>div{padding-top:6px}.content .event-grid{flex:1 1 0;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:12px;min-height:0}.content .event-main{grid-template-rows:minmax(0,1fr) 224px;gap:12px;min-height:0}.content .event-side{min-height:0;display:flex;position:static}.content .action-panel{flex-direction:column;flex:1;min-height:0;display:flex}.content .action-steps{flex:1;min-height:0;overflow-y:auto}.content .action-steps>li{padding:10px 0}.content .event-records{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0}.content .event-records>.panel{flex-direction:column;min-height:0;display:flex}.content .timeline{flex:1;min-height:0;overflow-y:auto}.content .evidence-panel{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 230px;min-height:0;display:grid}.content .evidence-panel>.panel-heading{grid-column:1/-1}.content .evidence-chart{height:auto;min-height:0}.content .evidence-camera{background:#0d151c;justify-content:center;align-items:center;min-height:0;display:flex}.content .evidence-camera .camera-feed{max-width:100%;height:100%}.content .evidence-facts{border-top:0;border-left:1px solid #e9edf1;grid-template-columns:minmax(0,1fr);align-content:start}.content .evidence-facts>div{padding:12px 18px}.content .evidence-facts>div+div{border-top:1px solid #e9edf1;border-left:0}.content .evidence-panel:has(.health-rows){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.content .evidence-panel .health-rows{border-top:0;grid-area:2/1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.content .evidence-panel:has(.health-rows) .evidence-facts{grid-column:2}}@media (width>=1001px) and (height>=700px){.content .policy-layout{flex:1 1 0;grid-template-columns:minmax(0,1fr) minmax(440px,44%);gap:12px;min-height:0;display:grid}.content .policy-layout>.panel{min-height:0}.content .policy-detail{overflow-y:auto}.content .policy-detail .editor-form{gap:14px;padding:16px 18px}.content .policy-detail .table-wrap td,.content .policy-detail .table-wrap th{padding:9px 12px}}.delivery-panel .panel-heading .field{flex-direction:row;align-items:center;gap:8px}.delivery-panel .panel-heading .field>label{white-space:nowrap}.delivery-panel .panel-heading select{width:auto;min-width:180px;min-height:32px;padding:4px 10px}@media (width<=600px){.delivery-panel .panel-heading .field{width:100%}.delivery-panel .panel-heading select{flex:1;min-width:0}}@media (width>=1001px) and (height>=700px){.content .notification-layout{flex:1 1 0;grid-template:"routes deliveries""path deliveries"".deliveries"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0;display:grid}.content .notification-routes{grid-area:routes}.app-shell .content .notification-routes .table-viewport{flex:none;height:auto}.content .notification-layout .route-panel{grid-area:path}.content .notification-layout .delivery-panel{grid-area:deliveries}.content .notification-layout>.error{grid-area:path}.content .route-flow{padding:14px 18px}.content .system-layout{flex:1 1 0;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;min-height:0;display:grid}.content .system-layout.single{grid-template-columns:minmax(0,1fr)}.content .system-health{min-height:0;display:flex}.content .system-health>.panel{flex:1}.app-shell .content .system-health td,.app-shell .content .system-health th{padding-left:8px;padding-right:8px}.content .audit-column{flex-direction:column;gap:12px;min-height:0;display:flex}.content .audit-column>.panel{flex:1 1 0}.content .audit-filters>.field{flex-basis:30%;max-width:none}}.app-shell{--header-band:56px;--header-tabs:44px;scrollbar-gutter:stable;background:linear-gradient(#2c4053 0 var(--header-band), #fff var(--header-band) calc(var(--header-band) + var(--header-tabs)), #f5f7fa 0);height:100dvh;overflow:hidden auto}.frame{width:100%;max-width:1440px;margin:0 auto;padding:0 16px}.global-header{z-index:30;position:sticky;top:0}.header-band{color:#fff;background:#2c4053}.header-bar{align-items:center;height:56px;display:flex}.global-brand{flex-shrink:0;align-items:center;gap:16px;height:100%;padding-right:28px;font-size:14px;display:flex}.section-nav{flex-shrink:0;align-self:stretch;display:flex}.section-nav>a{border-bottom:5px solid #0000;justify-content:center;align-items:center;width:112px;padding-top:5px;font-size:17px;display:flex}.section-nav>a:hover{background:#ffffff0a}.section-nav>a[aria-current=page]{color:#173f49;background:#a9dad8;border-bottom-color:#a9dad8;font-weight:600}.alarm-tally{flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;padding:0 14px;display:flex;overflow:hidden}.alarm-tally>a{white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:3px;align-items:center;height:26px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.alarm-tally .tally-danger{color:#fff;background:#c22a20}.alarm-tally .tally-warning{color:#2a1600;background:#e08a1e}.alarm-tally .tally-fault{color:#2b2400;background:#e3cb4f}.alarm-tally .tally-unacknowledged{color:#fff;box-shadow:inset 0 0 0 1px #c9d4dc}.header-resource{flex-shrink:0;justify-content:flex-end;align-items:center;width:176px;display:flex}.header-refresh{min-height:36px;box-shadow:none;color:#d4e0e8;white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:400;display:flex}.header-refresh:hover{color:#fff}.header-refresh:disabled{opacity:1}.header-refresh[data-state=error]{color:#ffd1c6}.account-menu{align-items:center;margin-left:12px;display:flex;position:relative}.account-menu>button{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;max-width:160px;min-height:40px;padding:0 0 0 8px;font-size:13px;font-weight:400;overflow:hidden}.account-menu>button>span{color:#d9e4eb;margin-left:9px}.user-actions{color:#23354a;background:#fff;border:1px solid #dce4ea;border-radius:6px;min-width:160px;padding:6px 0;position:absolute;top:45px;right:0;box-shadow:0 6px 20px #23384c1a}.user-actions>a,.user-actions>button{text-align:left;background:0 0;border:0;border-radius:0;width:100%;padding:10px 18px;font-size:13px;font-weight:400;display:block}.user-actions>a:hover,.user-actions>button:hover{background:#f1f6f9}.function-tabs{background:#fff;border-bottom:1px solid #dce4ea}.function-tabs>.frame{scrollbar-width:none;height:44px;display:flex;overflow-x:auto}.function-tabs a{color:#4a5e6f;white-space:nowrap;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;padding:3px 16px 0;font-size:14px;display:flex}.function-tabs a:first-child{margin-left:-16px}.function-tabs a:hover{color:#23354a}.function-tabs a[aria-current=page]{color:#1c2731;border-bottom-color:#2c4053;font-weight:700}.content{padding:16px 0 96px}.connection-toast{z-index:40;color:#973e32;word-break:keep-all;background:#fff4f1;border:1px solid #e4b9b1;border-radius:8px;align-items:center;gap:20px;width:max-content;max-width:calc(100vw - 32px);padding:12px 14px 12px 20px;font-size:13px;line-height:1.5;display:flex;position:fixed;top:110px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #263d5326}.connection-toast button{color:#87382e;background:#fff;border:1px solid #d7aaa1;border-radius:5px;flex-shrink:0;min-width:52px;min-height:36px;font-weight:500}.demo-toggle{z-index:26;color:#fff;opacity:.5;background:#2c4053;border:1px solid #2c4053;border-radius:20px;min-width:64px;min-height:40px;padding:6px 16px;font-size:13px;font-weight:600;position:fixed;bottom:20px;right:28px}.demo-toggle[aria-pressed=true]{color:#173f49;background:#a9dad8;border-color:#6fb3b0}.demo-toggle:hover,.demo-toggle:focus-visible,.demo-toggle:disabled{opacity:.5}@media (width<=1320px){.section-nav>a{width:96px}}@media (width<=1150px){.app-shell{--header-band:104px}.header-bar{grid-template-rows:52px 52px;grid-template-columns:auto minmax(0,1fr) auto auto;height:auto;display:grid}.global-brand{grid-area:1/1}.alarm-tally{grid-area:1/2/auto/-1;padding-right:0}.section-nav{grid-area:2/1/auto/3}.section-nav>a{width:104px}.header-resource{grid-area:2/3;width:156px}.account-menu{grid-area:2/4}.connection-toast{top:160px}}@media (width<=800px){.global-brand{gap:12px;padding-right:12px}.global-brand .product-name{font-size:13px}.global-brand .hd-logo{width:118px}.global-brand .safeeyes-logo{width:96px}.section-nav>a{width:84px}.header-refresh{font-size:10px}.header-resource{width:132px}.account-menu>button{max-width:110px}}@media (width<=600px){.app-shell{background:#f5f7fa}.frame{padding:0 10px}.global-header{position:relative}.header-bar{grid-template-rows:44px 44px 48px;grid-template-columns:minmax(0,1fr) auto auto}.global-brand{grid-area:1/1/auto/-1;justify-content:center;gap:9px;padding:0}.global-brand .hd-logo{width:106px;height:21px}.global-brand .safeeyes-logo{width:90px;height:29px}.global-brand .product-name{font-size:12px}.alarm-tally{grid-area:2/1;justify-content:flex-start;gap:3px;padding:0}.alarm-tally>a{height:24px;padding:0 5px;font-size:11px}.header-resource{grid-area:2/2;width:auto}.header-refresh{flex-direction:column;justify-content:center;align-items:flex-end;gap:0;font-size:10px;line-height:1.4}.header-refresh>span{display:none}.account-menu{grid-area:2/3;margin-left:8px}.account-menu>button{max-width:96px;font-size:11px}.section-nav{border-top:1px solid #ffffff1a;grid-area:3/1/auto/-1;margin:0 -10px}.section-nav>a{flex:1;width:auto;font-size:17px}.user-actions{top:42px}.function-tabs>.frame{height:42px}.function-tabs a{padding:3px 12px 0;font-size:13px}.function-tabs a:first-child{margin-left:-10px}.content{padding:12px 0 84px}.connection-toast{gap:12px;padding:10px 12px;font-size:12px;top:190px}.demo-toggle{min-height:36px;padding:5px 14px;bottom:16px;right:16px}}@media (width<=360px){.global-brand .hd-logo{width:96px}.global-brand .safeeyes-logo{width:78px}.global-brand .product-name{white-space:normal;max-width:86px;line-height:1.4}.account-menu>button{max-width:96px}}