fieldset.device-manage[data-v-fe81ddbf]{border:0;padding:0;min-width:0}:root{color-scheme:light;--bg: #f5f7f8;--panel: #ffffff;--panel-soft: #eef3f1;--text: #18201f;--muted: #65716f;--line: #dbe3e1;--green: #16765b;--teal: #0f8a93;--red: #c2413a;--amber: #b7791f;--blue: #356ea9;--shadow: 0 14px 38px rgba(22, 31, 30, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;letter-spacing:0}button,select{font:inherit}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#17211f;color:#edf4f2;padding:22px 18px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;width:188px;height:34px;min-height:34px;align-items:center;gap:6px;overflow:hidden}.brand-symbol{position:relative;width:28px;height:22px;flex:0 0 auto;overflow:hidden}.topbar h2,.topbar p,.section-head h3,.section-head p{margin:0}.brand-logo{position:absolute;top:-21px;left:-12px;display:block;width:148px;max-width:none;height:auto}.brand-name{color:#edf4f2;font-size:12px;font-weight:700;line-height:22px;white-space:nowrap}.nav{display:grid;gap:6px}.nav-item{border:0;border-radius:8px;background:transparent;color:#cbd6d3;cursor:default;min-height:40px;padding:0 12px;text-align:left;white-space:nowrap}.nav-item.active{background:#263431;color:#fff}.sidebar-account{display:grid;gap:7px;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.sidebar-account>div{display:grid;min-width:0;gap:3px;padding:0 5px 5px}.sidebar-account strong,.sidebar-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account strong{color:#fff;font-size:13px}.sidebar-account>div span{color:#9eada9;font-size:10px}.sidebar-account>button{display:flex;min-height:34px;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;color:#bdc9c6;padding:0 8px;cursor:pointer}.sidebar-account>button:hover,.sidebar-account>button.active{background:#ffffff14;color:#fff}.auth-loading{display:grid;min-height:100dvh;place-items:center;align-content:center;gap:18px;background:#eef3f1}.auth-loading span{width:32px;height:32px;border:3px solid rgba(22,118,91,.16);border-top-color:var(--green);border-radius:50%;animation:authSpin .8s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.login-screen{position:relative;display:grid;min-height:100dvh;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:#263a34 url(/brand/login-road-1920.webp) center / cover no-repeat;color:var(--text)}.login-screen:before{position:absolute;inset:0;background:#0d231d6b;content:""}.login-panel{position:relative;z-index:1;align-self:center;justify-self:center;width:min(430px,calc(100vw - 44px));min-height:398px;border:1px solid #d6e0dd;border-radius:8px;background:#fffffff0;padding:28px;box-shadow:0 22px 58px #152a2521}.login-panel-head,.user-section-head{display:flex;align-items:center;gap:11px}.login-panel-head>span,.user-section-head>span{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:7px;background:#16765b1a;color:var(--green)}.login-panel-head h1,.login-panel-head p,.user-section-head h3,.user-section-head p{margin:0}.login-panel-head h1{font-size:21px}.login-panel-head p,.user-section-head p{margin-top:4px;color:var(--muted);font-size:12px}.login-mode{display:grid;width:100%;height:40px;grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 20px}.login-mode button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.login-panel form,.user-create-form{display:grid;gap:14px}.login-panel form>label,.login-key-field,.user-create-form label{display:grid;min-width:0;gap:6px}.login-panel form>label>span,.login-key-field>span,.user-create-form label>span{color:#53615e;font-size:12px}.login-panel input,.user-create-form input,.user-create-form select{width:100%;height:42px;max-width:none;border:1px solid var(--line);border-radius:7px;outline:none;background:#fff;padding:0 11px;color:var(--text)}.login-panel input:focus,.user-create-form input:focus,.user-create-form select:focus{border-color:#16765b94;box-shadow:0 0 0 3px #16765b14}.password-field{position:relative}.password-field input{padding-right:42px}.password-field button{position:absolute;top:2px;right:2px;display:grid;width:38px;height:38px;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.login-key-field>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.login-key-field>label{display:flex;height:42px;min-width:0;align-items:center;gap:8px;border:1px dashed rgba(22,118,91,.45);border-radius:7px;background:#16765b09;color:var(--green);padding:0 11px;cursor:pointer}.login-key-field b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.login-error,.form-error,.form-success{margin:0;font-size:12px}.login-error,.form-error{color:var(--red)}.login-error.empty{visibility:hidden}.form-success{display:flex;align-items:center;gap:5px;color:var(--green)}.login-panel form>.login-remember{display:flex;min-height:22px;align-items:center;gap:8px;color:#53615e;font-size:12px;cursor:pointer}.login-remember.placeholder{visibility:hidden}.login-remember input{width:16px;height:16px;max-width:16px;flex:0 0 16px;padding:0;accent-color:var(--green)}.login-submit,.user-create-submit{display:inline-flex;width:100%;height:42px;align-items:center;justify-content:center;gap:7px}.login-footer{position:relative;z-index:1;padding:18px max(34px,7vw);color:#ffffffd1;font-size:11px;text-align:right}.user-management-grid{display:grid;grid-template-columns:minmax(360px,.76fr) minmax(480px,1.24fr);gap:14px}.user-create-panel,.user-list-panel{border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px;box-shadow:var(--shadow)}.user-section-head{margin-bottom:18px}.user-section-head h3{font-size:16px}.user-password-row,.user-region-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-account-list{display:grid;gap:8px}.user-account-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:7px;padding:11px}.user-account-list article.inactive{opacity:.62}.user-account-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;background:var(--panel-soft);color:var(--green)}.user-account-main{min-width:0}.user-account-main>div{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:6px}.user-account-main strong{margin-right:2px;font-size:13px}.user-account-main>div span{border-radius:4px;padding:2px 5px;font-size:10px}.user-account-main span.superadmin{background:#b7791f1c;color:#8d5a17}.user-account-main span.user{background:#356ea91a;color:var(--blue)}.user-account-main span.active{background:#16765b1a;color:var(--green)}.user-account-main span.disabled{background:#65716f1a;color:var(--muted)}.user-account-main span.readonly{background:#356ea91a;color:var(--blue)}.user-account-main p,.user-account-main small{display:block;margin:4px 0 0;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-account-list button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.side-panel{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.panel-title{color:#aebbb8;font-size:12px}.status-line{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px}.dot{width:9px;height:9px;border-radius:50%;background:#a0a8a6}.dot.ok{background:#32c785}.dot.bad{background:#e25b52}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.mini-grid div{border-radius:8px;background:#ffffff0f;padding:10px}.label,.metrics span{display:block;color:var(--muted);font-size:12px}.mini-grid .label{color:#aebbb8}.mini-grid strong{display:block;margin-top:4px;color:#fff}.main{min-width:0;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h2{font-size:24px}.topbar p,.section-head p{margin-top:4px;color:var(--muted);font-size:13px}.toolbar{display:flex;align-items:center;gap:10px}.select-wrap{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:13px}[hidden]{display:none!important}select,.select-wrap input{max-width:160px;border:0;outline:0;background:transparent;color:var(--text)}.primary{height:38px;border:0;border-radius:8px;background:var(--green);color:#fff;padding:0 16px;cursor:pointer}.primary.small,.secondary.small{height:30px;padding:0 10px;font-size:12px}.secondary{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);cursor:pointer}.tab-view{display:none}.tab-view.active{display:block}.weather-strip{position:relative;display:flex;isolation:isolate;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;min-height:74px;margin-bottom:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background-color:#314b48e6;background-image:linear-gradient(115deg,#2a4440f5,#4a625ee6);-webkit-backdrop-filter:blur(10px) saturate(112%);backdrop-filter:blur(10px) saturate(112%);color:#edf4f2;box-shadow:var(--shadow);transition:background-color 1.4s ease,border-color 1.4s ease}.weather-strip:after{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#081c2757,#081c2714 58%,#081c273d);content:"";pointer-events:none}.weather-strip.weather-sunny{border-color:#d6f0fa52;background-color:#258fc1;background-image:linear-gradient(112deg,#167faf,#32a5d4 58%,#79c5df)}.weather-strip.weather-night{border-color:#b7cde233;background-color:#243b4d;background-image:linear-gradient(112deg,#1c3346,#365a6b)}.weather-strip.weather-cloudy{border-color:#e0ebee3d;background-color:#5f7180;background-image:linear-gradient(112deg,#4a5d6d,#8799a4)}.weather-strip.weather-rain{border-color:#a7cfdc33;background-color:#344d60;background-image:linear-gradient(112deg,#263b4d,#435f70)}.weather-strip.weather-storm{border-color:#c7d5e133;background-color:#333b46;background-image:linear-gradient(112deg,#252c37,#4b5663)}.weather-strip.weather-snow{border-color:#e4f2f540;background-color:#718997;background-image:linear-gradient(112deg,#627b8a,#a6b9c2)}.weather-strip.weather-fog{background-color:#687b7e;background-image:linear-gradient(112deg,#5d7073,#8da09f)}.weather-strip.weather-haze{border-color:#e4d3ab38;background-color:#756b53;background-image:linear-gradient(112deg,#655d4b,#958666)}.weather-strip>.weather-metric{position:relative;z-index:2;min-width:0;padding-right:14px;border-right:1px solid rgba(237,244,242,.12)}.weather-strip>.weather-canvas+.weather-metric{min-width:180px}.weather-strip>.weather-metric:last-child{flex:1;padding-right:0;border-right:0}.weather-strip span{display:block;color:#eef7f8b8;font-size:12px;line-height:1.2}.weather-strip strong{display:block;margin-top:6px;overflow:hidden;color:#fff;font-size:17px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.weather-warning-line strong.active{color:#ffd3cf}.weather-canvas{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;overflow:hidden;opacity:.9;pointer-events:none}.weather-cloud-overlay{position:absolute;z-index:0;inset:0;overflow:hidden;opacity:.86;pointer-events:none}.weather-cloud-layer{position:absolute;inset:0;display:block;background-repeat:repeat-x;will-change:background-position;animation:weatherCloudTravel linear infinite}.weather-cloud-back{background-image:url(/assets/clouds_2-X3rt8Eyg.png);background-position:0 -36px;background-size:280px 125px;opacity:.24;animation-duration:64s}.weather-cloud-mid{background-image:url(/assets/clouds_1-BA5-NXgy.png);background-position:-110px -74px;background-size:300px 153px;opacity:.2;animation-duration:50s}.weather-cloud-front{background-image:url(/assets/clouds_3-CrGqLjL6.png);background-position:-240px -14px;background-size:520px 112px;opacity:.16;animation-duration:56s}.weather-cloud-overlay.dense{opacity:1;filter:brightness(.82) contrast(1.08)}@keyframes weatherCloudTravel{to{background-position-x:-1000px}}@media(prefers-reduced-motion:reduce){.weather-strip,.weather-cloud-layer{animation:none;transition:none}}.region-strip{display:grid;grid-template-columns:150px minmax(190px,.9fr) minmax(190px,.9fr) minmax(240px,1.2fr);gap:10px;margin-bottom:14px}.region-strip label{display:block;min-width:0}.region-strip select{width:100%;max-width:none;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.device-filter-strip{display:grid;grid-template-columns:120px minmax(170px,.9fr) minmax(170px,.9fr) minmax(220px,1.15fr) minmax(220px,1.1fr);gap:10px;margin-bottom:14px}.device-filter-strip.device-search-strip{display:block}.device-search-strip label{max-width:620px}.device-filter-strip label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:12px}.device-filter-strip select,.device-filter-strip input{width:100%;max-width:none;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:0 10px;color:var(--text);font-size:13px}.device-filter-strip select:focus,.device-filter-strip input:focus{border-color:#16765b73;box-shadow:0 0 0 3px #16765b1a;outline:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metrics article,.overview-analytics,.device-panel,.events-panel,.weather-panel,.roadnet-panel,.workorder-panel,.evaluation-panel,.child-frontends-panel,.stream-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.metrics article{min-height:92px;padding:18px}.metrics article span{color:var(--muted);font-size:13px}.metrics strong{display:block;margin-top:8px;font-size:28px;line-height:1}.metrics p{margin:10px 0 0;color:var(--muted);font-size:12px}.overview-analytics{min-width:0;padding:14px;margin-bottom:14px}.evaluation-panel{padding:16px}.evaluation-head{align-items:center}.evaluation-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.evaluation-mode button{min-width:58px}.evaluation-note{margin-bottom:14px;border:1px solid rgba(15,138,147,.12);border-radius:8px;background:#0f8a930f;color:var(--muted);padding:10px 12px;font-size:13px;line-height:1.5}.evaluation-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.evaluation-cards article{min-height:92px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc;padding:14px}.evaluation-cards span,.evaluation-table small,.company-region{display:block;color:var(--muted);font-size:12px;line-height:1.35}.evaluation-cards strong{display:block;margin-top:8px;color:var(--text);font-size:28px;line-height:1}.evaluation-cards p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.evaluation-table{min-width:1120px}.evaluation-mobile-list{display:none}.company-name{display:block;margin-bottom:4px;color:var(--text)}.score-pill{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:30px;border-radius:999px;background:#b7791f1f;color:var(--amber);font-weight:800}.score-pill.excellent{background:#16765b1f;color:var(--green)}.score-pill.stable{background:#356ea91f;color:var(--blue)}.score-pill.watch{background:#c2413a1f;color:var(--red)}.analytics-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:14px}.analytics-block{min-width:0}.analytics-block .section-head{margin-bottom:6px}.section-head.analytics-summary-head{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:center;gap:14px;margin-bottom:8px}.analytics-summary-right{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;justify-self:stretch}.analytics-summary-right h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-head .analytics-desktop-workorder-title{justify-self:start;margin-left:10px}.analytics-block-head{min-height:28px;align-items:center}.section-head.analytics-mobile-workorder-title{display:none}.analytics-block h4{margin:0;font-size:15px}.analytics-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.segmented-control{display:inline-flex;gap:4px;height:34px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f7faf9}.segmented-control button{min-width:72px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.segmented-control button.active{background:var(--green);color:#fff}.weather-panel,.roadnet-panel,.workorder-panel,.child-frontends-panel,.stream-panel{padding:16px}.child-frontends-panel{margin-bottom:14px}.child-frontend-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.child-frontend-card{position:relative;display:grid;gap:5px;min-height:104px;border:1px solid rgba(22,118,91,.16);border-radius:8px;background:linear-gradient(135deg,#16765b14,#356ea90f),#fbfcfc;padding:10px 12px;color:var(--text);text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.child-frontend-card:hover{border-color:#16765b57;box-shadow:0 12px 30px #161f1e1a;transform:translateY(-1px)}.child-frontend-card strong,.child-frontend-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-frontend-card strong{display:block;font-size:15px}.child-frontend-card span{display:block;color:var(--muted);font-size:12px;font-style:normal}.child-frontend-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.child-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-top:0}.child-health-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;min-width:0;padding:2px 1px;color:var(--muted)}.child-health-item i{display:block;flex:0 0 8px;width:8px;height:8px;border-radius:999px;background:#9aa7a4}.child-health-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;line-height:1.1}.child-health-item b{color:#465451;font-weight:650}.child-health-item.ok i{background:var(--green);box-shadow:0 0 0 3px #16765b1a}.child-health-item.bad i{background:#c53c3c;box-shadow:0 0 0 3px #c53c3c1a}.child-health-item.unknown i{background:#9aa7a4;box-shadow:none}.child-health-item small{flex-basis:100%;text-align:center;font-size:10px;line-height:1.2}.child-frontend-card.online:after{content:"";position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 5px #16765b1a}.weather-source,.roadnet-panel .section-head>span{border-radius:999px;background:var(--panel-soft);color:var(--green);padding:5px 9px;font-size:12px;text-decoration:none;white-space:nowrap}.weather-body{min-height:92px;border-radius:8px;background:linear-gradient(135deg,#0f8a931f,#16765b14);padding:18px}.weather-body strong{display:block;font-size:22px}.weather-body p,.roadnet-panel>p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.road-map-panel{margin-top:14px;padding:16px}.road-map-head{align-items:center}.road-map-head p{margin-top:4px;color:var(--muted);font-size:12px}.road-time-control{flex:0 0 auto}.road-map-stage{position:relative;isolation:isolate;height:clamp(540px,60vw,740px);min-height:540px;overflow:hidden;border:1px solid #d5dfdc;border-radius:6px;background:#edf2f0}.road-map-canvas{width:100%;height:100%;transition:box-shadow .14s ease}.road-map-canvas.wheel-zoom-active{box-shadow:inset 0 0 0 2px #16765b47}.road-map-loading{position:absolute;z-index:4;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#edf2f0;color:var(--muted)}.road-map-loading span{width:30px;height:30px;border:2px solid rgba(22,118,91,.15);border-top-color:var(--green);border-radius:50%;animation:mapSpin .8s linear infinite}.road-map-loading strong{font-size:13px}.road-map-loading button{min-height:32px;border:1px solid rgba(22,118,91,.3);border-radius:6px;background:#fff;color:var(--green);padding:0 14px;cursor:pointer}.road-route-summary{position:absolute;z-index:3;left:12px;top:12px;width:min(292px,calc(100% - 24px));overflow:hidden;border:1px solid rgba(225,237,233,.3);border-radius:6px;background:#18332e9e;color:#f9fcfbf0;padding:9px 10px 10px;box-shadow:0 8px 24px #14252224;-webkit-backdrop-filter:blur(12px) saturate(.9);backdrop-filter:blur(12px) saturate(.9);pointer-events:none}.road-route-summary>header,.road-route-class{display:flex;align-items:center}.road-route-summary>header{justify-content:space-between;min-height:20px;padding-bottom:6px;border-bottom:1px solid rgba(236,245,242,.18)}.road-route-summary>header strong{font-size:12px;font-weight:720}.road-route-summary>header span,.road-route-class span{color:#ecf4f2b8;font-size:10px}.road-route-summary-body section{padding-top:7px}.road-route-summary-body section+section{margin-top:6px;border-top:1px solid rgba(236,245,242,.12)}.road-route-class{gap:6px;min-height:16px}.road-route-class i{width:14px;height:3px;flex:0 0 14px;border-radius:2px;box-shadow:0 0 0 1px #ffffff1f}.road-route-class strong{font-size:10px;font-weight:680}.road-route-class span{margin-left:auto}.road-route-lines{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.road-route-lines span{display:inline-flex;min-height:19px;align-items:center;gap:4px;border:1px solid rgba(235,244,241,.14);border-radius:4px;background:#f5faf817;padding:2px 5px;color:#f8fbfae0;font-size:9px;line-height:1.2}.road-route-lines b{color:#fff;font-size:9px;font-weight:760}.road-route-lines span.more{border-color:transparent;background:transparent;color:#ecf4f29e}.road-route-summary>p{margin:7px 0 0;color:#ecf4f2b3;font-size:10px}.road-map-empty{position:absolute;z-index:3;left:50%;bottom:18px;min-height:30px;border:1px solid rgba(45,63,59,.12);border-radius:6px;background:#ffffffe6;color:var(--muted);padding:7px 11px;font-size:12px;pointer-events:none;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.road-map-source{position:absolute;z-index:3;right:46px;bottom:8px;border:1px solid rgba(45,63,59,.1);border-radius:4px;background:#ffffffd1;color:#697572;padding:3px 6px;font-size:9px;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.road-map-canvas.leaflet-container,#eventMapContainer.leaflet-container{background:#edf2f0;font-family:inherit;outline:none}.road-map-canvas .leaflet-control-zoom,#eventMapContainer .leaflet-control-zoom{overflow:hidden;border:1px solid rgba(45,63,59,.14);border-radius:6px;box-shadow:0 5px 16px #192b271f}.road-map-canvas .leaflet-control-zoom a,#eventMapContainer .leaflet-control-zoom a{width:32px;height:32px;border:0;color:#334b45;font:20px/32px Arial,sans-serif}.road-map-canvas .leaflet-control-zoom a+a,#eventMapContainer .leaflet-control-zoom a+a{border-top:1px solid rgba(45,63,59,.12)}.road-map-stage .leaflet-control-zoom{transition:opacity .14s ease}.road-map-stage:has(.map-event-card-overlay) .leaflet-control-zoom{opacity:0;pointer-events:none}.road-map-stage:has(.map-event-card-overlay) .road-route-summary{opacity:0}.road-map-canvas .leaflet-control-scale-line{border-color:#64736f;background:#ffffffc2;color:#44524f;font-size:9px}.local-label-icon,.local-event-icon,.local-survey-icon{border:0;background:transparent}.local-survey-icon>*{transform:translate(-13px,-50%)}.map-survey-point{display:flex;width:max-content;height:28px;align-items:center;gap:7px;border:1px solid rgba(25,88,151,.34);border-radius:5px;background:#f9fcfff0;color:#174f86;padding:4px 8px 4px 5px;font:inherit;font-size:11px;font-weight:760;line-height:1;white-space:nowrap;box-shadow:0 5px 16px #183a5b33;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-survey-point i{position:relative;display:block;width:15px;height:15px;flex:0 0 15px;border:3px solid #fff;border-radius:50%;background:#1974c7;box-shadow:0 0 0 2px #1974c74d}.map-survey-point i:after{position:absolute;inset:3px;border-radius:50%;background:#fff;content:""}.map-survey-point:hover,.map-survey-point:focus-visible{border-color:#1958979e;background:#fff;box-shadow:0 7px 20px #183a5b42;outline:none}.local-label-icon>*,.local-event-icon>*{transform:translate(-50%,-50%)}.local-place-label,.road-name-label{display:block;border:1px solid rgba(44,64,59,.12);border-radius:4px;background:#ffffffdb;color:#33443f;padding:3px 6px;font-size:11px;font-weight:680;line-height:1;white-space:nowrap;box-shadow:0 3px 9px #192a261a;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.local-place-label.city{border-color:#16765b38;background:#f8fcfaeb;color:#175f4d;padding:4px 7px;font-size:12px}.local-place-label.county{color:#4c5d58;font-size:10px}.local-water-label{display:block;border:1px solid rgba(40,111,132,.28);border-radius:4px;background:#eff9fbe6;color:#245f73;padding:3px 6px;font-size:10px;font-weight:720;line-height:1;white-space:nowrap;box-shadow:0 3px 10px #245f7324;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.road-name-label{border-color:#2c403b14;background:#ffffffc2;color:#53625e;padding:2px 5px;font-size:9px;font-weight:620;box-shadow:none}.road-name-label.grade-1,.road-name-label.grade-2{color:#264d45;font-weight:720}.map-event-dot{position:relative;display:grid;width:20px;height:20px;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--amber);padding:0;box-shadow:0 3px 10px #1f2d2a4d;cursor:pointer}.map-event-dot.potential{background:var(--blue)}.map-event-dot.hazard{background:var(--red)}.map-event-dot i{width:4px;height:4px;border-radius:50%;background:#fff}.map-event-dot.overdue{box-shadow:0 0 0 3px #c2413a47,0 4px 12px #4d1e1a57}.map-event-dot.done{border-color:#ffffffe6;filter:saturate(.45);opacity:.72}.map-event-dot.fresh:before{content:"";position:absolute;inset:-5px;border:1px solid currentColor;border-radius:50%;opacity:0;animation:freshEvent 2.4s ease-out infinite}.map-event-cluster{display:grid;place-items:center;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:#18493ee6;color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 16px #15362f4d,inset 0 0 0 4px #ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:0;cursor:pointer}.map-event-card-overlay{position:absolute;z-index:900;top:14px;left:50%;width:min(480px,calc(100% - 58px));pointer-events:none;transform:translate(-50%)}.map-event-card-overlay:has(.map-event-card.expanded){width:min(780px,calc(100% - 76px))}.map-event-card{position:relative;display:grid;width:100%;height:300px;grid-template-rows:auto minmax(0,1fr) auto;overflow:visible;border:1px solid rgba(31,53,48,.15);border-radius:8px;background:#fffffffa;color:var(--text);box-shadow:0 18px 48px #14221f3d;pointer-events:auto}.map-event-card.expanded{height:560px}.map-event-card.expanded .map-event-card-edge-nav{top:30%}.map-event-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:42px;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:8px 9px 8px 12px}.map-event-card-labels{display:flex;min-width:0;align-items:center;flex-wrap:nowrap;gap:6px}.map-event-type,.map-event-status{border-radius:5px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}.map-event-type{min-width:0}.map-event-card-edge-nav{position:absolute;z-index:3;top:50%;display:grid;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(22,118,91,.34);border-radius:50%;background:#f9fcfbf5;box-shadow:0 7px 22px #14221f2e,inset 0 0 0 3px #16765b0f;color:#176b55;padding:0;cursor:pointer}.map-event-card-edge-nav.previous{left:0;transform:translate(-54%,-50%)}.map-event-card-edge-nav.next{right:0;transform:translate(54%,-50%)}.map-event-card-edge-nav:before{width:9px;height:9px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;content:""}.map-event-card-edge-nav.previous:before{transform:rotate(45deg) translate(1px,-1px)}.map-event-card-edge-nav.next:before{transform:rotate(225deg) translate(1px,-1px)}.map-event-card-edge-nav:hover{border-color:#16765b99;background:#fff;box-shadow:0 9px 24px #14221f3d,inset 0 0 0 4px #16765b17}.map-event-card-edge-nav:disabled{opacity:.38;cursor:default}.map-event-type.pothole{background:#b7791f1f;color:#8d5a17}.map-event-type.potential{background:#356ea91c;color:#2c639a}.map-event-type.hazard,.map-event-status.overdue{background:#c2413a1c;color:var(--red)}.map-event-status.unfinished{background:#65716f1c;color:#53605d}.map-event-status.done{background:#16765b1a;color:var(--green)}.map-event-card-close{width:26px;height:26px;flex:0 0 26px;border:0;border-radius:5px;background:transparent;color:var(--muted);padding:0;font-size:22px;line-height:1;cursor:pointer}.map-event-card-close:hover{background:var(--panel-soft);color:var(--text)}.map-event-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;min-height:0;overflow-y:auto;background:#fffffffa;padding:14px 18px}.map-event-card-details{min-width:0}.map-event-card-details h4{margin:0 0 8px;overflow:hidden;font-size:15px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.map-event-card-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:7px;margin-top:5px;font-size:11px;line-height:1.35}.map-event-card-row span{color:var(--muted)}.map-event-card-row strong{color:#34413e;font-weight:650;overflow-wrap:anywhere}.map-event-contact{display:flex;flex-wrap:wrap;gap:2px 6px}.map-event-contact span{color:#34413e}.map-event-contact a{margin-left:4px;color:var(--green);text-decoration:none}.map-event-card-image{width:164px;height:110px;align-self:start;border:1px solid var(--line);border-radius:6px;background:var(--panel-soft);object-fit:cover}.map-event-card.expanded .map-event-card-body{grid-template-columns:minmax(250px,.88fr) minmax(320px,1.12fr);grid-template-rows:minmax(190px,1fr) minmax(150px,auto);align-items:stretch;overflow:hidden}.map-event-card.expanded .map-event-card-details{grid-row:1 / 3;overflow-y:auto;padding-right:4px}.map-event-card.expanded .map-event-card-image,.map-event-card-image-empty{width:100%;height:100%;min-height:190px;border:1px solid var(--line);border-radius:7px;background:#eef2f1;object-fit:contain}.map-event-card-image-empty{display:grid;place-items:center;color:var(--muted);font-size:12px}.map-event-workorder{min-width:0;min-height:0;overflow-y:auto;border-top:1px solid var(--line);padding-top:10px}.map-event-workorder-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.map-event-workorder-head>div:first-child{display:grid;min-width:0;gap:2px}.map-event-workorder-head>div:first-child span{color:var(--muted);font-size:10px}.map-event-workorder-head>div:first-child strong{overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.map-event-workorder-badges{display:flex;flex:0 0 auto;align-items:center;gap:4px}.map-event-workorder-badges>span{padding:3px 6px;font-size:9px}.map-event-workorder .workorder-timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.map-event-workorder .workorder-timeline li{min-height:0;grid-template-columns:12px minmax(0,1fr);gap:5px}.map-event-workorder .workorder-timeline li:before{display:none}.map-event-workorder .workorder-timeline strong{font-size:10px}.map-event-workorder .workorder-timeline span{overflow-wrap:anywhere;font-size:9px}.map-event-card-action{position:relative;z-index:1;width:100%;min-height:36px;border:0;border-top:1px solid rgba(22,118,91,.14);border-radius:0 0 7px 7px;background:#16765b14;color:var(--green);font-size:12px;font-weight:750;cursor:pointer}.map-event-card-action:hover{background:#16765b24}@keyframes mapSpin{to{transform:rotate(360deg)}}@keyframes mapLoadingPulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes freshEvent{0%{opacity:.48;transform:scale(.86)}to{opacity:0;transform:scale(1.22)}}.weather-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.weather-days article{min-width:0;border:1px solid rgba(15,138,147,.14);border-radius:8px;background:#ffffff94;padding:10px}.weather-days span,.weather-days p{color:var(--muted);font-size:12px}.weather-days strong{margin-top:4px;font-size:14px}.weather-days p{margin-top:5px;line-height:1.4}.weather-warning{border-color:#c2413a3d!important;background:#c2413a14!important}.weather-warning strong{color:var(--red)}.region-pie-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;align-items:center}.pie-stage{position:relative;display:grid;place-items:center;width:200px;height:200px}.pie-back-btn{position:absolute;z-index:2;left:50%;top:58px;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:52px;height:24px;border:1px solid rgba(194,65,58,.32);border-radius:999px;background:#c2413a1f;color:var(--red);padding:0 12px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #161f1e1c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%)}.pie-back-btn:before{content:none}.pie-back-btn:hover{border-color:#c2413a80;background:#c2413a2e;box-shadow:0 10px 24px #c2413a26;transform:translate(-50%) translateY(-1px)}#regionPieChart{display:block;width:190px;height:190px}#regionPieChart text:first-of-type{fill:var(--muted);font-size:13px}#regionPieChart text:last-of-type{fill:var(--text);font-size:28px;font-weight:800}.pie-slice{cursor:pointer;opacity:.78;transition:opacity .16s ease,stroke-width .16s ease}.pie-slice:hover,.pie-slice.active{opacity:1;stroke-width:40}#regionPieChart.pie-drilling{transform-origin:50% 50%;animation:pieDrill .46s cubic-bezier(.22,1,.36,1)}.region-pie-legend.pie-drilling{animation:legendLift .42s cubic-bezier(.22,1,.36,1)}.region-pie-legend{display:grid;gap:7px;max-height:190px;overflow:auto;padding-right:2px}.region-pie-legend button{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc;color:var(--text);cursor:pointer;text-align:left}.region-pie-legend button.active{border-color:#16765b5c;background:#16765b14}.region-pie-legend button.empty-legend{display:flex;justify-content:center;cursor:default}.pie-tooltip{position:fixed;z-index:55;min-height:30px;max-width:280px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#182724f2;color:#f4f8f7;font-size:12px;line-height:1.35;pointer-events:none;box-shadow:0 12px 30px #0d16144d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pie-tooltip[hidden]{display:none}.region-pie-legend i{width:10px;height:10px;border-radius:999px}.region-pie-legend span{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.region-pie-legend strong{font-size:13px}.category-bars{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;width:100%;max-width:100%;height:200px;margin-top:0}.workorder-skin{position:relative;--severity-rgb: 53, 110, 169;--severity-shadow: rgba(53, 110, 169, .14);display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);grid-template-rows:18px minmax(0,1fr);align-items:center;gap:5px 10px;overflow:hidden;width:100%;height:100%;max-width:100%;border:1px solid rgba(var(--severity-rgb),.14);border-radius:8px;background:linear-gradient(135deg,rgba(var(--severity-rgb),.09),#ffffff38),#ffffff24;padding:6px 9px}.workorder-skin:before{content:"";position:absolute;inset:-70% -55%;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.2) 50%,transparent 66%);animation:skinSweep 7s linear infinite;opacity:.36;pointer-events:none}.workorder-skin.hazard{--severity-rgb: 194, 65, 58;--severity-shadow: rgba(194, 65, 58, .14)}.workorder-skin.potential{--severity-rgb: 183, 121, 31;--severity-shadow: rgba(183, 121, 31, .14)}.workorder-skin.pothole{--severity-rgb: 53, 110, 169;--severity-shadow: rgba(53, 110, 169, .14)}.skin-head{position:relative;z-index:1;display:flex;grid-row:1 / 3;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;margin-bottom:0;min-width:0}.skin-head span{font-size:13px;font-weight:700;line-height:1.25;color:var(--text)}.skin-head strong{color:var(--muted);font-size:12px}.skin-track{position:relative;z-index:1;display:flex;grid-column:2;height:14px;overflow:hidden;border:1px solid rgba(var(--severity-rgb),.12);border-radius:999px;background:rgba(var(--severity-rgb),.14);box-shadow:inset 0 1px 6px var(--severity-shadow)}.skin-track:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:segmentPulse 6.5s ease-in-out infinite;opacity:.32;pointer-events:none;mix-blend-mode:screen}.skin-segment{position:relative;min-width:2px;height:100%;transition:width .52s cubic-bezier(.22,1,.36,1);cursor:pointer}.skin-segment:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 54%,rgba(22,31,30,.08));opacity:.46;animation:none}.skin-segment:hover{filter:brightness(1.12) saturate(1.12)}.skin-segment.active{filter:brightness(1.18) saturate(1.18);box-shadow:inset 0 0 0 2px #ffffff6b}.skin-segment.done{background:linear-gradient(90deg,rgba(var(--severity-rgb),.94),rgba(var(--severity-rgb),.72))}.skin-segment.unfinished{background:linear-gradient(90deg,rgba(var(--severity-rgb),.5),rgba(var(--severity-rgb),.28))}.skin-segment.overdue{background:linear-gradient(90deg,rgba(var(--severity-rgb),.98),rgba(var(--severity-rgb),.56) 58%,#161f1e38);box-shadow:inset 0 0 0 1px rgba(var(--severity-rgb),.34);filter:saturate(1.2) contrast(1.06)}.skin-grid{position:relative;z-index:1;display:grid;grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:0}.skin-grid article{min-width:0;border:1px solid rgba(22,31,30,.08);border-radius:8px;background:#ffffff8f;padding:4px 6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.skin-grid article.done{border-color:#16765b29}.skin-grid article.unfinished{border-color:#b7791f33}.skin-grid article.overdue{border-color:#c2413a33}.skin-grid article.active{background:#ffffffdb;box-shadow:0 8px 22px #161f1e1c}.skin-grid span,.skin-grid em{display:block;color:var(--muted);font-size:10px;font-style:normal;line-height:1.1}.skin-grid strong{display:block;margin-top:2px;font-size:15px;line-height:1}.skin-grid article.done strong{color:var(--green)}.skin-grid article.unfinished strong{color:var(--amber)}.skin-grid article.overdue strong{color:var(--red)}.skin-grid em{margin-top:2px}@keyframes pieDrill{0%{opacity:.3;transform:scale(.92) rotate(-10deg);filter:saturate(.65)}60%{opacity:1;transform:scale(1.025) rotate(1deg);filter:saturate(1.1)}to{opacity:1;transform:scale(1) rotate(0);filter:saturate(1)}}@keyframes legendLift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes skinSweep{0%{transform:translate(-18%) rotate(.001deg)}to{transform:translate(18%) rotate(.001deg)}}@keyframes segmentPulse{0%,to{opacity:.12;transform:translate(-60%)}50%{opacity:.42;transform:translate(60%)}}@keyframes trackStripes{0%{background-position:0 0}to{background-position:34px 0}}.overview-secondary{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.device-panel,.events-panel{padding:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h3{font-size:16px}.risk-high{background:var(--red)}.risk-mid{background:var(--amber)}.risk-low{background:var(--blue)}.device-list{display:grid;gap:8px;max-height:246px;overflow:auto;padding-right:2px}.device-list.wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:none}.device-item{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfcfc}.device-item strong{display:block;font-size:14px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.device-badges{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.device-status{flex:0 0 auto;border-radius:999px;padding:4px 8px;font-size:12px;line-height:1}.device-status.online{background:#16765b1f;color:var(--green)}.device-status.unstable{background:#b7791f24;color:var(--amber)}.device-status.offline{background:#65716f24;color:var(--muted)}.device-status.fault{background:#c2413a1f;color:var(--red)}.device-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:var(--muted);font-size:12px}.device-detail{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.device-detail span:first-child{color:var(--text)}.device-assignment{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--muted);font-size:12px}.approval{border-radius:999px;padding:3px 8px;background:#65716f1f}.approval.authorized{color:var(--green);background:#16765b1f}.approval.rejected,.approval.disabled{color:var(--red);background:#c2413a1f}.device-manage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.device-field{display:grid;gap:5px;min-width:0}.device-field span{color:var(--muted);font-size:12px;line-height:1}.device-date-shell{width:100%;max-width:100%;min-width:0;height:38px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.device-manage select,.device-manage input{width:100%;max-width:none;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;color:var(--text);font-size:13px}.device-manage .device-date-shell input{display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;height:100%;min-height:0;border:0;border-radius:0;background:transparent}.device-date-shell:focus-within{border-color:#16765b73;box-shadow:0 0 0 3px #16765b1a}.device-manage .device-date-shell input:focus{box-shadow:none}.device-fault{display:inline-flex;grid-column:1 / -1;align-items:center;gap:8px;min-height:38px;border:1px solid rgba(194,65,58,.14);border-radius:8px;background:#c2413a0d;padding:0 10px;color:var(--text);font-size:13px}.device-manage .device-fault input{width:16px;height:16px;min-height:auto;accent-color:var(--red)}.device-fault span{min-width:0;line-height:1.25}.device-manage select:focus,.device-manage input:focus{border-color:#16765b73;box-shadow:0 0 0 3px #16765b1a;outline:none}.device-actions{display:flex;grid-column:1 / -1;gap:8px;flex-wrap:wrap}.device-contacts{display:grid;grid-column:1 / -1;gap:8px}.contact-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.contact-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}.stream-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stream-toolbar select{min-width:260px;max-width:none;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.stream-stage{position:relative;min-height:520px;overflow:hidden;border-radius:8px;background:#111817}.stream-stage.expanded{position:fixed;z-index:40;inset:18px;min-height:0;border-radius:8px;box-shadow:0 30px 90px #0000006b}.stream-expanded{overflow:hidden}.stream-stage video,.stream-stage img{display:none;width:100%;height:520px;object-fit:contain;background:#111817}.stream-stage.expanded video,.stream-stage.expanded img{height:100%}.stream-stage video.active,.stream-stage img.active{display:block}.stream-expand-btn{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border:1px solid rgba(247,251,249,.18);border-radius:8px;background:#111817b8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stream-expand-btn:before,.stream-expand-btn:after{content:"";position:absolute;width:13px;height:13px;border-color:#f7fbf9;border-style:solid}.stream-expand-btn:before{left:10px;top:10px;border-width:2px 0 0 2px}.stream-expand-btn:after{right:10px;bottom:10px;border-width:0 2px 2px 0}.stream-stage.expanded .stream-expand-btn:before{left:13px;top:13px;border-width:0 2px 2px 0}.stream-stage.expanded .stream-expand-btn:after{right:13px;bottom:13px;border-width:2px 0 0 2px}.stream-expand-btn:hover{background:#1e2a28e0}.stream-live-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:#111817c2;color:#f7fbf9;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stream-live-badge span{width:8px;height:8px;border-radius:999px;background:#ff4d4f;box-shadow:0 0 0 4px #ff4d4f2e}.stream-empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#dce7e3;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 36%),radial-gradient(circle at 50% 38%,rgba(89,168,139,.18),transparent 34%),#111817}.stream-empty[hidden]{display:none}.stream-empty-card{display:grid;justify-items:center;gap:9px;min-width:min(360px,100%);padding:28px 32px;border:1px solid rgba(220,231,227,.14);border-radius:8px;background:#11181794;box-shadow:0 24px 70px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stream-empty-icon{position:relative;width:58px;height:58px;border-radius:999px;background:#3d8b68;box-shadow:0 0 0 8px #3d8b6829}.stream-empty-icon:before{content:"";position:absolute;left:23px;top:18px;border-left:17px solid white;border-top:11px solid transparent;border-bottom:11px solid transparent}.stream-empty-card strong{font-size:18px;line-height:1.25}.stream-empty-card span{color:#aebbb8;font-size:13px}.events-panel{margin-top:14px}.overview-latest .table-wrap{min-height:0;max-height:none}.overview-latest th,.overview-latest td{padding-top:8px;padding-bottom:8px}.event-pagination{display:flex;min-height:42px;align-items:center;justify-content:center;gap:12px;border-top:1px solid var(--line);padding-top:8px}.event-pagination button{display:inline-grid;width:32px;height:30px;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);cursor:pointer}.event-pagination button:disabled{color:#aeb8b5;cursor:default;opacity:.55}.event-pagination span{min-width:86px;color:var(--muted);font-size:12px;text-align:center}.workorder-pagination{margin-top:10px}.workorder-pagination span{min-width:190px}.events-panel.standalone,.device-panel.standalone{margin-top:0}.overview-latest[hidden]{display:none}.workorder-workbench{min-width:0}.workorder-policy{margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8faf9}.workorder-policy>header,.workorder-policy>footer{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}.workorder-policy>header h4,.workorder-policy>header p{margin:0}.workorder-policy>header h4{font-size:14px}.workorder-policy>header p{margin-top:3px;color:var(--muted);font-size:11px}.policy-message,.policy-error{font-size:12px;font-weight:700}.policy-message{color:var(--green)}.policy-error{color:var(--red)}.policy-loading{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 12px;color:var(--muted);font-size:12px}.policy-grid{border-top:1px solid var(--line)}.policy-row{display:grid;grid-template-columns:minmax(230px,1.7fr) repeat(2,minmax(190px,1fr));align-items:center;gap:14px;min-height:60px;border-bottom:1px solid var(--line);padding:8px 12px}.policy-row:last-child{border-bottom:0}.policy-type{display:flex;min-width:0;align-items:center;gap:8px}.policy-type strong{min-width:0;font-size:12px;line-height:1.35}.policy-type>span{flex:0 0 auto;border-radius:999px;background:#16765b1c;padding:4px 7px;color:var(--green);font-size:10px;white-space:nowrap}.policy-type>span.manual{background:#356ea91a;color:var(--blue)}.policy-row>label{display:grid;min-width:0;gap:4px}.policy-row>label>span{color:var(--muted);font-size:10px}.policy-row>label>div{display:grid;height:34px;grid-template-columns:minmax(54px,1fr) 70px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff}.policy-row input,.policy-row select{width:100%;min-width:0;max-width:none;border:0;background:transparent;padding:0 8px;color:var(--text);font-size:12px;outline:0}.policy-row select{border-left:1px solid var(--line);padding-right:4px}.workorder-policy>footer{justify-content:flex-end}.policy-save{display:inline-flex;align-items:center;gap:6px}.policy-save:disabled{cursor:default;opacity:.55}.workorder-queue{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:14px 0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#f8faf9}.workorder-queue-item{position:relative;display:flex;min-width:0;min-height:74px;align-items:center;justify-content:space-between;gap:8px;border:0;border-right:1px solid var(--line);background:transparent;padding:12px 14px;color:var(--text);cursor:pointer}.workorder-queue-item:last-child{border-right:0}.workorder-queue-item:before{position:absolute;right:12px;bottom:0;left:12px;height:3px;border-radius:3px 3px 0 0;background:var(--muted);content:"";opacity:.22}.workorder-queue-item.pending_dispatch:before,.workorder-queue-item.overdue:before{background:var(--red)}.workorder-queue-item.pending_accept:before{background:var(--amber)}.workorder-queue-item.processing:before{background:var(--blue)}.workorder-queue-item.pending_review:before{background:var(--teal)}.workorder-queue-item.completed:before{background:var(--green)}.workorder-queue-item:hover,.workorder-queue-item.active{background:#fff}.workorder-queue-item.active:before{height:4px;opacity:1}.workorder-queue-item span{color:var(--muted);font-size:12px;white-space:nowrap}.workorder-queue-item strong{font-size:24px;line-height:1}.workorder-filters{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(4,minmax(150px,.85fr)) auto auto;align-items:end;gap:8px;margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc}.workorder-filters label:not(.workorder-overdue-field){display:grid;min-width:0;gap:5px}.workorder-filters label>span{color:var(--muted);font-size:11px}.workorder-filters input[type=search],.workorder-filters select{width:100%;min-width:0;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;color:var(--text);font-size:12px}.workorder-filters input:focus,.workorder-filters select:focus{border-color:#16765b73;box-shadow:0 0 0 3px #16765b1a;outline:none}.workorder-overdue-field{display:inline-flex;height:38px;align-items:center;gap:7px;border:1px solid rgba(194,65,58,.18);border-radius:8px;background:#c2413a0d;padding:0 10px;white-space:nowrap}.workorder-overdue-field input{width:15px;height:15px;margin:0;accent-color:var(--red)}.workorder-batch-toolbar{display:flex;min-height:48px;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px;border:1px solid rgba(22,118,91,.16);border-radius:8px;background:#16765b09;padding:8px 10px}.workorder-batch-page-select{display:none;align-items:center;gap:6px}.workorder-batch-toolbar input[type=checkbox],.workorder-table input[type=checkbox],.workorder-mobile-select input{width:16px;height:16px;margin:0;accent-color:var(--green)}.workorder-batch-hint{margin:0;color:var(--muted);font-size:12px}.workorder-batch-selection{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:7px}.workorder-batch-selection>strong{font-size:13px;white-space:nowrap}.workorder-batch-selection .badge{min-height:24px;max-width:260px}.workorder-batch-actions,.workorder-batch-confirm{display:flex;min-width:0;align-items:center;gap:7px;margin-left:auto}.workorder-batch-actions>button,.workorder-batch-confirm>button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.workorder-batch-actions>.danger{border:1px solid rgba(194,65,58,.28);border-radius:8px;background:#c2413a12;color:var(--red);padding:0 11px;cursor:pointer}.workorder-batch-actions>.icon-button{width:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);padding:0;cursor:pointer}.workorder-batch-actions>span,.workorder-batch-confirm>strong{color:var(--muted);font-size:12px}.workorder-batch-confirm input[type=text]{width:min(280px,28vw);height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 9px;color:var(--text);font-size:12px}.workorder-batch-message,.workorder-batch-error{flex:1 0 100%;font-size:11px}.workorder-batch-message{color:var(--green)}.workorder-batch-error{color:var(--red)}.workorder-table{width:100%;min-width:0;table-layout:fixed}.workorder-table col.workorder-col-select{width:3%}.workorder-table col.workorder-col-priority{width:5%}.workorder-table col.workorder-col-id{width:10%}.workorder-table col.workorder-col-type{width:13%}.workorder-table col.workorder-col-region{width:8%}.workorder-table col.workorder-col-route{width:11%}.workorder-table col.workorder-col-company{width:9%}.workorder-table col.workorder-col-contact{width:8.5%}.workorder-table col.workorder-col-status{width:8%}.workorder-table col.workorder-col-deadline{width:10%}.workorder-table col.workorder-col-time{width:9%}.workorder-table col.workorder-col-action{width:8.5%}.workorder-table th,.workorder-table td{padding:10px 6px;overflow-wrap:anywhere;font-size:12px}.workorder-table th:first-child,.workorder-table td:first-child{text-align:center}.workorder-table .badge{min-height:0;max-width:100%;border-radius:6px;padding:5px 7px;line-height:1.35;white-space:normal}.workorder-table .order-id{display:block;font-size:11px;line-height:1.35;white-space:normal}.workorder-route-point{display:block;line-height:1.45}.workorder-table .workorder-status-group{flex-wrap:wrap}.workorder-table .order-action{width:100%;min-width:0;padding:0 5px;font-size:11px}.workorder-row.overdue{background:#c2413a06}.workorder-row.selected{background:#16765b13;box-shadow:inset 3px 0 0 var(--green)}.workorder-row.incompatible input[type=checkbox]{opacity:.35}.workorder-priority{display:inline-flex;min-width:42px;min-height:24px;align-items:center;justify-content:center;border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;white-space:nowrap}.workorder-priority.urgent{background:#c2413a21;color:var(--red)}.workorder-priority.high{background:#b7791f24;color:#936016}.workorder-priority.routine{background:#356ea91f;color:var(--blue)}.workorder-status-group{display:flex;align-items:center;gap:5px;white-space:nowrap}.workorder-status,.workorder-overdue-badge{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;padding:0 8px;font-size:11px}.workorder-status.pending_dispatch,.workorder-status.rejected{background:#c2413a1c;color:var(--red)}.workorder-status.pending_accept{background:#b7791f1f;color:#936016}.workorder-status.processing{background:#356ea91c;color:var(--blue)}.workorder-status.pending_review{background:#0f8a931c;color:var(--teal)}.workorder-status.completed{background:#16765b1c;color:var(--green)}.workorder-status.cancelled{background:#65716f1c;color:var(--muted)}.workorder-overdue-badge{background:var(--red);color:#fff}.workorder-deadline{display:grid;gap:3px;white-space:nowrap}.workorder-deadline strong{font-size:12px;font-weight:700}.workorder-deadline span{color:var(--muted);font-size:10px}.workorder-deadline.overdue strong{color:var(--red)}.workorder-mobile-list{display:none}body.workorder-drawer-open{overflow:hidden}.workorder-drawer{position:fixed;z-index:120;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px 18px 0}.workorder-drawer[hidden]{display:none}.workorder-drawer-backdrop{position:absolute;inset:0;border:0;background:#0c141375;cursor:default}.workorder-drawer aside{position:relative;display:grid;width:min(1280px,100%);height:min(760px,calc(100dvh - 44px));max-height:88dvh;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 -18px 52px #0b151333;animation:workorder-drawer-in .2s ease-out}@keyframes workorder-drawer-in{0%{transform:translateY(28px);opacity:.72}to{transform:translateY(0);opacity:1}}.workorder-drawer-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:16px 18px}.workorder-head-title>span,.workorder-head-event>span{color:var(--muted);font-size:11px}.workorder-drawer-head h3{margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px}.workorder-head-title{min-width:180px}.workorder-head-event{display:grid;min-width:0;grid-template-columns:auto minmax(0,auto) minmax(0,1fr);align-items:center;gap:8px 12px}.workorder-head-event .workorder-detail-badges{flex-wrap:nowrap}.workorder-head-event>strong,.workorder-head-event>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workorder-head-event>strong{font-size:14px}.workorder-close-btn{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.workorder-drawer-body{min-height:0;overflow:hidden}.workorder-detail-section{min-width:0;min-height:0;padding:16px;border-right:1px solid var(--line)}.workorder-detail-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.workorder-detail-section>h4{margin:0 0 13px;font-size:14px}.workorder-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;margin:0}.workorder-detail-grid div{min-width:0}.workorder-detail-grid dt{color:var(--muted);font-size:11px}.workorder-detail-grid dd{margin:4px 0 0;overflow-wrap:anywhere;font-size:13px;font-weight:600}.workorder-detail-grid dd.danger{color:var(--red)}.workorder-detail-layout{display:grid;height:100%;min-height:0;grid-template-columns:minmax(270px,.78fr) minmax(380px,1.5fr) minmax(250px,.7fr)}.workorder-detail-wide,.workorder-contact-detail{grid-column:1 / -1}.workorder-contact-detail dd{display:flex;flex-wrap:wrap;gap:6px 12px}.workorder-contact-detail dd>span,.workorder-contact-detail a{display:inline-flex;align-items:center;gap:4px}.workorder-contact-detail a{color:var(--green);text-decoration:none}.workorder-timeline-section{overflow-y:auto;border-right:0}.workorder-image-section{display:grid;grid-template-rows:auto minmax(0,1fr);background:#f8faf9}.workorder-evidence{display:block;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#eef2f1;padding:0;min-height:0;cursor:zoom-in}.workorder-evidence img{display:block;width:100%;height:100%;object-fit:contain}.workorder-evidence-empty{display:grid;min-height:180px;place-items:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13px}.workorder-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.workorder-timeline li{position:relative;display:grid;min-height:54px;grid-template-columns:18px 1fr;gap:10px}.workorder-timeline li:before{position:absolute;top:15px;bottom:-2px;left:5px;width:1px;background:var(--line);content:""}.workorder-timeline li:last-child:before{display:none}.workorder-timeline i{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border:2px solid #b9c4c1;border-radius:50%;background:#fff}.workorder-timeline li.complete i{border-color:var(--green);background:var(--green)}.workorder-timeline li.current i{border-color:var(--blue);box-shadow:0 0 0 4px #356ea91c}.workorder-timeline div{display:grid;gap:3px}.workorder-timeline strong{font-size:13px}.workorder-timeline span{color:var(--muted);font-size:11px}.workorder-drawer-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);background:#fff;padding:12px 18px}.workorder-drawer-actions button{min-width:100px}.table-wrap{overflow:auto}table{width:100%;min-width:1320px;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:13px}th{color:var(--muted);font-weight:600;white-space:nowrap}td{color:#26312f}.badge{display:inline-flex;align-items:center;min-height:24px;max-width:240px;border-radius:999px;padding:0 10px;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge.hazard{background:var(--red)}.badge.potential{background:var(--amber)}.badge.pothole{background:var(--blue)}.image-btn,.map-btn,.order-action{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green);min-height:30px;padding:0 10px;cursor:pointer;white-space:nowrap}.order-action{min-width:76px}.map-btn{color:var(--blue)}.order-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;white-space:nowrap}.order-status{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;font-size:12px;white-space:nowrap}.order-status.done{background:#16765b1f;color:var(--green)}.order-status.overdue{background:#c2413a1f;color:var(--red)}.inline-filter{min-width:220px}.empty{color:var(--muted);padding:18px;text-align:center}.preview{position:fixed;inset:0;display:grid;place-items:center;z-index:2400;padding:24px;background:#0e1312b8}.preview-open{overflow:hidden}.preview[hidden]{display:none}.preview img{max-width:min(1100px,96vw);max-height:88vh;border-radius:8px;background:#fff;box-shadow:0 24px 70px #00000059}.hover-preview{position:fixed;z-index:50;left:50%;top:50%;width:min(760px,54vw);height:min(520px,72vh);transform:translate(-50%,-50%);pointer-events:none}.hover-preview[hidden]{display:none}.hover-preview img{width:100%;height:100%;object-fit:contain;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:#111817;box-shadow:0 18px 56px #00000052}.map-preview{position:fixed;z-index:45;inset:0;display:grid;place-items:center;padding:24px;background:#0e13128f}.map-preview[hidden]{display:none}.map-preview>section{position:relative;width:min(980px,94vw);border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px;box-shadow:0 24px 70px #00000047}#eventMapContainer{height:min(620px,70vh);overflow:hidden;border-radius:8px;background:var(--panel-soft)}.map-point-summary{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px 18px;margin:0 0 10px;padding:9px 2px;border-top:1px solid var(--line)}.map-point-summary p{display:flex;min-width:0;gap:8px;margin:0;font-size:12px}.map-point-summary span{flex:0 0 auto;color:var(--muted)}.map-point-summary strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.map-inline-error{position:absolute;left:50%;bottom:28px;z-index:3;margin:0;border:1px solid rgba(194,65,58,.2);border-radius:6px;background:#ffffffeb;color:var(--red);padding:7px 10px;font-size:12px;transform:translate(-50%)}.map-unavailable{display:grid;place-items:center;height:100%;color:var(--muted)}.preview>button{position:fixed;z-index:2401;top:18px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;cursor:pointer}.preview>button svg{display:block;margin:auto}.map-event-image-hover-preview{position:fixed;z-index:2200;inset:0;display:grid;place-items:center;padding:36px;background:#0c14132e;pointer-events:none}.map-event-image-hover-preview img{width:min(980px,72vw);height:min(720px,78vh);border:1px solid rgba(255,255,255,.78);border-radius:8px;background:#101716;object-fit:contain;box-shadow:0 24px 72px #08100e61}@media(max-width:1320px){.workorder-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.workorder-search-field{grid-column:span 2}}@media(max-width:1180px){.shell{grid-template-columns:1fr}.sidebar{position:relative;display:grid;grid-template-columns:1fr}.nav{grid-template-columns:repeat(var(--nav-count, 5),minmax(0,1fr));overflow:visible;gap:2px;padding-bottom:2px}.nav-item{min-width:0;padding:0 4px;font-size:13px;text-align:center}.overview-analytics,.analytics-layout,.overview-secondary,.evaluation-cards,.device-filter-strip{grid-template-columns:1fr}.region-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.evaluation-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workorder-queue{grid-template-columns:repeat(3,minmax(0,1fr))}.workorder-queue-item:nth-child(3){border-right:0}.workorder-queue-item:nth-child(-n+3){border-bottom:1px solid var(--line)}.sidebar-account{position:absolute;top:18px;right:18px;display:flex;margin:0;border:0;padding:0}.sidebar-account>div,.sidebar-account>button span{display:none}.sidebar-account>button{width:34px;height:34px;min-height:34px;justify-content:center;padding:0}.user-management-grid{grid-template-columns:minmax(0,1fr)}}@media(min-width:900px)and (max-width:1180px){.analytics-layout,.section-head.analytics-summary-head{grid-template-columns:minmax(330px,.9fr) minmax(400px,1.1fr)}}@media(max-width:899px){.section-head.analytics-summary-head{grid-template-columns:minmax(0,1fr);gap:6px}.analytics-summary-right{justify-content:flex-end}.analytics-desktop-workorder-title{display:none}.section-head.analytics-mobile-workorder-title{display:flex}}@media(max-width:720px){.sidebar{gap:8px;padding:10px 14px 9px}.brand{width:calc(100% - 84px);height:30px;min-height:30px}.nav-item{min-height:34px}.sidebar-account{top:8px;right:14px}.login-screen:before{background:#0d231d7a}.login-screen{background-image:url(/brand/login-road-960.webp);background-position:58% center}.login-panel{width:calc(100vw - 28px);min-height:382px;padding:20px}.login-mode button{min-width:0;font-size:12px}.login-footer{padding:14px 20px}.user-create-panel,.user-list-panel{padding:14px}.user-password-row,.user-region-row{grid-template-columns:minmax(0,1fr)}.user-account-list article{grid-template-columns:auto minmax(0,1fr)}.user-account-list article>button{grid-column:1 / -1;width:100%;justify-content:center}.main{padding:10px 14px 14px}.topbar{margin-bottom:12px}.topbar h2{font-size:22px}.topbar p{margin-top:2px}.child-frontend-list{grid-template-columns:minmax(0,1fr)}.topbar,.section-head,.toolbar{align-items:stretch;flex-direction:column}.road-map-panel{padding:12px}.road-map-head{flex-direction:row;align-items:center}.road-map-head>div:first-child{min-width:0}.road-map-head p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.road-time-control{height:32px}.road-time-control button{min-width:54px;padding:0 7px;font-size:11px}.road-map-stage{height:500px;min-height:500px}.road-route-summary{left:8px;top:8px;width:min(272px,calc(100% - 16px));padding:7px 8px 8px}.road-route-summary-body section{padding-top:5px}.road-route-summary-body section+section{margin-top:4px}.road-route-lines{gap:3px;margin-top:4px}.road-route-lines span{min-height:17px;padding:1px 4px;font-size:8px}.map-event-card{height:330px}.map-event-card-overlay{top:12px;width:min(300px,calc(100% - 34px))}.map-event-card-overlay:has(.map-event-card.expanded){top:8px;width:min(312px,calc(100% - 24px))}.map-event-card.expanded{height:476px}.map-event-card-body{gap:9px;padding:11px 14px}.map-event-card-image{width:108px;height:78px}.map-event-card.expanded .map-event-card-body{display:flex;flex-direction:column;overflow-y:auto}.map-event-card.expanded .map-event-card-details{order:-2;overflow:visible;padding-right:0}.map-event-card.expanded .map-event-card-image,.map-event-card.expanded .map-event-card-image-empty{width:100%;height:158px;min-height:158px;order:-3}.map-event-card.expanded .map-event-workorder{order:-1;overflow:visible}.map-event-card.expanded .map-event-workorder .workorder-timeline{grid-template-columns:minmax(0,1fr);gap:0}.map-event-card.expanded .map-event-workorder .workorder-timeline li{min-height:40px;grid-template-columns:18px minmax(0,1fr);gap:8px}.map-event-card.expanded .map-event-workorder .workorder-timeline li:before{display:block}.map-event-card-head{align-items:start;gap:5px;padding-left:9px}.map-event-card-labels{align-items:flex-start}.map-event-type,.map-event-status{font-size:10px}.map-event-card-edge-nav{width:38px;height:38px}.map-event-card-edge-nav.previous{transform:translate(-38%,-50%)}.map-event-card-edge-nav.next{transform:translate(38%,-50%)}.map-event-card.expanded .map-event-card-edge-nav.previous{transform:translate(-28%,-50%)}.map-event-card.expanded .map-event-card-edge-nav.next{transform:translate(28%,-50%)}.map-event-card-close{width:34px;height:34px;flex-basis:34px}.map-point-summary{grid-template-columns:minmax(0,1fr);gap:5px}.weather-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:10px 6px}.weather-strip>.weather-metric,.weather-strip>.weather-canvas+.weather-metric{min-width:0;padding-right:4px;padding-left:4px;padding-bottom:0;border-right:1px solid rgba(237,244,242,.12);border-bottom:0}.weather-strip>.weather-metric:last-child{min-width:0;padding-right:0;padding-bottom:0;border-right:0;border-bottom:0}.weather-strip span{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.weather-strip strong{margin-top:5px;font-size:12px}.region-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.region-strip label{font-size:10px}.region-strip select{height:34px;padding:0 6px;font-size:12px}.region-pie-wrap{grid-template-columns:minmax(128px,38vw) minmax(0,1fr);gap:8px;align-items:center;justify-items:stretch}.pie-stage{width:min(150px,38vw);height:min(150px,38vw)}#regionPieChart{width:100%;height:100%}#regionPieChart text:first-of-type{font-size:12px}#regionPieChart text:last-of-type{font-size:24px}.pie-back-btn{top:46px;min-width:46px;height:22px;padding:0 10px;font-size:10px}.region-pie-legend{max-height:min(150px,38vw);gap:5px}.region-pie-legend button{min-height:28px;gap:6px;padding:0 7px}.region-pie-legend span,.region-pie-legend strong{font-size:12px}.workorder-workbench{padding:12px}.workorder-policy>header,.workorder-policy>footer{min-height:44px;padding-right:8px;padding-left:8px}.policy-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:96px;padding:8px}.policy-type{grid-column:1 / -1;justify-content:space-between}.policy-type strong{font-size:11px}.policy-row>label>div{grid-template-columns:minmax(44px,1fr) 58px}.policy-row input,.policy-row select{padding-right:5px;padding-left:5px;font-size:11px}.workorder-queue-item{min-height:62px;padding:10px}.workorder-queue-item span{font-size:10px}.workorder-queue-item strong{font-size:20px}.workorder-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.workorder-search-field{grid-column:1 / -1}.workorder-overdue-field,#clearWorkorderFilters{width:100%}.workorder-batch-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;padding:9px}.workorder-batch-page-select{display:flex;min-height:28px;color:var(--muted);font-size:12px}.workorder-batch-selection{gap:5px}.workorder-batch-selection .badge{max-width:100%;font-size:10px}.workorder-batch-actions,.workorder-batch-confirm{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0}.workorder-batch-actions>.icon-button{width:100%}.workorder-batch-actions>span,.workorder-batch-confirm>strong,.workorder-batch-confirm input[type=text]{grid-column:1 / -1}.workorder-batch-confirm input[type=text]{width:100%}.workorder-batch-message,.workorder-batch-error{grid-column:1 / -1}.workorder-table-wrap{display:none}.workorder-mobile-list{display:grid;gap:8px}.workorder-mobile-item{display:grid;gap:9px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;background:#fff;padding:11px}.workorder-mobile-item.overdue{border-left-color:var(--red);background:#c2413a05}.workorder-mobile-item.selected{border-color:#16765b73;border-left-color:var(--green);background:#16765b0b}.workorder-mobile-select{display:inline-flex;width:fit-content;min-height:24px;align-items:center;gap:6px;color:var(--muted);font-size:11px}.workorder-mobile-item.incompatible .workorder-mobile-select{opacity:.45}.workorder-mobile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px}.workorder-mobile-head .order-id{overflow:hidden;text-overflow:ellipsis}.workorder-mobile-head .workorder-overdue-badge{display:none}.workorder-mobile-type{font-size:13px;line-height:1.35}.workorder-mobile-item p{margin:0;color:var(--muted);font-size:11px}.workorder-mobile-foot{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.workorder-mobile-foot .workorder-deadline{overflow:hidden;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.workorder-drawer aside{height:min(90dvh,780px);max-height:90dvh;width:100%;border-radius:8px 8px 0 0}.workorder-drawer{padding:0}.workorder-drawer-head{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:10px 12px}.workorder-head-title{min-width:0}.workorder-head-event{grid-column:1 / -1;grid-row:2;grid-template-columns:auto minmax(0,1fr);gap:6px 8px}.workorder-head-event>span{display:none}.workorder-close-btn{grid-column:2;grid-row:1}.workorder-detail-layout{display:flex;flex-direction:column;height:auto}.workorder-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workorder-drawer-body{overflow-y:auto}.workorder-detail-section{padding:13px;border-right:0;border-bottom:1px solid var(--line)}.workorder-image-section{display:block;order:-1}.workorder-evidence{aspect-ratio:16 / 9}.workorder-drawer-actions button{flex:1}.workorder-drawer-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.category-bars{height:auto;width:100%}.overview-latest .table-wrap{min-height:0;max-height:none}.workorder-skin{display:block;width:100%;height:auto}.skin-head,.skin-track,.skin-grid{margin-top:8px}.skin-grid article{padding:4px}.skin-grid span,.skin-grid em{font-size:10px;white-space:nowrap}.skin-grid strong{font-size:14px}.skin-head{flex-direction:row;justify-content:space-between;margin-top:0}.analytics-block-head{align-items:center;flex-direction:row}.evaluation-controls{width:100%;justify-content:space-between}.evaluation-controls .select-wrap{flex:1;justify-content:space-between}.evaluation-desktop-table{display:none}.evaluation-mobile-list{display:grid}.evaluation-mobile-item{display:grid;gap:10px;border-top:1px solid var(--line);padding:12px 0}.evaluation-mobile-item>header{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px}.evaluation-mobile-item>header div,.evaluation-mobile-item>header strong,.evaluation-mobile-item>header small{min-width:0}.evaluation-mobile-item>header strong,.evaluation-mobile-item>header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evaluation-mobile-item>header strong{font-size:13px}.evaluation-mobile-item>header small,.evaluation-mobile-item footer,.evaluation-mobile-item dd small{color:var(--muted);font-size:10px}.evaluation-rank{color:var(--muted);font-size:12px;text-align:center}.evaluation-mobile-item dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:6px}.evaluation-mobile-item dl>div{min-width:0;padding:8px 5px;text-align:center}.evaluation-mobile-item dl>div+div{border-left:1px solid var(--line)}.evaluation-mobile-item dt{color:var(--muted);font-size:9px;white-space:nowrap}.evaluation-mobile-item dd{margin:4px 0 0;font-size:13px;font-weight:750}.evaluation-mobile-item dd small{display:block;margin-top:2px;white-space:nowrap}.evaluation-mobile-item footer{display:flex;align-items:center;justify-content:space-between}.evaluation-mobile-item footer strong{color:var(--text);font-size:11px}.device-manage{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.device-manage>.device-field,.device-manage>.device-fault,.device-manage>.device-contacts,.device-manage>.device-actions{grid-column:1 / -1}.device-manage input[type=date]{display:block;width:100%;max-width:100%;min-width:0}.device-date-field,.device-date-shell{width:100%;max-width:100%;min-width:0}.device-date-field{gap:4px}.device-date-shell{height:34px}.weather-days{grid-template-columns:1fr}.stream-stage,.stream-stage video,.stream-stage img{height:300px;min-height:300px}.stream-toolbar{align-items:stretch;flex-direction:column}.stream-toolbar select,.stream-toolbar button{width:100%;white-space:nowrap}.preview{padding:14px}.preview img{max-width:96vw;max-height:82vh}#closePreview{top:12px;right:12px;width:46px;height:46px;box-shadow:0 12px 28px #00000047}#closePreview:before,#closePreview:after{left:12px;top:22px;width:22px}}.data-state{margin:10px 0;padding:10px 12px;color:#526861;background:#f1f6f3;border-radius:8px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.data-state.error{color:#9d2b2b;background:#fff0ed;border:1px solid #f1c5bc}.data-state button{margin-left:10px;padding:3px 8px;border:1px solid currentColor;border-radius:5px;background:transparent;color:inherit;cursor:pointer}.workorder-head-title h3,.workorder-mobile-head .order-id{overflow-wrap:anywhere;word-break:break-all;min-width:0}.workorder-table .order-id{display:block;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-event-dot.cancelled{background:#9ca3af}.map-event-status.cancelled{color:#555;background:#eee}