/* ACCURIS console skin — loaded last; visual layer only (no layout logic changes). */
:root{
  --cx-bg:#03040b;--cx-ink:#f3f4fb;--cx-sub:#aab0c8;--cx-muted:#6f7593;
  --cx-violet:#8b74ff;--cx-violet-hi:#c3b8ff;--cx-cyan:#62dbff;--cx-mint:#4fe0a6;--cx-amber:#ffc565;--cx-rose:#ff7d96;
  --cx-glass:rgba(14,16,30,.62);--cx-glass-2:rgba(18,21,38,.72);--cx-line:rgba(160,170,230,.10);--cx-line-hi:rgba(170,160,255,.28);
  --cx-radius:20px;
}

/* ---------- universe ---------- */
body{background:var(--cx-bg)!important;font-family:Estedad,"Segoe UI Variable","Segoe UI",Tahoma,sans-serif!important}
body:before{opacity:.5!important;background-image:radial-gradient(circle,rgba(210,220,255,.55) 0 .7px,transparent 1.2px),radial-gradient(circle,rgba(170,190,255,.35) 0 .6px,transparent 1px)!important;background-size:97px 97px,53px 53px!important;background-position:0 0,23px 41px!important;mask-image:none!important;animation:cxDrift 160s linear infinite}
body:after{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 40% 30% at 18% 8%,rgba(110,80,255,.20),transparent 70%),radial-gradient(ellipse 35% 28% at 85% 92%,rgba(40,170,255,.14),transparent 70%),radial-gradient(ellipse 30% 25% at 60% 40%,rgba(255,90,200,.05),transparent 70%);
  filter:blur(10px);animation:cxAurora 28s ease-in-out infinite alternate}
.ambient{display:none}
.app-shell{position:relative;z-index:1}
.app-shell,.app-shell button,.app-shell input,.app-shell select{font-family:inherit}
.app-shell b,.app-shell strong,.app-shell td,.app-shell small,.app-shell span{font-family:inherit}
[dir="ltr"]{font-variant-numeric:tabular-nums}

