@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.1zrieox9119mb.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2whpih27xg_2r.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.1xlj4-0oa5zql.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1fxkn-ggzj93z.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.1ahvy37o8m5gt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.2ktx6yqc-sbf1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0rpdhg_4ubdtf.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#0f1a2e;--ink-2:#334155;--muted:#6b7a90;--faint:#9aa7b8;--line:#e7ecf3;--line-2:#f1f4f9;--panel:#fff;--bg:#e8eef5;--blue:#2f6bff;--blue-soft:#eaf1ff;--indigo:#5b5bf0;--indigo-soft:#eeeefe;--green:#16a34a;--green-soft:#e7f8ee;--amber:#d97706;--amber-soft:#fff4e2;--red:#dc2626;--red-soft:#fdecec;--grey-soft:#f1f4f8;--radius:18px;--shadow:0 1px 2px #0f1a2e0a, 0 10px 32px -14px #0f1a2e38;--gap:16px;--side-w:356px;--tl-w:clamp(430px, 36vw, 560px);--font:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01", "tnum";margin:0;font-size:13px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}small{color:var(--muted);font-size:11px}.muted{color:var(--muted)}.small{font-size:12px}.txt-green{color:var(--green)}.txt-amber{color:var(--amber)}.txt-red{color:var(--red)}.txt-muted{color:var(--faint)}.boot{height:100vh;color:var(--muted);font-family:var(--font);place-content:center;justify-items:center;gap:14px;display:grid}.app{position:fixed;inset:0}.viewport{position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e7ecf3e6}.topbar{top:var(--gap);left:var(--gap);right:var(--gap);z-index:30;align-items:center;gap:14px;height:60px;padding:0 12px 0 14px;display:flex;position:absolute}.brand{align-items:center;gap:10px;padding-right:8px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#4f86ff,#1f56e8);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 14px -6px #2f6bffb3,inset 0 1px #ffffff59}.brand-name{letter-spacing:-.02em;font-size:17px;font-weight:500}.brand-name b{color:var(--blue);font-weight:750}.topbar-spacer{flex:1}.search{background:var(--line-2);border:1px solid #0000;border-radius:12px;align-items:center;width:min(360px,28vw);height:38px;transition:border-color .15s,background .15s;display:flex;position:relative}.search:focus-within{background:#fff;border-color:#c9d8ff;box-shadow:0 0 0 4px #2f6bff14}.search-ico{color:var(--faint);position:absolute;left:12px}.search input{height:100%;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0 8px 0 36px}.search input::placeholder{color:var(--faint)}.search kbd{font:600 10px var(--font);color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:6px;margin-right:8px;padding:2px 6px}.dropdown{position:relative}.site-btn{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;height:42px;padding:0 10px 0 6px;transition:background .15s;display:flex}.site-btn:hover{background:var(--line-2)}.site-ico{background:var(--blue-soft);width:30px;height:30px;color:var(--blue);border-radius:9px;place-items:center;display:grid}.site-txt{flex-direction:column;line-height:1.2;display:flex}.site-txt b{white-space:nowrap;font-weight:650}.rot{transform:rotate(180deg)}.menu{border:1px solid var(--line);z-index:50;background:#fff;border-radius:16px;padding:8px;animation:.14s ease-out pop;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px -18px #0f1a2e59,0 2px 6px #0f1a2e0f}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.menu-title{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:6px 8px 8px;font-size:11px;font-weight:600}.menu-sites{width:380px}.menu-site{border-radius:11px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.menu-site:hover,.menu-site.is-active{background:var(--line-2)}.menu-site-main{flex-direction:column;flex:1;display:flex}.menu-site-main b{font-weight:600}.menu-site-stats{flex-direction:column;align-items:flex-end;display:flex}.menu-check{color:var(--blue)}.menu-search{width:100%;min-width:300px;left:0;right:auto}.menu-hit{border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.menu-hit span:last-child{flex-direction:column;display:flex}.menu-hit b{font-weight:600}.menu-hit.is-cursor{background:var(--blue-soft)}.hit-ico{background:var(--line-2);width:28px;height:28px;color:var(--ink-2);border-radius:8px;place-items:center;display:grid}.menu-empty{color:var(--muted);padding:12px}.live{background:var(--line-2);border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.6s infinite ping;display:inline-block;box-shadow:0 0 #ef444499}@keyframes ping{70%{box-shadow:0 0 0 7px #ef444400}to{box-shadow:0 0 #ef444400}}.live-tag{text-transform:uppercase;letter-spacing:.08em;color:#ef4444;font-size:11px;font-weight:700}.live-time{font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.live-date{color:var(--muted);font-size:12px}.icon-btn{border:1px solid var(--line);width:42px;height:42px;color:var(--ink-2);border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--line-2)}.badge-count{background:var(--blue);color:#fff;border:2px solid #fff;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.menu-notes{width:380px;padding:0;overflow:hidden}.menu-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px 10px;font-weight:650;display:flex}.menu-head button{color:var(--blue);font-size:12px;font-weight:550}.notes-list{max-height:420px;padding:6px;overflow:auto}.note{border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:10px;display:flex}.note:hover{background:var(--line-2)}.note .dot{margin-top:5px}.note-main{color:var(--ink-2);flex-direction:column;gap:2px;display:flex}.note.is-unread .note-main>span{color:var(--ink);font-weight:550}.user{align-items:center;gap:9px;padding-left:6px;display:flex}.avatar{color:#fff;width:36px;height:36px;box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--line);background:linear-gradient(145deg,#7aa2ff,#4c6fe0);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.user-txt{flex-direction:column;line-height:1.2;display:flex}.user-txt b{font-weight:600}.kpis{top:calc(var(--gap) + 60px + 14px);left:var(--gap);z-index:10;gap:12px;display:flex;position:absolute}.kpi{width:232px;padding:14px 16px}.kpi-head{color:var(--muted);align-items:center;gap:8px;font-weight:550;display:flex}.kpi-ico{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.ico-blue{background:var(--blue-soft);color:var(--blue)}.ico-indigo{background:var(--indigo-soft);color:var(--indigo)}.ico-green{background:var(--green-soft);color:var(--green)}.kpi-body{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:10px;display:flex}.kpi-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1}.kpi-value small{letter-spacing:0;font-size:13px;font-weight:550}.kpi-sub{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;display:flex}.chip{font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:650}.chip-up{background:var(--green-soft);color:var(--green)}.chip-down{background:var(--red-soft);color:var(--red)}.chip-blue{background:var(--blue-soft);color:var(--blue)}.spark{flex-shrink:0;overflow:visible}.bay-pips{grid-template-columns:repeat(3,12px);gap:4px;padding-bottom:2px;display:grid}.pip{border-radius:4px;width:12px;height:12px;display:inline-block}.pip-free{background:#dfe6ef}.pip-blue{background:var(--blue)}.pip-amber{background:#f59e0b}.pip-red{background:#ef4444}.map-ctrl{left:var(--gap);z-index:10;border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:50%;transform:translateY(-40%)}.map-ctrl button{width:36px;height:36px;color:var(--ink-2);border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid}.map-ctrl button:hover{background:var(--blue-soft);color:var(--blue)}.map-ctrl-sep{background:var(--line);height:1px;margin:3px 6px}.legend{left:calc(var(--gap) + 64px);top:calc(var(--gap) + 60px + 14px + 118px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);z-index:5;background:#ffffffb8;border-radius:10px;gap:12px;padding:7px 12px;font-size:11px;font-weight:550;display:flex;position:absolute}.legend span{align-items:center;gap:5px;display:flex}.legend .pip{border-radius:3px;width:9px;height:9px}.side{top:calc(var(--gap) + 60px + 14px);right:var(--gap);bottom:var(--gap);width:var(--side-w);z-index:10;scrollbar-width:thin;scrollbar-color:#d6dde7 transparent;flex-direction:column;gap:18px;padding:16px;display:flex;position:absolute;overflow-y:auto}.sel-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:10.5px;font-weight:650}.site-head{padding:2px 2px 0}.site-head-top{justify-content:space-between;align-items:center;display:flex}.site-head h2{letter-spacing:-.02em;margin:8px 0 4px;font-size:19px;font-weight:700}.site-meta{color:var(--muted);gap:10px;display:flex}.site-meta span{align-items:center;gap:4px;display:flex}.temps{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.temp{background:var(--blue-soft);color:var(--blue);border-radius:12px;align-items:center;gap:9px;padding:9px 11px;display:flex}.temp>span{flex-direction:column;line-height:1.15;display:flex}.temp b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px}.temp:last-child{color:#0891b2;background:#eaf7fb}.sec-title{justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:13px;font-weight:650;display:flex}.sec-aside{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:550}section{border-top:1px solid var(--line);padding-top:16px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill.tone-green,.bay.tone-green .bay-status{background:var(--green-soft);color:var(--green)}.pill.tone-blue,.bay.tone-blue .bay-status{background:var(--blue-soft);color:var(--blue)}.pill.tone-amber,.bay.tone-amber .bay-status{background:var(--amber-soft);color:var(--amber)}.pill.tone-red,.bay.tone-red .bay-status{background:var(--red-soft);color:var(--red)}.pill.tone-grey,.bay.tone-grey .bay-status{background:var(--grey-soft);color:var(--muted)}.pill.tone-indigo{background:var(--indigo-soft);color:var(--indigo)}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.tone-green{background:#22c55e}.dot.tone-blue{background:var(--blue)}.dot.tone-amber{background:#f59e0b}.dot.tone-red{background:#ef4444}.dot.tone-grey{background:#c3cdd9}.cap-bar{background:var(--line-2);height:12px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;display:flex;overflow:hidden}.cap-frozen{background:linear-gradient(90deg,#2f6bff,#4f86ff);transition:width .4s}.cap-chilled{background:#7dd3fc;transition:width .4s}.cap-legend{color:var(--muted);gap:14px;margin-top:8px;font-size:11.5px;display:flex}.cap-legend span{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:flex}.cap-legend i{border-radius:3px;width:8px;height:8px}.lg-frozen{background:var(--blue)}.lg-chilled{background:#7dd3fc}.cap-pct{color:var(--ink);margin-left:auto;font-weight:700}.bays{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bay{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;min-height:72px;padding:9px 10px 10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.bay:hover{border-color:#c9d8ff;transform:translateY(-1px)}.bay.is-selected{border-color:var(--blue);box-shadow:0 0 0 3px #2f6bff1f}.bay-num{font-size:13px;font-weight:700}.bay-status{border-radius:6px;align-self:flex-start;padding:2px 6px;font-size:10px;font-weight:650}.bay-truck{color:var(--muted);font-size:11px}.progress{background:var(--line-2);border-radius:999px;width:100%;height:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #e7ecf3cc}.progress.thin{height:4px}.progress-fill{border-radius:inherit;height:100%;transition:width .35s}.progress-fill.tone-blue{background:var(--blue)}.progress-fill.tone-green{background:#22c55e}.progress-fill.tone-amber{background:#f59e0b}.progress-fill.tone-red{background:#ef4444}.progress-fill.tone-grey{background:#c3cdd9}.inv{flex-direction:column;gap:2px;display:flex}.inv-row{border-radius:10px;align-items:center;gap:10px;padding:7px 6px;transition:background .4s;display:flex}.inv-row.is-flash{background:var(--blue-soft);box-shadow:0 0 0 2px #c9d8ff}.inv-zone{border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.z-frozen{background:var(--blue-soft);color:var(--blue)}.z-chilled{color:#0891b2;background:#eaf7fb}.inv-main{flex-direction:column;flex:1;min-width:0;display:flex}.inv-main b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.inv-main small{font-variant-numeric:tabular-nums}.badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:650}.badge-ok{background:var(--green-soft);color:var(--green)}.badge-low{background:var(--amber-soft);color:var(--amber)}.fleet{flex-direction:column;gap:4px;display:flex}.fleet-row{border-radius:10px;grid-template-columns:58px 1fr 58px;align-items:center;gap:10px;padding:8px 6px;display:grid}.fleet-row:hover,.fleet-row.is-selected{background:var(--line-2)}.fleet-row.is-selected{background:#fffaeb;box-shadow:inset 0 0 0 1px #fcd34d}.fleet-id{flex-direction:column;line-height:1.2;display:flex}.fleet-mid{flex-direction:column;gap:6px;min-width:0;display:flex}.fleet-status{color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.fleet-bat{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex}.sel-card{background:linear-gradient(#f3f7ff,#fff);border:1px solid #d6e3ff;border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px 14px;animation:.2s ease-out rise;display:flex}@keyframes rise{0%{transform:translateY(-6px)}}.sel-head{justify-content:space-between;align-items:center;display:flex}.ghost-btn{width:24px;height:24px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.ghost-btn:hover{color:var(--ink);background:#fff}.sel-title{align-items:center;gap:10px;display:flex}.sel-title b{letter-spacing:-.02em;font-size:18px}.sel-grid{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.sel-grid>div{flex-direction:column;min-width:0;display:flex}.sel-grid span{white-space:nowrap;text-overflow:ellipsis;font-weight:550;overflow:hidden}.link-btn{color:var(--blue);align-self:flex-start;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.row-btn{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 10px;font-weight:550;display:flex}.bottom{left:var(--gap);right:calc(var(--gap) * 2 + var(--side-w));bottom:var(--gap);pointer-events:none;z-index:10;align-items:flex-end;gap:12px;display:flex;position:absolute}.bottom>*{pointer-events:auto}.timeline{width:var(--tl-w);flex-shrink:0;padding:16px 18px 14px}.tl-head{justify-content:space-between;gap:12px;display:flex}.tl-title{align-items:baseline;gap:10px;margin-top:4px;display:flex}.tl-title b{letter-spacing:-.02em;font-size:17px}.tl-truck{color:var(--blue);font-size:12px;font-weight:600}.tl-route{color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex;overflow:hidden}.tl-eta{background:var(--blue-soft);border-radius:12px;flex-direction:column;flex-shrink:0;align-items:flex-end;min-width:112px;padding:8px 12px;display:flex}.tl-eta small{color:var(--blue);align-items:center;gap:4px;font-weight:600;display:flex}.tl-eta b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:20px;line-height:1.2}.tl-eta span{color:var(--muted);font-size:11px}.tl-eta.is-risk{background:var(--amber-soft)}.tl-eta.is-risk small,.tl-eta.is-risk span{color:var(--amber)}.tl-eta.is-docked{background:var(--green-soft)}.tl-eta.is-docked small{color:var(--green)}.stages{grid-template-columns:repeat(5,1fr);margin:16px 0 0;padding:0;list-style:none;display:grid}.stage{flex-direction:column;gap:3px;min-width:0;display:flex}.stage b{white-space:nowrap;margin-top:6px;font-size:12px;font-weight:600}.stage small{font-variant-numeric:tabular-nums}.stage.is-todo b{color:var(--faint)}.stage-track{align-items:center;display:flex}.stage-node{background:var(--line-2);width:24px;height:24px;color:var(--faint);border:2px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.stage.is-done .stage-node{background:var(--blue);border-color:var(--blue);color:#fff}.stage.is-active .stage-node{border-color:var(--blue);color:var(--blue);background:#fff;animation:1.8s ease-in-out infinite breathe;box-shadow:0 0 0 4px #2f6bff26}@keyframes breathe{50%{box-shadow:0 0 0 7px #2f6bff0f}}.stage-line{background:var(--line);border-radius:3px;flex:1;height:3px;margin:0 6px;overflow:hidden}.stage-line span{background:var(--blue);border-radius:3px;height:100%;transition:width .4s linear;display:block}.tl-next{border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:14px;padding-top:12px;font-size:11.5px;display:flex;overflow:hidden}.tl-next .muted{white-space:nowrap;margin-right:2px}.chip-btn{background:var(--line-2);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.chip-btn:hover{background:var(--blue-soft);color:var(--blue)}.chip-btn span{color:var(--muted)}.ops{flex-direction:column;flex:1;min-width:360px;max-width:560px;height:238px;margin-left:auto;padding:8px;display:flex}.tabs{background:var(--line-2);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.tab{height:30px;color:var(--muted);border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-weight:600;transition:background .15s,color .15s;display:flex}.tab.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0f1a2e1a}.tab-count{background:var(--line);color:var(--ink-2);border-radius:6px;padding:1px 6px;font-size:10.5px}.tab.is-active .tab-count{background:var(--blue-soft);color:var(--blue)}.tabs-live{color:var(--muted);align-items:center;gap:6px;margin-left:auto;margin-right:8px;font-size:11px;font-weight:600;display:flex}.ops-list{scrollbar-width:thin;scrollbar-color:#d6dde7 transparent;flex:1;margin-top:6px;overflow-y:auto}.ops-row{border-radius:10px;grid-template-columns:58px 108px 1fr 92px;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.ops-row:hover{background:var(--line-2)}.ops-row.is-selected{background:var(--blue-soft)}.ops-key{font-variant-numeric:tabular-nums;font-weight:650}.ops-row .pill{text-overflow:ellipsis;justify-self:start;max-width:108px;overflow:hidden}.ops-mid{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ops-end{justify-content:flex-end;align-items:center;gap:6px;display:flex}.ops-end small{white-space:nowrap;font-variant-numeric:tabular-nums}.map-label{border:1px solid var(--line);white-space:nowrap;font-family:var(--font);color:var(--muted);background:#fff;border-radius:10px;flex-direction:column;padding:6px 10px;font-size:11px;display:flex;transform:translateY(-8px);box-shadow:0 8px 24px -10px #0f1a2e66}.map-label b{color:var(--ink);font-size:12.5px}.map-label:after{content:"";border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}@media (max-width:1360px){:root{--side-w:320px}.kpi{width:206px}.user-txt,.live-date{display:none}}@media (max-width:1180px){.bottom{flex-direction:column;align-items:flex-start}.ops{width:var(--tl-w);max-width:none;height:200px;margin-left:0}.legend{display:none}}@media (max-width:900px){.side,.ops,.site-txt small,.search kbd{display:none}.bottom{right:var(--gap)}.kpis{flex-wrap:wrap}}