:root{
  --ops-bg:#070b0c;
  --ops-panel:#0d1415;
  --ops-panel-2:#10191a;
  --ops-line:#263133;
  --ops-line-soft:#1c2729;
  --ops-ivory:#eee8dc;
  --ops-muted:#7e8a8c;
  --ops-gold:#caa765;
  --ops-green:#65d59f;
  --ops-blue:#65b8ed;
  --ops-red:#d87272;
  --ops-amber:#dfa957;
}

.ops-dashboard{display:grid;gap:12px;direction:rtl}
.ops-preview-notice{position:fixed;left:18px;bottom:16px;z-index:30;padding:8px 12px;border:1px solid #765b2b;border-radius:8px;background:#171207e8;color:#d7b46d;font-size:10px;box-shadow:0 8px 30px #0008}
.ops-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ops-kpi{position:relative;min-width:0;min-height:112px;padding:18px 17px 15px;overflow:hidden;border:1px solid var(--ops-line);border-radius:14px;background:linear-gradient(145deg,#101718,#0a1011);box-shadow:inset 0 1px #ffffff06,0 14px 35px #0002}
.ops-kpi:after{content:"";position:absolute;inset:auto -30% -60% auto;width:120px;height:100px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tone) 18%,transparent),transparent 67%)}
.ops-kpi>span{display:block;color:#8d9899;font-size:11px}
.ops-kpi>strong{display:block;margin-top:14px;color:var(--ops-ivory);font-size:25px;line-height:1.15;white-space:nowrap;direction:ltr;text-align:right}
.ops-kpi>small{display:block;margin-top:8px;color:#667275;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ops-kpi>i{position:absolute;left:15px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--tone);box-shadow:0 0 13px color-mix(in srgb,var(--tone) 72%,transparent)}
.ops-kpi.tone-healthy,.ops-kpi.tone-green{--tone:var(--ops-green)}
.ops-kpi.tone-degraded,.ops-kpi.tone-warning{--tone:var(--ops-amber)}
.ops-kpi.tone-critical{--tone:var(--ops-red)}
.ops-kpi.tone-blue{--tone:var(--ops-blue)}
.ops-kpi.tone-gold{--tone:var(--ops-gold)}

.ops-primary-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(350px,.9fr);gap:12px;direction:ltr}
.ops-primary-grid>*{direction:rtl}
.ops-dashboard .surface{border-color:var(--ops-line);border-radius:15px;background:linear-gradient(145deg,#0e1516,#090e0f);box-shadow:inset 0 1px #ffffff05,0 16px 42px #0002}
.ops-section-head{min-height:65px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--ops-line-soft)}
.ops-section-head>div>span{display:block;color:var(--ops-gold);font:700 9px/1.4 Arial,sans-serif;letter-spacing:.14em;direction:ltr;text-align:right}
.ops-section-head h2{margin:4px 0 0;color:var(--ops-ivory);font-family:AccurisClassic,AccurisText,sans-serif;font-size:18px;font-weight:570;line-height:1.45}
.ops-section-head>small{color:#778285;font-size:9px}
.ops-range{display:flex;gap:5px;direction:rtl}
.ops-range button{height:29px;padding:0 10px;border:1px solid #2b3537;border-radius:7px;background:#111819;color:#7d888a;font:500 9px var(--font);cursor:pointer}
.ops-range button.active{border-color:#9a763b;background:linear-gradient(135deg,#b98d45,#dfbd78);color:#17120b;box-shadow:0 4px 16px #b98d4525}

.ops-traffic-panel{min-height:360px;overflow:hidden}
.ops-chart-legend{padding:12px 18px 0;display:flex;gap:18px;color:#8a9697;font-size:9px}
.ops-chart-legend span{display:flex;align-items:center;gap:6px}
.ops-chart-legend i{width:16px;height:2px;background:currentColor}
.ops-chart-legend .rx{color:var(--ops-green)}.ops-chart-legend .tx{color:var(--ops-gold)}
.ops-chart-wrap{height:210px;margin:4px 17px 0;position:relative;direction:ltr}
#opsTrafficChart{display:block;width:100%;height:185px;overflow:visible}
.ops-grid-lines path{fill:none;stroke:#ffffff0a;stroke-width:1}
.ops-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px currentColor)}
.ops-line.rx{stroke:var(--ops-green)}.ops-line.tx{stroke:var(--ops-gold)}
.ops-area.rx{fill:url(#opsRxFill)}.ops-area.tx{fill:url(#opsTxFill)}
.ops-chart-axis{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:space-between;color:#536063;font:8px Arial,sans-serif}
.ops-traffic-summary{padding:0 18px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ops-traffic-summary>div{padding:10px 11px;border:1px solid #202b2d;border-radius:9px;background:#0a1011}
.ops-traffic-summary span,.ops-traffic-summary small{display:block;color:#6f7b7d;font-size:8px}
.ops-traffic-summary b{display:block;margin:5px 0;color:#e9e5dc;font:700 13px Arial,sans-serif;direction:ltr;text-align:right}

.ops-health-panel{min-height:360px;overflow:hidden}
.ops-health-badge{padding:7px 10px;border:1px solid #344043;border-radius:999px;color:#98a1a2;font-size:9px}
.ops-health-badge.healthy{border-color:#275541;background:#0b1813;color:#6dd8a3}.ops-health-badge.degraded{border-color:#6a522b;background:#191207;color:#e2b667}.ops-health-badge.critical{border-color:#663737;background:#1c1010;color:#e99191}
.ops-health-columns{padding:14px 16px 10px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ops-service-list,.ops-resource-list{display:grid;gap:7px}
.ops-service{min-height:37px;padding:0 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #202a2c;border-radius:8px;background:#0b1112;direction:ltr}
.ops-service i{width:7px;height:7px;border-radius:50%;background:#687275}
.ops-service span{font:600 9px Arial,sans-serif;color:#d5d9d7}.ops-service b{font-size:8px;color:#788284;font-weight:500}
.ops-service.ok i{background:var(--ops-green);box-shadow:0 0 9px #65d59f}.ops-service.ok b{color:var(--ops-green)}
.ops-service.down i{background:var(--ops-red);box-shadow:0 0 9px #d87272}.ops-service.down b{color:#e78d8d}
.ops-service.unknown{opacity:.62}
.ops-resource{min-height:37px;display:grid;grid-template-columns:55px 1fr 38px;align-items:center;gap:8px;direction:ltr;color:#cbd1cf;font:700 8px Arial,sans-serif}
.ops-resource>div{height:5px;overflow:hidden;border-radius:999px;background:#242e30}.ops-resource>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5acb94,#d3b266)}
.ops-resource b{text-align:right;color:#879193}.ops-resource.unknown{opacity:.55}
.ops-health-reason{margin:0 16px 15px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid #263234;border-radius:9px;background:#0a1011}
.ops-health-reason>i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ops-gold);box-shadow:0 0 12px #caa76588}
.ops-health-reason strong,.ops-health-reason span{display:block}.ops-health-reason strong{font-size:10px}.ops-health-reason span{margin-top:4px;color:#7d898b;font-size:9px;line-height:1.7}

.ops-topology-panel{overflow:hidden}
.ops-topology{position:relative;height:190px;overflow:hidden;direction:ltr;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:30px 30px}
.ops-topology:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 42% 50%,#62d3a314,transparent 28%);pointer-events:none}
.ops-topology svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;fill:none}
.ops-link{stroke:#4dbd8a80;stroke-width:1.3;stroke-dasharray:7 5;animation:opsFlow 5s linear infinite}.ops-link.link-c,.ops-link.link-e{stroke:#c49c5680;animation-direction:reverse}
.ops-node{position:absolute;z-index:2;min-width:105px;padding:10px 12px;display:grid;grid-template-columns:32px 1fr;gap:2px 8px;border:1px solid #2c393b;border-radius:10px;background:#0b1213ed;box-shadow:0 8px 24px #0007}
.ops-node>i{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#152022;color:var(--ops-gold);font:700 11px Arial}.ops-node strong{font:700 10px Arial;color:#e5e2d9}.ops-node small{font:8px Arial;color:#778285}
.ops-node.internet{left:5%;top:68px}.ops-node.gateway{left:36%;top:66px;border-color:#9c783c;background:#171208ed}.ops-node.openvpn{left:65%;top:19px;border-color:#315744}.ops-node.l2tp{left:65%;bottom:18px;border-color:#6b542f}.ops-node.clients{right:3%;top:68px}.ops-node.down{border-color:#6a3636}.ops-node.down>i{color:#e88989}

.ops-sessions-panel{overflow:hidden}.ops-table-wrap{overflow:auto}.ops-table-wrap table{width:100%;border-collapse:collapse;font-size:10px}.ops-table-wrap th{padding:11px 13px;background:#0b1112;color:#7e898b;font-size:9px;text-align:right;white-space:nowrap}.ops-table-wrap td{padding:12px 13px;border-top:1px solid #1d2729;color:#aeb7b7;white-space:nowrap}.ops-table-wrap tr:hover td{background:#101819}.ops-table-wrap td strong{color:#ece7dc;font-size:10px}.ops-protocol{padding:5px 7px;border:1px solid #604a27;border-radius:999px;color:#d7b36c;font:700 8px Arial}.ops-connected{display:flex;align-items:center;gap:6px;color:#72d9a7}.ops-connected i{width:6px;height:6px;border-radius:50%;background:#65d59f;box-shadow:0 0 8px #65d59f}
.ops-empty{padding:30px;text-align:center;color:#738083;font-size:11px}

.ops-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;direction:ltr}.ops-bottom-grid>*{direction:rtl;overflow:hidden}
.ops-event-list,.ops-quota-list{padding:10px 14px 14px;display:grid;gap:7px}
.ops-event{min-height:45px;padding:8px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #202a2c;border-radius:8px;background:#0a1011}.ops-event>i{width:7px;height:7px;border-radius:50%;background:var(--ops-blue);box-shadow:0 0 8px #65b8ed}.ops-event.warning>i{background:var(--ops-amber)}.ops-event.danger>i{background:var(--ops-red)}.ops-event strong,.ops-event span{display:block}.ops-event strong{font-size:10px}.ops-event span{margin-top:3px;color:#6e7a7c;font-size:8px}.ops-event time{color:#778285;font-size:8px}
.ops-quota-row{min-height:45px;width:100%;padding:8px 10px;display:grid;grid-template-columns:1.2fr 1fr 42px;align-items:center;gap:10px;border:1px solid #202a2c;border-radius:8px;background:#0a1011;color:inherit;text-align:right;cursor:pointer}.ops-quota-row:hover{border-color:#6b542f}.ops-quota-row strong,.ops-quota-row span{display:block}.ops-quota-row strong{font-size:10px}.ops-quota-row span{margin-top:3px;color:#6f7b7d;font-size:8px}.ops-quota-track{height:5px;border-radius:999px;background:#222d2e;overflow:hidden}.ops-quota-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65d59f,#d5b466)}.ops-quota-row b{color:#d2b067;font:700 10px Arial;text-align:left}

@keyframes opsFlow{to{stroke-dashoffset:-48}}
@media(prefers-reduced-motion:reduce){.ops-link{animation:none}}
@media(max-width:1350px){.ops-kpi-grid{grid-template-columns:repeat(3,1fr)}.ops-primary-grid{grid-template-columns:1fr}.ops-topology{height:210px}}
@media(max-width:900px){.ops-kpi-grid{grid-template-columns:repeat(2,1fr)}.ops-bottom-grid{grid-template-columns:1fr}.ops-topology{height:400px}.ops-topology svg{display:none}.ops-node.internet{left:50%;top:20px;transform:translateX(-50%)}.ops-node.gateway{left:50%;top:110px;transform:translateX(-50%)}.ops-node.openvpn{left:8%;top:215px}.ops-node.l2tp{left:auto;right:8%;bottom:auto;top:215px}.ops-node.clients{right:auto;left:50%;top:315px;transform:translateX(-50%)}.ops-health-columns{grid-template-columns:1fr}.ops-traffic-summary{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ops-dashboard{gap:9px}.ops-kpi-grid{grid-template-columns:1fr 1fr;gap:7px}.ops-kpi{min-height:100px;padding:14px 12px}.ops-kpi>strong{font-size:19px}.ops-section-head{align-items:flex-start;flex-direction:column}.ops-range{width:100%;overflow:auto}.ops-traffic-summary{grid-template-columns:1fr}.ops-chart-wrap{height:185px}.ops-topology{height:520px}.ops-node.openvpn,.ops-node.l2tp{left:50%;right:auto;transform:translateX(-50%)}.ops-node.openvpn{top:205px}.ops-node.l2tp{top:300px}.ops-node.clients{top:405px}.ops-table-wrap table{min-width:850px}.ops-quota-row{grid-template-columns:1fr 70px 35px}.ops-event{grid-template-columns:auto 1fr}.ops-event time{grid-column:2}}

/* Dimensional refinement — restrained depth, metallic edges and layered light. */
.ops-dashboard{perspective:1500px}
.ops-dashboard .surface,.ops-kpi{
  transform-style:preserve-3d;
  transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s ease,box-shadow .28s ease;
}
.ops-dashboard .surface{
  position:relative;
  background:
    linear-gradient(115deg,#ffffff08 0,transparent 22%,transparent 78%,#caa76508 100%),
    radial-gradient(circle at 88% -20%,#d8b56e0c,transparent 35%),
    linear-gradient(150deg,#10191a 0%,#0a1011 58%,#070b0c 100%);
  box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #0008,0 18px 48px #0005,0 2px 4px #0008;
}
.ops-dashboard .surface:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(100deg,transparent 0 38%,#ffffff06 49%,transparent 60%);
  opacity:.36;transform:translateZ(1px)
}
.ops-dashboard .surface>*{position:relative;z-index:1}
.ops-primary-grid>.surface:hover,.ops-bottom-grid>.surface:hover,.ops-sessions-panel:hover,.ops-topology-panel:hover{
  transform:translateY(-3px) rotateX(.35deg);
  border-color:#394547;
  box-shadow:inset 0 1px #ffffff10,inset 0 -1px #0009,0 24px 58px #0007,0 4px 8px #0008;
}
.ops-kpi{
  isolation:isolate;
  background:
    linear-gradient(132deg,#ffffff08,transparent 30%),
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--tone) 15%,transparent),transparent 38%),
    linear-gradient(145deg,#111a1b,#080d0e);
  border-color:#2a3537;
  box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #0009,0 13px 30px #0004;
}
.ops-kpi:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 44%,transparent),transparent 28%,transparent 74%,#ffffff0c);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.ops-kpi:hover{transform:translateY(-5px) rotateX(2deg) rotateY(-1deg);border-color:color-mix(in srgb,var(--tone) 38%,#263133);box-shadow:inset 0 1px #ffffff14,0 22px 42px #0007,0 0 28px color-mix(in srgb,var(--tone) 10%,transparent)}
.ops-kpi>strong,.ops-kpi>span,.ops-kpi>small{transform:translateZ(14px)}
.ops-kpi>i{transform:translateZ(22px)}
.ops-section-head{background:linear-gradient(180deg,#ffffff03,transparent);box-shadow:inset 0 -1px #0007}
.ops-chart-wrap{transform:translateZ(6px);filter:drop-shadow(0 14px 22px #0006)}
.ops-traffic-summary>div,.ops-service,.ops-health-reason,.ops-event,.ops-quota-row{
  box-shadow:inset 0 1px #ffffff06,0 7px 16px #0003;
}
.ops-traffic-summary>div:hover,.ops-service:hover,.ops-event:hover,.ops-quota-row:hover{transform:translateY(-2px);border-color:#3b4749;box-shadow:inset 0 1px #ffffff0b,0 12px 24px #0005}
.ops-traffic-summary>div,.ops-service,.ops-event,.ops-quota-row{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ops-topology{
  perspective:1000px;
  background-color:#080e0f;
  background-image:linear-gradient(#ffffff045 1px,transparent 1px),linear-gradient(90deg,#ffffff045 1px,transparent 1px),radial-gradient(ellipse at 43% 54%,#3bd39c14,transparent 35%);
  box-shadow:inset 0 24px 50px #0006,inset 0 -18px 38px #0005;
}
.ops-topology:before{content:"";position:absolute;left:23%;right:23%;bottom:-115px;height:175px;border:1px solid #b98d4538;border-radius:50%;transform:rotateX(68deg);box-shadow:0 0 38px #b98d4516,inset 0 0 30px #4dbd8a0d}
.ops-node{
  border-top-color:#455153;
  background:linear-gradient(145deg,#162123f2,#090e0ff4 58%,#06090af5);
  box-shadow:inset 0 1px #ffffff10,inset 0 -2px #0009,0 13px 30px #0009;
  transform:translateZ(24px);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.ops-node:hover{transform:translateZ(42px) translateY(-3px);box-shadow:inset 0 1px #ffffff16,0 20px 38px #000b,0 0 20px #5bc89b13}
.ops-node.gateway{
  min-width:132px;padding:13px 14px;border-color:#a37b3c;
  background:radial-gradient(circle at 26px 22px,#e7c27d24,transparent 28%),linear-gradient(145deg,#2b2113,#100d08 62%,#070808);
  box-shadow:inset 0 1px #f4d79540,inset 0 -2px #000b,0 18px 36px #000b,0 0 28px #c69a4d1c;
}
.ops-node.gateway>i{position:relative;border:1px solid #9d783d;background:radial-gradient(circle at 35% 25%,#edcf8b,#9f6e2e 32%,#2c1b0d 68%,#080808);color:#fff0c9;box-shadow:inset 0 1px #fff7,0 7px 14px #0008,0 0 18px #d4a45355;text-shadow:0 1px #000}
.ops-node.gateway>i:before,.ops-node.gateway>i:after{content:"";position:absolute;inset:-8px;border:1px solid #c89b4b55;border-radius:50%;transform:rotateX(64deg) rotateZ(18deg)}
.ops-node.gateway>i:after{inset:-13px;transform:rotateY(66deg) rotateZ(-22deg);border-color:#5dc79b44}
.ops-link{filter:drop-shadow(0 0 4px currentColor)}
.ops-resource>div{box-shadow:inset 0 1px 2px #000b,0 1px #ffffff08}.ops-resource>div i{box-shadow:0 0 9px #65d59f42}
.ops-table-wrap thead{position:sticky;top:0;z-index:2}.ops-table-wrap tbody tr{transition:transform .18s ease,background .18s ease}.ops-table-wrap tbody tr:hover{transform:translateX(-2px)}

@media(max-width:900px){.ops-dashboard .surface:hover,.ops-kpi:hover{transform:none}.ops-node:hover{transform:translateZ(24px)}.ops-node.internet,.ops-node.gateway,.ops-node.clients{transform:translateX(-50%) translateZ(24px)}.ops-node.internet:hover,.ops-node.gateway:hover,.ops-node.clients:hover{transform:translateX(-50%) translateZ(24px)}.ops-node.openvpn,.ops-node.l2tp{transform:translateZ(24px)}}
@media(max-width:560px){.ops-node.openvpn,.ops-node.l2tp{transform:translateX(-50%) translateZ(24px)}.ops-node.openvpn:hover,.ops-node.l2tp:hover{transform:translateX(-50%) translateZ(24px)}}

/* ACCURIS Transit Core — real-data 3D network chamber. */
.transit-head{min-height:78px}
.transit-head p{margin:5px 0 0;color:#778486;font-size:10px}
.transit-head-meta{display:grid;justify-items:end;gap:5px}
.transit-head-meta b{padding:7px 10px;border:1px solid #315845;border-radius:999px;background:#0a1612;color:#68d5a0;font-size:9px}
.transit-head-meta b.down{border-color:#633737;background:#1a0e0e;color:#e28484}
.transit-head-meta small{color:#667477;font-size:8px}
.ops-topology.transit-core{height:390px;min-height:390px;isolation:isolate;background:#060a0b;box-shadow:inset 0 28px 58px #0008,inset 0 -28px 58px #0008}
.ops-topology.transit-core:before,.ops-topology.transit-core:after{display:none}
#opsTransitCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;direction:ltr;touch-action:pan-y}
.transit-overlay{position:absolute;top:18px;left:18px;z-index:3;display:flex;gap:8px;direction:ltr;pointer-events:none}
.transit-readout{min-width:105px;padding:8px 10px;border:1px solid #2a3638;border-radius:9px;background:linear-gradient(145deg,#11191ae8,#080d0ee8);box-shadow:inset 0 1px #ffffff0b,0 10px 24px #0006;backdrop-filter:blur(8px)}
.transit-readout span,.transit-readout b{display:block}.transit-readout span{color:#738083;font:700 7px Arial;letter-spacing:.1em}.transit-readout b{margin-top:5px;color:#dfe5e2;font:700 11px Arial}.transit-readout.rx b{color:#71dbab}.transit-readout.tx b{color:#e0ba6d}.transit-readout.sessions b{color:#ece7dd}
.transit-legend{position:absolute;right:18px;bottom:16px;z-index:3;display:flex;flex-wrap:wrap;gap:7px;padding:8px 10px;border:1px solid #273234;border-radius:9px;background:#080d0edb;backdrop-filter:blur(8px);direction:ltr;pointer-events:none}
.transit-legend span{display:flex;align-items:center;gap:5px;color:#7f8b8d;font:7px Arial}.transit-legend i{width:6px;height:6px;border-radius:50%;background:#738083;box-shadow:0 0 7px currentColor}.transit-legend i.internet{background:#69bce8}.transit-legend i.gateway{background:#d2aa61}.transit-legend i.openvpn{background:#66d6a0}.transit-legend i.l2tp{background:#c39146}.transit-legend i.client{background:#eee8dc}
.ops-topology-panel{border-color:#354143!important;box-shadow:inset 0 1px #ffffff0d,0 24px 70px #0007,0 0 44px #4cae8509!important}

@media(max-width:900px){.ops-topology.transit-core{height:430px;min-height:430px}.transit-overlay{top:12px;left:12px;right:12px;display:grid;grid-template-columns:repeat(3,1fr)}.transit-readout{min-width:0}.transit-legend{right:12px;left:12px;justify-content:center}}
@media(max-width:560px){.transit-head-meta{justify-items:start}.ops-topology.transit-core{height:500px;min-height:500px}.transit-overlay{grid-template-columns:1fr 1fr}.transit-readout.sessions{grid-column:1/-1}.transit-legend{bottom:10px}.transit-legend span{font-size:6px}}