/* ---------- sidebar ---------- */
.sidebar{background:linear-gradient(180deg,rgba(12,14,27,.78),rgba(7,8,17,.86))!important;border-left:1px solid var(--cx-line)!important;backdrop-filter:blur(26px) saturate(150%)!important;-webkit-backdrop-filter:blur(26px) saturate(150%)!important}
.sidebar:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:1px;background:linear-gradient(180deg,transparent,rgba(150,130,255,.6) 30%,rgba(98,219,255,.4) 70%,transparent);pointer-events:none}
.sidebar-title{display:none!important}
.brand-mark{width:40px!important;height:40px!important;clip-path:none!important;border-radius:12px;background:linear-gradient(140deg,#9b84ff,#5b4fe6 55%,#3f86ff)!important;color:#fff!important;font-family:Estedad,sans-serif!important;font-size:22px!important;box-shadow:0 8px 26px rgba(110,90,255,.45),inset 0 1px 0 rgba(255,255,255,.3)}
.brand strong{letter-spacing:.32em!important;font-weight:750!important}
.brand small{color:var(--cx-muted)!important;letter-spacing:.24em!important}
.nav{gap:4px!important;margin-top:30px!important}
.nav-item{position:relative;border-radius:13px!important;padding:12px 14px!important;color:#a3a9c4!important;transition:background .25s,color .25s!important}
.nav-item:hover{background:rgba(255,255,255,.04)!important;color:#fff!important}
.nav-item.active{color:#fff!important;background:linear-gradient(90deg,rgba(139,116,255,.22),rgba(98,219,255,.06))!important;box-shadow:inset 0 0 0 1px rgba(170,160,255,.22)!important}
.nav-item.active:after{content:"";position:absolute;right:-18px;top:22%;bottom:22%;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--cx-violet-hi),var(--cx-cyan));box-shadow:0 0 14px var(--cx-violet)}
.nav-item.active svg{color:var(--cx-violet-hi)!important;filter:drop-shadow(0 0 6px rgba(150,130,255,.8))}
.nav-item b{background:rgba(139,116,255,.18)!important;color:var(--cx-violet-hi)!important;border-radius:999px!important}
.sidebar-health{background:rgba(255,255,255,.03)!important;border:1px solid var(--cx-line)!important;border-radius:16px!important}

/* ---------- topbar ---------- */
.topbar{border-bottom:1px solid var(--cx-line)!important}
.topbar h1{font-size:26px!important;font-weight:750!important;letter-spacing:-.02em!important;background:linear-gradient(90deg,#fff,#cfd3ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.eyebrow,#pageEyebrow{color:var(--cx-violet-hi)!important;letter-spacing:.2em!important;font-size:10px!important}
.btn.primary,#createBtn{border:0!important;color:#fff!important;background:linear-gradient(120deg,#8d70ff,#6a5cff 45%,#3f86ff)!important;box-shadow:0 10px 30px rgba(98,86,255,.42),inset 0 1px 0 rgba(255,255,255,.25)!important;border-radius:13px!important}
.btn.primary:hover{filter:brightness(1.1)!important;transform:translateY(-1px)}
.icon-btn,.btn.ghost,.sync-state{background:rgba(255,255,255,.035)!important;border:1px solid var(--cx-line)!important;border-radius:12px!important}

/* ---------- glass surfaces with luminous edges ---------- */
.surface,.ui-stat,.ops-vpn-card,.ops-service,.data-surface,.modal,.cx-server{
  position:relative;border:1px solid transparent!important;border-radius:var(--cx-radius)!important;
  background:linear-gradient(var(--cx-glass),var(--cx-glass)) padding-box,linear-gradient(140deg,rgba(170,155,255,.38),rgba(98,219,255,.08) 35%,rgba(255,255,255,.04) 60%,rgba(140,120,255,.22)) border-box!important;
  backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);
  box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)!important}
.surface:hover,.ui-stat:hover,.ops-vpn-card:hover{box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 0 1px rgba(170,160,255,.12),inset 0 1px 0 rgba(255,255,255,.06)!important}

/* KPI cards: holographic numbers */
.ui-stat{overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s!important}
.ui-stat:hover{transform:translateY(-3px)}
.ui-stat:before{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(139,116,255,.22),transparent 65%);pointer-events:none;transition:transform .6s}
.ui-stat.green:before{background:radial-gradient(circle,rgba(79,224,166,.2),transparent 65%)}
.ui-stat.amber:before{background:radial-gradient(circle,rgba(255,197,101,.18),transparent 65%)}
.ui-stat.rose:before{background:radial-gradient(circle,rgba(255,125,150,.18),transparent 65%)}
.ui-stat:hover:before{transform:scale(1.25)}
.ui-stat strong{font-size:44px!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.1!important;background:linear-gradient(180deg,#fff 20%,#b9b2ff);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 18px rgba(139,116,255,.35))}
.ui-stat.green strong{background-image:linear-gradient(180deg,#eafff6 15%,#4fe0a6)!important;filter:drop-shadow(0 0 18px rgba(79,224,166,.35))}
.ui-stat.amber strong{background-image:linear-gradient(180deg,#fff6e3 15%,#ffc565)!important;filter:drop-shadow(0 0 18px rgba(255,197,101,.3))}
.ui-stat.rose strong{background-image:linear-gradient(180deg,#ffe9ee 15%,#ff7d96)!important;filter:drop-shadow(0 0 18px rgba(255,125,150,.3))}
.ui-stat em{background:rgba(255,255,255,.05)!important;border:1px solid var(--cx-line)!important;border-radius:12px!important}

/* ---------- hero: live Earth ---------- */
.ops-space-hero{overflow:hidden}
.ops-space-hero .ops-hero-layout{height:auto!important;min-height:520px!important}
.ops-space-hero .ops-topology.cx-has-earth{height:auto!important;align-self:stretch}
.ops-topology.cx-has-earth{position:relative;min-height:520px;background:radial-gradient(ellipse at 50% 50%,#070a1c,#02030a 75%)!important}
.ops-topology.cx-has-earth>canvas:not(.cx-earth){display:none!important}
.cx-earth{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.4s ease;
  -webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 80% 90% at 50% 50%,#000 55%,transparent 100%)}
.ops-topology.ex-ready .cx-earth{opacity:1}
.ops-topology.cx-has-earth .transit-overlay,.ops-topology.cx-has-earth .transit-legend{position:absolute;z-index:2}
.transit-readout{background:rgba(10,12,24,.55)!important;border:1px solid var(--cx-line)!important;border-radius:12px!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.transit-legend{background:rgba(8,10,20,.55)!important;border-radius:999px!important;border:1px solid var(--cx-line)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* ---------- server telemetry ---------- */
.cx-server{margin:22px 0;padding:24px 26px 22px;overflow:hidden}
.cx-server:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 100% 0,rgba(139,116,255,.12),transparent 70%),radial-gradient(ellipse 40% 50% at 0 100%,rgba(98,219,255,.08),transparent 70%)}
.cx-server>*{position:relative}
.cx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.cx-head span{display:block;color:var(--cx-violet-hi);font-size:10px;letter-spacing:.22em;direction:ltr;text-align:right}
.cx-head h2{margin:4px 0 3px;font-size:22px;font-weight:750}
.cx-head p{margin:0;color:var(--cx-muted);font-size:12px}
.cx-chips{display:flex;gap:8px;flex-wrap:wrap}
.cx-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid var(--cx-line);background:rgba(255,255,255,.03);font-size:11.5px;font-weight:600;direction:ltr}
.cx-chip i{width:7px;height:7px;border-radius:50%;background:var(--cx-mint);box-shadow:0 0 10px var(--cx-mint);animation:cxBlink 2.4s ease-in-out infinite}
.cx-chip.off{color:#ffc0cb;border-color:rgba(255,125,150,.3)}
.cx-chip.off i{background:var(--cx-rose);box-shadow:0 0 10px var(--cx-rose);animation:none}

.cx-specs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-bottom:20px;border-radius:16px;overflow:hidden;background:var(--cx-line)}
.cx-specs>div{padding:14px 16px;background:rgba(10,12,24,.85);min-width:0}
.cx-specs small{display:block;color:var(--cx-muted);font-size:11px;margin-bottom:6px}
.cx-specs b{display:block;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.cx-specs em{display:block;margin-top:4px;color:var(--cx-sub);font-style:normal;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}

.cx-gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.cx-gauge{--c1:#9d84ff;--c2:#62dbff;position:relative;display:grid;justify-items:center;gap:10px;padding:20px 14px 16px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid var(--cx-line);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s}
.cx-gauge:hover{transform:translateY(-3px);border-color:var(--cx-line-hi)}
.cx-gauge.warn{--c1:#ffd27a;--c2:#ff9e5e}
.cx-gauge.crit{--c1:#ff8fa5;--c2:#ff4f73}
.cx-gauge.ok:nth-child(2){--c1:#5ef0b8;--c2:#3fc4ff}
.cx-gauge.ok:nth-child(3){--c1:#c58bff;--c2:#7d6bff}
.cx-gauge.ok:nth-child(4){--c1:#62dbff;--c2:#4fe0a6}
.cx-gauge svg{width:132px;height:132px;transform:rotate(-90deg);overflow:visible}
.cx-gauge circle{fill:none;stroke-width:7}
.cx-gauge .trk{stroke:rgba(255,255,255,.06)}
.cx-gauge .val{stroke:var(--c1);stroke-linecap:round;filter:drop-shadow(0 0 6px var(--c1)) drop-shadow(0 0 16px var(--c2));transition:stroke-dasharray 1s cubic-bezier(.2,.8,.2,1)}
.cx-gauge-in{position:absolute;top:20px;width:132px;height:132px;display:grid;place-content:center;text-align:center}
.cx-gauge-in strong{font-size:30px;font-weight:800;line-height:1.1;background:linear-gradient(180deg,#fff,var(--c1));-webkit-background-clip:text;background-clip:text;color:transparent}
.cx-gauge-in span{color:var(--cx-sub);font-size:11.5px;margin-top:2px}
.cx-gauge p{margin:0;text-align:center;display:grid;gap:3px}
.cx-gauge p b{font-size:13px;font-weight:650}
.cx-gauge p small{color:var(--cx-muted);font-size:11px;line-height:1.6}

.cx-net{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cx-net-card{position:relative;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid var(--cx-line);overflow:hidden;min-width:0}
.cx-net-card:after{content:"";position:absolute;right:0;top:16px;bottom:16px;width:3px;border-radius:3px;background:var(--cx-violet)}
.cx-net-card.down:after{background:linear-gradient(180deg,#62dbff,#3f86ff);box-shadow:0 0 12px #62dbff}
.cx-net-card.up:after{background:linear-gradient(180deg,#c3b8ff,#8b74ff);box-shadow:0 0 12px #8b74ff}
.cx-net-card.vpn:after{background:linear-gradient(180deg,#5ef0b8,#2fb58a);box-shadow:0 0 12px #4fe0a6}
.cx-net-card.lat:after{background:linear-gradient(180deg,#ffd27a,#ff9e5e);box-shadow:0 0 12px #ffc565}
.cx-net-card small{display:block;color:var(--cx-muted);font-size:11.5px;margin-bottom:6px}
.cx-net-card b{display:block;font-size:22px;font-weight:800;letter-spacing:-.01em;text-align:right;white-space:nowrap}
.cx-net-card.vpn b{font-size:16px;padding-top:4px}
.cx-net-card em{display:block;margin-top:4px;color:var(--cx-sub);font-style:normal;font-size:11.5px}
.cx-spark{position:absolute;left:14px;top:14px;width:38%;height:26px;opacity:.9}
.cx-spark polyline{fill:none;stroke:var(--cx-amber);stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(255,197,101,.7))}

/* the old resource panel is superseded by the live telemetry block */
.ops-health-panel{display:none!important}
.ops-primary-grid{grid-template-columns:minmax(0,1fr)!important}
.ops-latency-ring strong{font-size:15px!important;white-space:nowrap}

/* ---------- data views ---------- */
.data-head>div:first-child .eyebrow,.data-head>div:first-child h2{display:none}
.data-head p{color:var(--cx-sub)!important}
.filters input,.filters select,.searchbox{background:rgba(255,255,255,.035)!important;border-color:var(--cx-line)!important;border-radius:12px!important}
table tbody tr{transition:background .2s}
table tbody tr:hover{background:rgba(139,116,255,.06)!important}
.ui-progress{background:rgba(255,255,255,.06)!important;border-radius:99px!important;overflow:hidden}
.ui-progress i{background:linear-gradient(90deg,#8b74ff,#62dbff)!important;box-shadow:0 0 10px rgba(98,219,255,.5)}
.ui-quota.warning .ui-progress i{background:linear-gradient(90deg,#ffc565,#ff9e5e)!important;box-shadow:0 0 10px rgba(255,197,101,.5)}
.ui-quota.danger .ui-progress i{background:linear-gradient(90deg,#ff7d96,#ff4f73)!important;box-shadow:0 0 10px rgba(255,125,150,.5)}
.avatar{background:linear-gradient(140deg,rgba(155,132,255,.35),rgba(63,134,255,.25))!important;color:#fff!important;border:1px solid rgba(170,160,255,.3)!important}

/* ---------- dialogs ---------- */
dialog::backdrop{background:rgba(2,3,10,.72)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal input,.modal select{background:rgba(255,255,255,.035)!important;border-color:var(--cx-line)!important;border-radius:12px!important}
.modal input:focus,.modal select:focus{border-color:rgba(150,135,255,.8)!important;box-shadow:0 0 0 4px rgba(124,108,255,.16)!important;outline:0}

/* ---------- entrance choreography ---------- */
.view.active>*{animation:cxRise .7s cubic-bezier(.16,1,.3,1) both}
.view.active>*:nth-child(2){animation-delay:.06s}.view.active>*:nth-child(3){animation-delay:.12s}.view.active>*:nth-child(4){animation-delay:.18s}.view.active>*:nth-child(5){animation-delay:.24s}.view.active>*:nth-child(n+6){animation-delay:.3s}

@keyframes cxRise{from{opacity:0;transform:translateY(14px)}}
@keyframes cxBlink{50%{opacity:.45}}
@keyframes cxAurora{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(-3%,2%,0) rotate(3deg)}}
@keyframes cxDrift{to{background-position:-970px 970px,-507px 571px}}
@media (prefers-reduced-motion:reduce){body:before,body:after,.view.active>*,.cx-chip i{animation:none!important}}

@media (max-width:1200px){.cx-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-gauges,.cx-net{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .cx-server{padding:18px 14px}
  .cx-specs{grid-template-columns:1fr}
  .cx-gauge svg,.cx-gauge-in{width:104px;height:104px}
  .cx-gauge-in strong{font-size:24px}
  .ops-topology.cx-has-earth{min-height:340px}
  .ops-space-hero .ops-hero-layout{min-height:340px!important}
  .ui-stat strong{font-size:36px!important}
}

/* ---------- live traffic chart ---------- */
.cx-traffic-on .ops-chart-legend,.cx-traffic-on .ops-chart-wrap,.cx-traffic-on #opsTrafficSummary{display:none!important}
.ops-range{background:rgba(255,255,255,.03);border:1px solid var(--cx-line);border-radius:12px;padding:3px;gap:2px!important}
.ops-range button{border:0!important;background:transparent!important;border-radius:9px!important;color:var(--cx-sub)!important;padding:6px 12px!important;cursor:pointer;transition:background .2s,color .2s}
.ops-range button:hover{color:#fff!important}
.ops-range button.active{background:linear-gradient(120deg,rgba(141,112,255,.45),rgba(63,134,255,.35))!important;color:#fff!important;box-shadow:0 4px 14px rgba(98,86,255,.35)}
.cx-traffic{padding:6px 20px 20px}
.cx-tr-legend{display:flex;align-items:center;gap:18px;margin:6px 2px 4px;font-size:12px;color:var(--cx-sub)}
.cx-tr-legend span{display:inline-flex;align-items:center;gap:7px}
.cx-tr-legend span i{width:18px;height:3px;border-radius:3px}
.cx-tr-legend .d i{background:linear-gradient(90deg,#62dbff,#3f86ff);box-shadow:0 0 8px #62dbff}
.cx-tr-legend .u i{background:linear-gradient(90deg,#d3c6ff,#7d6bff);box-shadow:0 0 8px #8b74ff}
.cx-tr-state{margin-right:auto;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#bff5df}
.cx-tr-state i{width:7px;height:7px;border-radius:50%;background:var(--cx-mint);box-shadow:0 0 10px var(--cx-mint);animation:cxBlink 1.6s ease-in-out infinite}
.cx-tr-state.off{color:var(--cx-amber)}.cx-tr-state.off i{background:var(--cx-amber);box-shadow:none;animation:none}
.cx-tr-plot{position:relative}
.cx-tr-svg{display:block;width:100%;height:250px;overflow:visible;cursor:crosshair}
.cx-tr-svg .cx-g{stroke:rgba(160,170,230,.08);stroke-dasharray:3 6}
.cx-tr-svg .cx-yl{fill:var(--cx-muted);font-size:10.5px;text-anchor:end;direction:ltr}
.cx-tr-svg .cx-xl{fill:var(--cx-muted);font-size:10.5px;text-anchor:middle}
.cx-tr-svg .cx-a.d{fill:url(#cxGd)}.cx-tr-svg .cx-a.u{fill:url(#cxGu)}
.cx-tr-svg .cx-l{fill:none;stroke-width:2.4;stroke-linecap:round;filter:url(#cxGlow)}
.cx-tr-svg .cx-l.d{stroke:url(#cxLd)}.cx-tr-svg .cx-l.u{stroke:url(#cxLu)}
.cx-tr-svg .cx-head{stroke:#fff;stroke-width:2}
.cx-tr-svg .cx-head.d{fill:#62dbff}.cx-tr-svg .cx-head.u{fill:#a28bff}
.cx-tr-svg .cx-ping{fill:none;stroke:#62dbff;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:cxPing 1.8s ease-out infinite}
.cx-tr-svg .cx-cursor{stroke:rgba(255,255,255,.35);stroke-dasharray:3 4}
.cx-tr-svg .cx-dot{stroke:#fff;stroke-width:2}.cx-tr-svg .cx-dot.d{fill:#62dbff}.cx-tr-svg .cx-dot.u{fill:#a28bff}
.cx-tr-svg .cx-empty{fill:var(--cx-sub);font-size:13px;text-anchor:middle}
.cx-tr-tip{position:absolute;top:6px;z-index:3;display:grid;gap:5px;min-width:170px;padding:10px 12px;border-radius:12px;background:rgba(10,12,24,.88);border:1px solid var(--cx-line-hi);box-shadow:0 16px 40px rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px;pointer-events:none}
.cx-tr-tip b{font-size:12px;color:#fff;direction:ltr;text-align:right}
.cx-tr-tip span{display:flex;align-items:center;gap:7px;color:var(--cx-sub)}
.cx-tr-tip span em{margin-right:auto;font-style:normal;font-weight:700;color:#fff}
.cx-tr-tip i{width:8px;height:8px;border-radius:50%}
.cx-tr-tip .d i{background:#62dbff;box-shadow:0 0 8px #62dbff}.cx-tr-tip .u i{background:#a28bff;box-shadow:0 0 8px #a28bff}
.cx-tr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.cx-tr-stats>div{position:relative;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--cx-line);overflow:hidden}
.cx-tr-stats>div:after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:3px;border-radius:3px}
.cx-tr-stats>.d:after{background:linear-gradient(180deg,#62dbff,#3f86ff);box-shadow:0 0 10px #62dbff}
.cx-tr-stats>.u:after{background:linear-gradient(180deg,#d3c6ff,#7d6bff);box-shadow:0 0 10px #8b74ff}
.cx-tr-stats small{display:block;color:var(--cx-muted);font-size:11px;margin-bottom:5px}
.cx-tr-stats b{display:block;font-size:19px;font-weight:800;text-align:right}
.cx-tr-stats em{display:block;margin-top:3px;color:var(--cx-sub);font-style:normal;font-size:11px}
@keyframes cxPing{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.4);opacity:0}}
@media (max-width:900px){.cx-tr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-traffic{padding:4px 12px 14px}}
.cx-tr-tip[hidden]{display:none!important}
.ops-latency-ring{width:96px!important;height:96px!important}
.ops-latency-ring strong{font-size:14px!important;line-height:1.2;white-space:nowrap;direction:ltr}
.ops-latency-ring span{font-size:9px!important}
.cx-spark{top:42px!important;width:34%!important}