/* ui525: instrument-grade vector language for the GEO command cockpit.
   The SVG is a signal instrument, not a decorative badge: one quiet chassis,
   one readable route, one terminal point. */
:root {
  --ui525-ink: #061016;
  --ui525-field: #091820;
  --ui525-signal: #55d9e6;
  --ui525-signal-hot: #6cf5ea;
  --ui525-hot: #ecfbfa;
  --ui525-ice: #b8d4d9;
  --ui525-blue: #91a8ff;
  --ui525-quiet: #477783;
  --ui525-amber: #edc176;
  --ui525-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Navigation instruments stay transparent so the button owns the surface. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  overflow: visible !important;
  color: var(--ui525-ice) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.46)) !important;
  shape-rendering: geometricPrecision !important;
  transform: translateZ(0) !important;
  transition: color 160ms var(--ui525-ease), transform 160ms var(--ui525-ease), filter 160ms var(--ui525-ease) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(path, rect, circle, line, polyline, polygon) {
  vector-effect: non-scaling-stroke !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

/* Cached fragments from the former badge system must not reappear. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(
  .glyph-plate,
  .glyph-housing-track,
  .glyph-shell-shadow,
  .glyph-shell-glow,
  .glyph-plate-inner,
  .glyph-tech-hex,
  .glyph-tech-grid,
  .glyph-tech-axis,
  .glyph-tech-raster,
  .glyph-tech-beam-secondary,
  .glyph-tech-bus,
  .glyph-tech-lead,
  .glyph-tech-focus,
  .glyph-tech-cross,
  .glyph-tech-bracket,
  .glyph-tech-pips
) {
  display: none !important;
}

/* A restrained chassis gives every symbol a family resemblance without making
   every icon look like the same glowing sticker. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-chassis,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-plate-tech {
  display: block !important;
  fill: rgba(85, 217, 230, 0.018) !important;
  stroke: var(--ui525-quiet) !important;
  stroke-width: 0.46 !important;
  stroke-dasharray: 8 3 2 5 !important;
  opacity: 0.9 !important;
  animation: ui525FrameAcquire 560ms var(--ui525-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-registration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui525-signal) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 4 2 1 5 !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-calibration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui525-blue) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 3 !important;
  opacity: 0.64 !important;
  animation: ui525CalibrationWake 480ms var(--ui525-ease) 60ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-rail {
  display: block !important;
  fill: none !important;
  stroke: var(--ui525-quiet) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 2 3 !important;
  opacity: 0.72 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-circuit, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui525-signal) !important;
  stroke-width: 0.54 !important;
  stroke-dasharray: 3 3 1 4 !important;
  opacity: 0.82 !important;
  animation: ui525CircuitWake 620ms var(--ui525-ease) 80ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-orbit {
  display: block !important;
  fill: none !important;
  stroke: var(--ui525-blue) !important;
  stroke-width: 0.34 !important;
  stroke-dasharray: 1 5 6 4 !important;
  opacity: 0.48 !important;
  transform-box: fill-box !important;
  transform-origin: center !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-target, .glyph-tech-spokes) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui525-ice) !important;
  stroke-width: 0.44 !important;
  opacity: 0.62 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-scanline {
  display: block !important;
  fill: none !important;
  stroke: var(--ui525-hot) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 2 4 9 4 !important;
  opacity: 0 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-core-ring {
  display: block !important;
  fill: rgba(108, 245, 234, 0.06) !important;
  stroke: var(--ui525-signal-hot) !important;
  stroke-width: 0.54 !important;
  stroke-dasharray: 1 2 4 3 !important;
  filter: drop-shadow(0 0 3px rgba(108, 245, 234, 0.46)) !important;
  animation: ui525CoreWake 480ms var(--ui525-ease) 120ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-core, .glyph-node) {
  fill: var(--ui525-hot) !important;
  stroke: var(--ui525-signal-hot) !important;
  stroke-width: 0.5 !important;
  filter: drop-shadow(0 0 3px rgba(108, 245, 234, 0.7)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-node-ring {
  display: block !important;
  fill: none !important;
  stroke: var(--ui525-signal) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 2 3 3 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-beacon {
  display: block !important;
  fill: var(--ui525-hot) !important;
  stroke: var(--ui525-signal-hot) !important;
  stroke-width: 0.42 !important;
  filter: drop-shadow(0 0 3px rgba(108, 245, 234, 0.78)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.12 !important;
  opacity: 1 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-fill {
  fill: rgba(108, 245, 234, 0.08) !important;
  stroke: var(--ui525-ice) !important;
  stroke-width: 0.76 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui525-signal-hot) !important;
  stroke-width: 1.48 !important;
  filter: drop-shadow(0 0 3px rgba(108, 245, 234, 0.6)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon:is([data-vector-name="alerts"], [data-vector-name="bell"], [data-vector-name="logs"], [data-vector-name="notifications"]) :is(.glyph-signal, .glyph-tech-core, .glyph-node) {
  stroke: var(--ui525-amber) !important;
  filter: drop-shadow(0 0 3px rgba(237, 193, 118, 0.56)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: var(--ui525-hot) !important;
  transform: translate3d(1px, -1px, 0) scale(1.045) !important;
  filter: drop-shadow(0 0 8px rgba(108, 245, 234, 0.62)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 1 !important;
  animation: ui525HoverScan 340ms var(--ui525-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-calibration {
  stroke: var(--ui525-hot) !important;
  opacity: 0.92 !important;
  animation: ui525CalibrationLock 320ms var(--ui525-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):active svg.cockpit-vector-icon {
  transform: translate3d(0, 0, 0) scale(0.94) !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon {
  color: var(--ui525-hot) !important;
  filter: drop-shadow(0 0 9px rgba(108, 245, 234, 0.66)) !important;
  animation: ui525LockConfirm 420ms var(--ui525-ease) both !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 0.9 !important;
  animation: ui525ScanLock 360ms var(--ui525-ease) both !important;
}

/* The only continuous loop is the real busy state. */
html body :is(#portal-root[data-cockpit-busy="true"], #root[data-cockpit-busy="true"]) svg.cockpit-vector-icon .glyph-tech-orbit,
html body :is(#portal-root, #root) [data-cockpit-busy="true"] svg.cockpit-vector-icon .glyph-tech-orbit {
  animation: ui525BusyOrbit 1.8s linear infinite !important;
}

/* Data instruments: quiet grid, a single trace, and a terminal lock. */
html body :is(#portal-root, #root) svg.cockpit-data-vector,
html body svg.chart {
  isolation: isolate !important;
  overflow: hidden !important;
  background: var(--ui525-ink) !important;
  border: 1px solid rgba(85, 217, 230, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(236, 251, 250, 0.035), 0 10px 22px rgba(0, 0, 0, 0.26) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-frame {
  fill: rgba(9, 24, 32, 0.78) !important;
  stroke: var(--ui525-signal) !important;
  stroke-width: 0.52 !important;
  stroke-dasharray: 14 4 2 7 !important;
  animation: ui525DataFrame 560ms var(--ui525-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  fill: none !important;
  stroke: var(--ui525-ice) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 5 3 2 4 !important;
  opacity: 0.7 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-axis, .vector-ticks, .vector-calibration),
html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-grid path {
  fill: none !important;
  stroke: rgba(145, 168, 255, 0.16) !important;
  stroke-width: 0.28 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-data-rail {
  fill: none !important;
  stroke: rgba(184, 212, 217, 0.48) !important;
  stroke-width: 0.36 !important;
  stroke-dasharray: 2 5 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-reference {
  fill: none !important;
  stroke: var(--ui525-amber) !important;
  stroke-width: 0.34 !important;
  stroke-dasharray: 2 6 !important;
  opacity: 0.52 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-scan-band {
  fill: rgba(108, 245, 234, 0.035) !important;
  stroke: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui525-hot) !important;
  stroke-width: 0.54 !important;
  filter: drop-shadow(0 0 4px rgba(108, 245, 234, 0.66)) !important;
  animation: ui525TelemetrySweep 700ms var(--ui525-ease) 40ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector text {
  fill: var(--ui525-ice) !important;
  font-family: "SF Pro Display", "PingFang SC", sans-serif !important;
  letter-spacing: 0 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-signal-gate {
  stroke: var(--ui525-signal) !important;
  opacity: 0.9 !important;
  animation: ui525GateWake 500ms var(--ui525-ease) 70ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-calibration {
  stroke: rgba(145, 168, 255, 0.48) !important;
  stroke-dasharray: 3 4 !important;
  opacity: 0.76 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-grid-major { opacity: 0.72 !important; }

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-terminal-ring {
  fill: none !important;
  stroke: var(--ui525-hot) !important;
  stroke-width: 0.54 !important;
  stroke-dasharray: 1 2 5 2 !important;
  filter: drop-shadow(0 0 4px rgba(108, 245, 234, 0.58)) !important;
  animation: ui525TerminalLock 560ms var(--ui525-ease) 180ms both !important;
  transform-box: fill-box !important;
  transform-origin: center !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-area, .trend-area) {
  fill: rgba(108, 245, 234, 0.045) !important;
  stroke: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui525-hot) !important;
  stroke-width: 1.02 !important;
  filter: drop-shadow(0 0 3px rgba(108, 245, 234, 0.54)) !important;
  animation: ui525TraceDraw 760ms var(--ui525-ease) 80ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui525-blue) !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-line.reference {
  stroke: var(--ui525-amber) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 3 4 !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar {
  fill: rgba(85, 217, 230, 0.34) !important;
  stroke: var(--ui525-signal) !important;
  stroke-width: 0.42 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar-cap {
  fill: var(--ui525-signal-hot) !important;
  stroke: none !important;
  filter: drop-shadow(0 0 3px rgba(108, 245, 234, 0.56)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-radar-axis, .vector-radar-ring) {
  fill: none !important;
  stroke: rgba(145, 168, 255, 0.36) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 2 4 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-radar-axis {
  stroke: rgba(184, 212, 217, 0.52) !important;
  stroke-dasharray: 1 3 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-radar-area {
  stroke-width: 0.72 !important;
  stroke-dasharray: 4 3 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-radar-area.brand {
  fill: rgba(108, 245, 234, 0.12) !important;
  stroke: var(--ui525-signal-hot) !important;
  filter: drop-shadow(0 0 3px rgba(108, 245, 234, 0.44)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-radar-area.competitor {
  fill: rgba(145, 168, 255, 0.06) !important;
  stroke: var(--ui525-blue) !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui525-hot) !important;
  stroke: var(--ui525-signal-hot) !important;
  stroke-width: 0.46 !important;
  filter: drop-shadow(0 0 3px rgba(108, 245, 234, 0.7)) !important;
  animation: ui525TerminalArrive 380ms var(--ui525-ease) 200ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-lock {
  fill: none !important;
  stroke: var(--ui525-ice) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 3 2 !important;
}

/* Login mark follows the same lock-and-signal grammar. */
html body .wrap :is(svg.login-vector, .login-link-card svg) {
  width: 36px !important;
  height: 36px !important;
  color: var(--ui525-hot) !important;
  filter: drop-shadow(0 0 6px rgba(108, 245, 234, 0.42)) !important;
  animation: ui525VectorBoot 480ms var(--ui525-ease) both !important;
}

html body .wrap svg.login-vector :is(.login-vector-frame, .login-vector-grid, .login-vector-lock, .login-vector-calibration) {
  fill: none !important;
  stroke: var(--ui525-signal) !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

html body .wrap svg.login-vector .login-vector-frame {
  fill: rgba(85, 217, 230, 0.03) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 8 3 2 5 !important;
}

html body .wrap svg.login-vector .login-vector-grid {
  stroke: rgba(145, 168, 255, 0.3) !important;
  stroke-width: 0.34 !important;
}

html body .wrap svg.login-vector .login-vector-calibration {
  stroke: var(--ui525-blue) !important;
  stroke-width: 0.4 !important;
  stroke-dasharray: 3 3 !important;
  opacity: 0.78 !important;
  animation: ui525CalibrationWake 500ms var(--ui525-ease) 60ms both !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  stroke: var(--ui525-signal-hot) !important;
  stroke-width: 1.22 !important;
  filter: drop-shadow(0 0 3px rgba(108, 245, 234, 0.64)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: rgba(108, 245, 234, 0.1) !important;
  stroke: var(--ui525-hot) !important;
  stroke-width: 0.74 !important;
  filter: drop-shadow(0 0 4px rgba(108, 245, 234, 0.7)) !important;
}

html body .wrap .login-link-card svg {
  shape-rendering: geometricPrecision !important;
  filter: drop-shadow(0 0 5px rgba(108, 245, 234, 0.34)) !important;
}

html body .wrap .login-link-card svg :is(path, rect, circle) {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.18 !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
  vector-effect: non-scaling-stroke !important;
}

html body .wrap .login-link-card svg :first-child {
  stroke: var(--ui525-signal) !important;
  stroke-dasharray: 7 3 2 4 !important;
  animation: ui525RouteAcquire 520ms var(--ui525-ease) both !important;
}

html body .wrap .login-link-card:hover svg,
html body .wrap .login-link-card:focus-visible svg {
  color: var(--ui525-hot) !important;
  transform: translate3d(1px, -1px, 0) scale(1.04) !important;
  filter: drop-shadow(0 0 8px rgba(108, 245, 234, 0.58)) !important;
}

@keyframes ui525VectorBoot {
  from { opacity: 0; transform: translateY(2px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ui525RouteAcquire {
  from { stroke-dashoffset: 24; opacity: 0.18; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes ui525FrameAcquire {
  from { stroke-dashoffset: 28; opacity: 0.2; }
  to { stroke-dashoffset: 0; opacity: 0.9; }
}

@keyframes ui525CircuitWake {
  from { stroke-dashoffset: 20; opacity: 0.08; }
  to { stroke-dashoffset: 0; opacity: 0.82; }
}

@keyframes ui525CalibrationWake {
  from { stroke-dashoffset: 20; opacity: 0.08; }
  to { stroke-dashoffset: 0; opacity: 0.78; }
}

@keyframes ui525CalibrationLock {
  from { stroke-dashoffset: 14; opacity: 0.22; }
  to { stroke-dashoffset: 0; opacity: 0.92; }
}

@keyframes ui525CoreWake {
  from { opacity: 0.12; transform: scale(0.78); transform-origin: center; }
  78% { opacity: 1; transform: scale(1.04); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}

@keyframes ui525ScanLock {
  from { stroke-dashoffset: 20; opacity: 0.1; }
  to { stroke-dashoffset: -20; opacity: 0.9; }
}

@keyframes ui525HoverScan {
  from { stroke-dashoffset: 20; opacity: 0.16; }
  to { stroke-dashoffset: -20; opacity: 1; }
}

@keyframes ui525LockConfirm {
  0% { opacity: 0.58; transform: scale(0.95); }
  72% { opacity: 1; transform: scale(1.035); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes ui525BusyOrbit { to { transform: rotate(360deg); } }

@keyframes ui525DataFrame {
  from { stroke-dashoffset: 28; opacity: 0.24; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes ui525TelemetrySweep {
  from { opacity: 0.06; stroke-dashoffset: 1; }
  to { opacity: 0.9; stroke-dashoffset: 0; }
}

@keyframes ui525GateWake {
  from { stroke-dashoffset: 16; opacity: 0.1; }
  to { stroke-dashoffset: 0; opacity: 0.9; }
}

@keyframes ui525TerminalLock {
  from { opacity: 0.18; transform: scale(0.7) rotate(-12deg); }
  78% { opacity: 1; transform: scale(1.04) rotate(2deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes ui525TraceDraw {
  from { opacity: 0.12; stroke-dashoffset: 1; }
  to { opacity: 1; stroke-dashoffset: 0; }
}

@keyframes ui525TerminalArrive {
  from { opacity: 0.12; transform: scale(0.78); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}

/* Beat the older repeated-root overrides while keeping the cascade legible. */
html body #portal-root#portal-root#portal-root#portal-root main.portal-shell svg.cockpit-vector-icon,
html body #root#root#root#root main.geo-admin-shell svg.cockpit-vector-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.46)) !important;
  animation: ui525VectorBoot 380ms var(--ui525-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell svg.cockpit-vector-icon,
html body #root#root#root#root#root#root main.geo-admin-shell svg.cockpit-vector-icon {
  background: transparent !important;
  border: 0 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell .client-nav-group button.active svg.cockpit-vector-icon,
html body #root#root#root#root#root#root main.geo-admin-shell .geo-nav :is(button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  animation: ui525LockConfirm 420ms var(--ui525-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell .client-nav-group button.active:hover svg.cockpit-vector-icon .glyph-tech-scanline,
html body #root#root#root#root#root#root main.geo-admin-shell .geo-nav :is(button.active, .geo-nav-children button.active):hover svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 1 !important;
  animation: ui525HoverScan 340ms var(--ui525-ease) both !important;
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ui536-final: last cascade owner for the technical instrument language. */
:root {
  --ui536-void: #031016;
  --ui536-signal: #5be6ef;
  --ui536-hot: #ecffff;
  --ui536-cold: #9eafff;
  --ui536-edge: #4c8995;
  --ui536-quiet: #416672;
  --ui536-alert: #e8b96c;
  --ui536-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon {
  color: var(--ui536-hot) !important;
  shape-rendering: geometricPrecision !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.58)) !important;
  transition: color 160ms var(--ui536-ease), transform 160ms var(--ui536-ease), filter 160ms var(--ui536-ease) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-aperture, .glyph-tech-crosshair, .glyph-tech-microticks, .glyph-tech-route),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-aperture, .glyph-tech-crosshair, .glyph-tech-microticks, .glyph-tech-route) {
  display: block !important;
  fill: none !important;
  vector-effect: non-scaling-stroke !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-aperture,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-aperture {
  stroke: var(--ui536-signal) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 1 5 6 3 !important;
  opacity: 0.76 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-crosshair,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-crosshair {
  stroke: var(--ui536-hot) !important;
  stroke-width: 0.5 !important;
  opacity: 0.82 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-microticks,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-microticks {
  stroke: var(--ui536-cold) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 2 3 !important;
  opacity: 0.68 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-route,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-route {
  stroke: var(--ui536-signal) !important;
  stroke-width: 0.56 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.88 !important;
  animation: ui536RouteReceive 600ms var(--ui536-ease) 80ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-pulse),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-pulse) {
  display: none !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-core-ring,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-core-ring {
  display: block !important;
  fill: none !important;
  stroke: var(--ui536-signal) !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 1 3 4 2 !important;
  opacity: 0.58 !important;
  animation: ui536CoreReceive 460ms var(--ui536-ease) 120ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-core,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-core {
  display: block !important;
  fill: var(--ui536-hot) !important;
  stroke: var(--ui536-signal) !important;
  stroke-width: 0.54 !important;
  opacity: 0.92 !important;
  filter: drop-shadow(0 0 3px rgba(91, 230, 239, 0.76)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: var(--ui536-hot) !important;
  transform: translate3d(1px, -1px, 0) scale(1.045) !important;
  filter: drop-shadow(0 0 8px rgba(91, 230, 239, 0.7)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  display: block !important;
  fill: none !important;
  stroke: var(--ui536-hot) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 2 3 9 4 !important;
  animation: ui536ScanLock 360ms var(--ui536-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(button.active, a[aria-current="page"]) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-pulse),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root :is(button.active, a[aria-current="page"]) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-pulse) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui536-cold) !important;
  stroke-width: 0.42 !important;
  opacity: 0.64 !important;
  animation: ui536LockAcquire 420ms var(--ui536-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector,
html body svg.chart {
  background: var(--ui536-void) !important;
  border-color: rgba(91, 230, 239, 0.46) !important;
  box-shadow: inset 0 0 0 1px rgba(236, 255, 255, 0.06), 0 14px 28px rgba(0, 0, 0, 0.34) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector .vector-frame,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector .vector-frame {
  fill: rgba(10, 32, 42, 0.86) !important;
  stroke: var(--ui536-signal) !important;
  stroke-width: 0.68 !important;
  stroke-dasharray: 2 6 14 4 !important;
  animation: ui536FrameReceive 560ms var(--ui536-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-sweep, .vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui536-hot) !important;
  filter: drop-shadow(0 0 4px rgba(91, 230, 239, 0.72)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector .vector-sweep,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector .vector-sweep {
  stroke-width: 0.68 !important;
  animation: ui536TelemetryReceive 720ms var(--ui536-ease) 80ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke-width: 1.3 !important;
  animation: ui536TraceReceive 820ms var(--ui536-ease) 120ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui536-cold) !important;
  filter: none !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui536-hot) !important;
  stroke: var(--ui536-signal) !important;
  stroke-width: 0.6 !important;
  filter: drop-shadow(0 0 4px rgba(91, 230, 239, 0.82)) !important;
  animation: ui536NodeReceive 380ms var(--ui536-ease) 200ms both !important;
}

html body .wrap :is(svg.login-vector, .login-link-card svg) {
  color: var(--ui536-hot) !important;
  filter: drop-shadow(0 0 7px rgba(91, 230, 239, 0.5)) !important;
}

html body .wrap svg.login-vector :is(.login-vector-frame, .login-vector-window, .login-vector-aperture, .login-vector-grid, .login-vector-calibration, .login-vector-vector, .login-vector-lock, .login-vector-bus) {
  fill: none !important;
  stroke: var(--ui536-line-bright, var(--ui536-edge)) !important;
  vector-effect: non-scaling-stroke !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

html body .wrap svg.login-vector .login-vector-frame {
  stroke: var(--ui536-signal) !important;
  stroke-width: 0.68 !important;
  stroke-dasharray: 8 3 2 5 !important;
}

html body .wrap svg.login-vector :is(.login-vector-window, .login-vector-aperture) {
  stroke: var(--ui536-edge) !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 7 3 1 5 !important;
}

html body .wrap svg.login-vector :is(.login-vector-grid, .login-vector-vector, .login-vector-lock) {
  stroke: var(--ui536-cold) !important;
  stroke-width: 0.36 !important;
  stroke-dasharray: 2 4 !important;
}

html body .wrap svg.login-vector .login-vector-bus {
  stroke: var(--ui536-signal) !important;
  stroke-width: 0.54 !important;
  stroke-dasharray: 1 4 5 3 !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  stroke: var(--ui536-hot) !important;
  stroke-width: 1.36 !important;
  filter: drop-shadow(0 0 4px rgba(91, 230, 239, 0.8)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: rgba(91, 230, 239, 0.14) !important;
  stroke: var(--ui536-hot) !important;
  stroke-width: 0.82 !important;
  filter: drop-shadow(0 0 4px rgba(91, 230, 239, 0.8)) !important;
}

@keyframes ui536RouteReceive { from { stroke-dashoffset: 22; opacity: 0.08; } to { stroke-dashoffset: 0; opacity: 0.88; } }
@keyframes ui536CoreReceive { from { opacity: 0.1; transform: scale(0.76); transform-origin: center; } to { opacity: 0.58; transform: scale(1); transform-origin: center; } }
@keyframes ui536ScanLock { from { stroke-dashoffset: 20; opacity: 0.12; } to { stroke-dashoffset: -20; opacity: 1; } }
@keyframes ui536LockAcquire { from { opacity: 0.1; transform: scale(0.76); transform-origin: center; } 72% { opacity: 0.9; transform: scale(1.05); transform-origin: center; } to { opacity: 0.64; transform: scale(1); transform-origin: center; } }
@keyframes ui536FrameReceive { from { stroke-dashoffset: 34; opacity: 0.18; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes ui536TelemetryReceive { from { stroke-dashoffset: 1; opacity: 0.08; } to { stroke-dashoffset: 0; opacity: 0.96; } }
@keyframes ui536TraceReceive { from { stroke-dashoffset: 1; opacity: 0.08; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes ui536NodeReceive { from { opacity: 0.14; transform: scale(0.76); transform-origin: center; } to { opacity: 1; transform: scale(1); transform-origin: center; } }

@media (prefers-reduced-motion: reduce) {
  html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon,
  html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon *,
  html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui535-signal-instruments: make the SVG system read as equipment, not a
   recolored icon set. Each glyph has a semantic center inside a shared
   chassis; lock and telemetry layers only appear when the UI has a state to
   report. */
:root {
  --ui535-void: #031016;
  --ui535-panel: #0a202a;
  --ui535-line: #3c6b76;
  --ui535-line-bright: #7cb9c1;
  --ui535-signal: #5be6ef;
  --ui535-hot: #ecffff;
  --ui535-cold: #9eafff;
  --ui535-alert: #e8b96c;
  --ui535-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon {
  color: #d7ebed !important;
  shape-rendering: geometricPrecision !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.56)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(path, rect, circle, line, polyline, polygon) {
  vector-effect: non-scaling-stroke !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-chassis {
  display: block !important;
  fill: rgba(91, 230, 239, 0.025) !important;
  stroke: var(--ui535-line-bright) !important;
  stroke-width: 0.72 !important;
  stroke-dasharray: 14 3 2 6 !important;
  opacity: 0.88 !important;
  animation: ui535ChassisBoot 520ms var(--ui535-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-window, .glyph-tech-aperture) {
  display: block !important;
  fill: rgba(10, 32, 42, 0.26) !important;
  stroke: var(--ui535-line) !important;
  opacity: 0.82 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-window {
  stroke-width: 0.42 !important;
  stroke-dasharray: 9 3 2 5 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-aperture {
  fill: rgba(91, 230, 239, 0.045) !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 1 5 6 3 !important;
  opacity: 0.74 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration, .glyph-tech-crosshair, .glyph-tech-microticks) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui535-line-bright) !important;
  stroke-width: 0.42 !important;
  opacity: 0.68 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-crosshair) {
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.54 !important;
  opacity: 0.84 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-calibration {
  stroke: var(--ui535-cold) !important;
  stroke-dasharray: 1 4 !important;
  opacity: 0.62 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-microticks, .glyph-tech-rail) {
  stroke: var(--ui535-line-bright) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 2 3 !important;
  opacity: 0.58 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-route, .glyph-tech-bus, .glyph-tech-connector, .glyph-tech-circuit, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.56 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.86 !important;
  animation: ui535RouteWake 620ms var(--ui535-ease) 80ms both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-connector {
  stroke: var(--ui535-line-bright) !important;
  stroke-width: 0.42 !important;
  opacity: 0.56 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-vector {
  display: block !important;
  fill: none !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 3 4 !important;
  opacity: 0.72 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-target {
  display: block !important;
  fill: none !important;
  stroke: var(--ui535-line-bright) !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 4 4 !important;
  opacity: 0.58 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-core-ring, .glyph-tech-spokes) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 3 4 2 !important;
  opacity: 0.56 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-core, .glyph-node, .glyph-tech-beacon) {
  display: block !important;
  fill: var(--ui535-hot) !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.52 !important;
  filter: drop-shadow(0 0 3px rgba(91, 230, 239, 0.72)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-orbit,
html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-pulse {
  display: none !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon,
html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(button.active, a[aria-current="page"]) svg.cockpit-vector-icon {
  color: var(--ui535-hot) !important;
  transform: translate3d(1px, -1px, 0) scale(1.04) !important;
  filter: drop-shadow(0 0 8px rgba(91, 230, 239, 0.66)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-pulse, .glyph-tech-scanline),
html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(button.active, a[aria-current="page"]) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-pulse, .glyph-tech-scanline) {
  display: block !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  fill: none !important;
  stroke: var(--ui535-hot) !important;
  stroke-width: 0.46 !important;
  stroke-dasharray: 2 3 9 4 !important;
  opacity: 1 !important;
  animation: ui535ScanLock 360ms var(--ui535-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(button.active, a[aria-current="page"]) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-core-ring) {
  display: block !important;
  animation: ui535ReticleAcquire 420ms var(--ui535-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(button, a, summary):active svg.cockpit-vector-icon {
  transform: translate3d(0, 0, 0) scale(0.95) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector,
html body svg.chart {
  background: var(--ui535-void) !important;
  border: 1px solid rgba(91, 230, 239, 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(236, 255, 255, 0.05), 0 14px 28px rgba(0, 0, 0, 0.34) !important;
  shape-rendering: geometricPrecision !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-frame {
  fill: rgba(10, 32, 42, 0.84) !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.66 !important;
  stroke-dasharray: 2 6 14 4 !important;
  animation: ui535DataFrame 560ms var(--ui535-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  fill: none !important;
  stroke: var(--ui535-line-bright) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 5 3 2 4 !important;
  opacity: 0.74 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-axis, .vector-ticks, .vector-calibration, .vector-grid path) {
  fill: none !important;
  stroke: rgba(158, 175, 255, 0.28) !important;
  stroke-width: 0.3 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-grid-major {
  opacity: 0.72 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-data-rail {
  fill: none !important;
  stroke: rgba(215, 235, 237, 0.48) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 2 5 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-reference {
  fill: none !important;
  stroke: var(--ui535-alert) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 5 !important;
  opacity: 0.62 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-sweep {
  fill: none !important;
  stroke: var(--ui535-hot) !important;
  stroke-width: 0.66 !important;
  filter: drop-shadow(0 0 5px rgba(91, 230, 239, 0.82)) !important;
  animation: ui535TelemetryReceive 720ms var(--ui535-ease) 80ms both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui535-hot) !important;
  stroke-width: 1.22 !important;
  filter: drop-shadow(0 0 4px rgba(91, 230, 239, 0.7)) !important;
  animation: ui535TraceReceive 820ms var(--ui535-ease) 120ms both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui535-cold) !important;
  filter: none !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-area, .trend-area) {
  fill: rgba(91, 230, 239, 0.07) !important;
  stroke: none !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui535-hot) !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 4px rgba(91, 230, 239, 0.82)) !important;
  animation: ui535NodeReceive 380ms var(--ui535-ease) 200ms both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui535-cold) !important;
  fill: rgba(158, 175, 255, 0.92) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-terminal-ring {
  fill: none !important;
  stroke: var(--ui535-hot) !important;
  stroke-width: 0.56 !important;
  stroke-dasharray: 1 2 5 2 !important;
  filter: drop-shadow(0 0 4px rgba(91, 230, 239, 0.6)) !important;
  animation: ui535TerminalAcquire 560ms var(--ui535-ease) 180ms both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-bar, .vector-bar-cap) {
  stroke: var(--ui535-signal) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-bar {
  fill: rgba(91, 230, 239, 0.34) !important;
  stroke-width: 0.44 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-bar-cap {
  fill: var(--ui535-hot) !important;
  stroke: none !important;
  filter: drop-shadow(0 0 3px rgba(91, 230, 239, 0.68)) !important;
}

html body .wrap :is(svg.login-vector, .login-link-card svg) {
  color: var(--ui535-hot) !important;
  filter: drop-shadow(0 0 7px rgba(91, 230, 239, 0.46)) !important;
}

html body .wrap svg.login-vector :is(.login-vector-frame, .login-vector-window, .login-vector-aperture, .login-vector-grid, .login-vector-calibration, .login-vector-vector, .login-vector-lock, .login-vector-bus) {
  fill: none !important;
  stroke: var(--ui535-line-bright) !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
  vector-effect: non-scaling-stroke !important;
}

html body .wrap svg.login-vector .login-vector-frame {
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.66 !important;
  stroke-dasharray: 8 3 2 5 !important;
}

html body .wrap svg.login-vector :is(.login-vector-window, .login-vector-aperture) {
  stroke: var(--ui535-line) !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 7 3 1 5 !important;
}

html body .wrap svg.login-vector :is(.login-vector-grid, .login-vector-vector, .login-vector-lock) {
  stroke: var(--ui535-cold) !important;
  stroke-width: 0.36 !important;
  stroke-dasharray: 2 4 !important;
}

html body .wrap svg.login-vector .login-vector-bus {
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.52 !important;
  stroke-dasharray: 1 4 5 3 !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  stroke: var(--ui535-hot) !important;
  stroke-width: 1.34 !important;
  filter: drop-shadow(0 0 4px rgba(91, 230, 239, 0.78)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: rgba(91, 230, 239, 0.14) !important;
  stroke: var(--ui535-hot) !important;
  stroke-width: 0.82 !important;
  filter: drop-shadow(0 0 4px rgba(91, 230, 239, 0.78)) !important;
}

@keyframes ui535ChassisBoot {
  from { stroke-dashoffset: 32; opacity: 0.16; }
  to { stroke-dashoffset: 0; opacity: 0.88; }
}

@keyframes ui535RouteWake {
  from { stroke-dashoffset: 22; opacity: 0.08; }
  to { stroke-dashoffset: 0; opacity: 0.86; }
}

@keyframes ui535ScanLock {
  from { stroke-dashoffset: 20; opacity: 0.12; }
  to { stroke-dashoffset: -20; opacity: 1; }
}

@keyframes ui535ReticleAcquire {
  from { opacity: 0.12; transform: scale(0.76); transform-origin: center; }
  72% { opacity: 0.92; transform: scale(1.05); transform-origin: center; }
  to { opacity: 0.58; transform: scale(1); transform-origin: center; }
}

@keyframes ui535DataFrame {
  from { stroke-dashoffset: 34; opacity: 0.18; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes ui535TelemetryReceive {
  from { stroke-dashoffset: 1; opacity: 0.08; }
  to { stroke-dashoffset: 0; opacity: 0.96; }
}

@keyframes ui535TraceReceive {
  from { stroke-dashoffset: 1; opacity: 0.08; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes ui535NodeReceive {
  from { opacity: 0.14; transform: scale(0.76); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}

@keyframes ui535TerminalAcquire {
  from { opacity: 0.12; transform: scale(0.7) rotate(-12deg); transform-origin: center; }
  76% { opacity: 1; transform: scale(1.04) rotate(2deg); transform-origin: center; }
  to { opacity: 1; transform: scale(1) rotate(0); transform-origin: center; }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon,
  html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon *,
  html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui534-reduced-final: beat legacy state selectors while preserving the
   reduced-motion contract on the exact animated primitives. */
@media (prefers-reduced-motion: reduce) {
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-vector-icon,
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-vector-icon *,
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-data-vector .vector-sweep,
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline, .vector-node, .vector-terminal, .trend-dot, .vector-terminal-ring, .vector-lock) {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui534-authority: the final instrument language for every SVG surface.
   Earlier passes remain in this file for cache compatibility, but this layer
   is the only visual owner at runtime. */
:root {
  --ui534-void: #030b11;
  --ui534-panel: #081923;
  --ui534-edge: #4d8190;
  --ui534-edge-bright: #91c5cc;
  --ui534-signal: #67eef2;
  --ui534-hot: #ecffff;
  --ui534-blue: #9aaeff;
  --ui534-amber: #edbd6b;
  --ui534-muted: #5c7b86;
  --ui534-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  overflow: visible !important;
  color: var(--ui534-hot) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.58)) !important;
  shape-rendering: geometricPrecision !important;
  transform: translate3d(0, 0, 0) !important;
  transition: color 160ms var(--ui534-ease), transform 160ms var(--ui534-ease), filter 160ms var(--ui534-ease) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(path, rect, circle, line, polyline, polygon) {
  vector-effect: non-scaling-stroke !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

/* The outer frame is deliberately open: it reads like a HUD registration
   mark, while the inner window gives the semantic symbol a protected field. */
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-shell {
  display: none !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-chassis {
  display: block !important;
  fill: none !important;
  stroke: var(--ui534-edge-bright) !important;
  stroke-width: 0.72 !important;
  stroke-dasharray: 14 3 2 6 !important;
  opacity: 0.92 !important;
  animation: ui534FrameCalibrate 520ms var(--ui534-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-window {
  display: block !important;
  fill: rgba(103, 238, 242, 0.025) !important;
  stroke: var(--ui534-edge) !important;
  stroke-width: 0.4 !important;
  stroke-dasharray: 12 3 1 5 !important;
  opacity: 0.82 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui534-signal) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 2 5 10 4 !important;
  opacity: 0.84 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui534-signal) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.9 !important;
  animation: ui534SignalAcquire 620ms var(--ui534-ease) 80ms both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-rail, .glyph-tech-connector) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui534-muted) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 4 !important;
  opacity: 0.72 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-core-ring, .glyph-tech-spokes, .glyph-tech-pulse, .glyph-tech-core) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui534-edge) !important;
  stroke-width: 0.42 !important;
  opacity: 0.34 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-orbit {
  stroke: var(--ui534-blue) !important;
  stroke-dasharray: 1 7 5 4 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-core {
  fill: var(--ui534-hot) !important;
  stroke: var(--ui534-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(103, 238, 242, 0.72)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-main, .glyph-fill) {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.28 !important;
  opacity: 1 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui534-signal) !important;
  stroke-width: 1.64 !important;
  filter: drop-shadow(0 0 3px rgba(103, 238, 242, 0.66)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-node, .glyph-node-ring, .glyph-tech-beacon) {
  fill: var(--ui534-hot) !important;
  stroke: var(--ui534-signal) !important;
  stroke-width: 0.54 !important;
  filter: drop-shadow(0 0 3px rgba(103, 238, 242, 0.76)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) :is(.client-nav-group button, .geo-nav button, .geo-nav-children button, button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: var(--ui534-hot) !important;
  transform: translate3d(1px, -1px, 0) !important;
  filter: drop-shadow(0 0 8px rgba(103, 238, 242, 0.62)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) :is(.client-nav-group button, .geo-nav button, .geo-nav-children button, button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-target, .glyph-tech-core-ring, .glyph-tech-scanline, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  opacity: 0.94 !important;
  stroke: var(--ui534-signal) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) :is(.client-nav-group button, .geo-nav button, .geo-nav-children button, button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  display: block !important;
  animation: ui534ScanLock 360ms var(--ui534-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) :is(.client-nav-group button, .geo-nav button, .geo-nav-children button, button, a, summary):active svg.cockpit-vector-icon {
  transform: translate3d(0, 0, 0) scale(0.94) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  color: var(--ui534-hot) !important;
  filter: drop-shadow(0 0 9px rgba(103, 238, 242, 0.72)) !important;
  animation: ui534ActiveLock 420ms var(--ui534-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon:is([data-vector-name="alerts"], [data-vector-name="bell"], [data-vector-name="notifications"]) :is(.glyph-signal, .glyph-node, .glyph-tech-beacon) {
  stroke: var(--ui534-amber) !important;
  filter: drop-shadow(0 0 3px rgba(237, 189, 107, 0.6)) !important;
}

/* Data SVGs are instrument windows: a crisp frame, quiet calibration grid,
   one primary trace, one secondary trace, and a single terminal lock. */
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) :is(svg.cockpit-data-vector, svg.chart) {
  isolation: isolate !important;
  overflow: hidden !important;
  background: var(--ui534-void) !important;
  border: 1px solid rgba(103, 238, 242, 0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(236, 255, 255, 0.05), 0 14px 28px rgba(0, 0, 0, 0.36) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-frame, .vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  fill: none !important;
  stroke: var(--ui534-edge-bright) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 16 4 2 8 !important;
  opacity: 0.9 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-axis, .vector-ticks, .vector-calibration, .vector-grid path, .vector-data-rail) {
  fill: none !important;
  stroke: rgba(154, 174, 255, 0.27) !important;
  stroke-width: 0.3 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector .vector-scan-band {
  fill: rgba(103, 238, 242, 0.05) !important;
  stroke: none !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector .vector-sweep {
  fill: none !important;
  stroke: var(--ui534-hot) !important;
  stroke-width: 0.7 !important;
  filter: drop-shadow(0 0 5px rgba(103, 238, 242, 0.82)) !important;
  animation: ui534TelemetrySweep 720ms var(--ui534-ease) 80ms both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui534-hot) !important;
  stroke-width: 1.3 !important;
  filter: drop-shadow(0 0 4px rgba(103, 238, 242, 0.68)) !important;
  animation: ui534TraceLoad 820ms var(--ui534-ease) 120ms both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui534-blue) !important;
  filter: none !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector .vector-reference {
  fill: none !important;
  stroke: var(--ui534-amber) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 5 !important;
  opacity: 0.7 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui534-hot) !important;
  stroke: var(--ui534-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 4px rgba(103, 238, 242, 0.82)) !important;
  animation: ui534TerminalLock 380ms var(--ui534-ease) 280ms both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-terminal-ring, .vector-lock) {
  fill: none !important;
  stroke: var(--ui534-signal) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 1 4 5 3 !important;
  animation: ui534TerminalLock 420ms var(--ui534-ease) 240ms both !important;
}

html body .wrap :is(svg.login-vector, .login-link-card svg) {
  shape-rendering: geometricPrecision !important;
  color: var(--ui534-hot) !important;
  filter: drop-shadow(0 0 7px rgba(103, 238, 242, 0.48)) !important;
}

html body .wrap svg.login-vector :is(.login-vector-frame, .login-vector-window, .login-vector-grid, .login-vector-lock, .login-vector-calibration, .login-vector-bus, .login-vector-pulse) {
  fill: none !important;
  stroke: var(--ui534-edge-bright) !important;
  stroke-width: 0.54 !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
  vector-effect: non-scaling-stroke !important;
}

html body .wrap svg.login-vector .login-vector-frame {
  stroke: var(--ui534-signal) !important;
  stroke-dasharray: 14 3 2 6 !important;
}

html body .wrap svg.login-vector .login-vector-window {
  fill: rgba(103, 238, 242, 0.035) !important;
  stroke: var(--ui534-edge) !important;
  stroke-width: 0.4 !important;
}

html body .wrap svg.login-vector .login-vector-grid {
  stroke: rgba(154, 174, 255, 0.32) !important;
  stroke-dasharray: 1 4 !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  fill: none !important;
  stroke: var(--ui534-hot) !important;
  stroke-width: 1.38 !important;
  filter: drop-shadow(0 0 4px rgba(103, 238, 242, 0.74)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: rgba(103, 238, 242, 0.12) !important;
  stroke: var(--ui534-signal) !important;
  stroke-width: 0.76 !important;
}

@keyframes ui534FrameCalibrate {
  from { stroke-dashoffset: 34; opacity: 0.12; }
  to { stroke-dashoffset: 0; opacity: 0.92; }
}

@keyframes ui534SignalAcquire {
  from { stroke-dashoffset: 24; opacity: 0.1; }
  to { stroke-dashoffset: 0; opacity: 0.9; }
}

@keyframes ui534ScanLock {
  from { stroke-dashoffset: 28; opacity: 0.16; }
  to { stroke-dashoffset: 0; opacity: 0.96; }
}

@keyframes ui534ActiveLock {
  from { opacity: 0.58; transform: scale(0.94); }
  72% { opacity: 1; transform: scale(1.045); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes ui534TelemetrySweep {
  from { stroke-dashoffset: 1; opacity: 0.04; }
  to { stroke-dashoffset: 0; opacity: 0.94; }
}

@keyframes ui534TraceLoad {
  from { stroke-dashoffset: 1; opacity: 0.12; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes ui534TerminalLock {
  from { opacity: 0; transform: scale(0.72); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Keep accessibility deterministic even when an earlier historical selector
   carries more specificity than the shared reduced-motion sheet. */
@media (prefers-reduced-motion: reduce) {
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-vector-icon,
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-vector-icon *,
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-data-vector *,
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.chart * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui535-command-instrument: terminal visual owner. The previous passes made
   every icon a framed badge; this pass makes the frame read as a targeting
   instrument and keeps the semantic glyph in the foreground. */
:root {
  --ui535-void: #02080d;
  --ui535-signal: #60e7f0;
  --ui535-hot: #f0ffff;
  --ui535-cold: #8da7ff;
  --ui535-edge: #3e7384;
  --ui535-quiet: #41606b;
  --ui535-amber: #e7b967;
  --ui535-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon {
  color: var(--ui535-hot) !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.6)) !important;
  shape-rendering: geometricPrecision !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-chassis, .glyph-tech-window, .glyph-tech-aperture, .glyph-tech-registration, .glyph-tech-calibration, .glyph-tech-bus, .glyph-tech-rail, .glyph-tech-connector, .glyph-tech-circuit, .glyph-tech-beam, .glyph-tech-orbit, .glyph-tech-vector, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-spokes, .glyph-tech-pulse, .glyph-tech-core, .glyph-node, .glyph-node-ring, .glyph-tech-beacon),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-chassis, .glyph-tech-window, .glyph-tech-aperture, .glyph-tech-registration, .glyph-tech-calibration, .glyph-tech-bus, .glyph-tech-rail, .glyph-tech-connector, .glyph-tech-circuit, .glyph-tech-beam, .glyph-tech-orbit, .glyph-tech-vector, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-spokes, .glyph-tech-pulse, .glyph-tech-core, .glyph-node, .glyph-node-ring, .glyph-tech-beacon) {
  vector-effect: non-scaling-stroke !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-chassis,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-chassis {
  fill: none !important;
  stroke: var(--ui535-edge) !important;
  stroke-width: 0.68 !important;
  stroke-dasharray: 10 3 2 6 !important;
  opacity: 0.96 !important;
  animation: ui535FrameAcquire 520ms var(--ui535-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-window,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-window {
  fill: rgba(96, 231, 240, 0.025) !important;
  stroke: var(--ui535-edge) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 8 3 1 5 !important;
  opacity: 0.82 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-aperture, .glyph-tech-orbit, .glyph-tech-core-ring),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-aperture, .glyph-tech-orbit, .glyph-tech-core-ring) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.54 !important;
  opacity: 0.7 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-aperture,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-aperture {
  stroke: var(--ui535-edge) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 2 5 7 3 !important;
  opacity: 0.78 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-orbit,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-orbit {
  stroke: var(--ui535-cold) !important;
  stroke-width: 0.46 !important;
  stroke-dasharray: 1 6 4 3 !important;
  opacity: 0.58 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration, .glyph-tech-vector),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration, .glyph-tech-vector) {
  fill: none !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.48 !important;
  opacity: 0.84 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-vector,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-vector {
  stroke: var(--ui535-hot) !important;
  stroke-width: 0.62 !important;
  opacity: 0.9 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam) {
  fill: none !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.6 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.94 !important;
  animation: ui535SignalAcquire 620ms var(--ui535-ease) 70ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-rail, .glyph-tech-connector),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-rail, .glyph-tech-connector) {
  fill: none !important;
  stroke: var(--ui535-quiet) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 2 4 !important;
  opacity: 0.86 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-target,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-target {
  fill: none !important;
  stroke: var(--ui535-hot) !important;
  stroke-width: 0.54 !important;
  opacity: 0.72 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-scanline, .glyph-tech-pulse),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-scanline, .glyph-tech-pulse) {
  fill: none !important;
  stroke: var(--ui535-hot) !important;
  stroke-width: 0.5 !important;
  opacity: 0.18 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-core-ring,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-core-ring {
  stroke-width: 0.66 !important;
  stroke-dasharray: 1 3 4 2 !important;
  opacity: 0.86 !important;
  animation: ui535CoreAcquire 500ms var(--ui535-ease) 90ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-main, .glyph-fill),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-main, .glyph-fill) {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.42 !important;
  opacity: 1 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-signal,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 1.82 !important;
  filter: drop-shadow(0 0 3px rgba(96, 231, 240, 0.78)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-core,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-core {
  fill: var(--ui535-hot) !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.7 !important;
  filter: drop-shadow(0 0 4px rgba(96, 231, 240, 0.9)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-node-ring,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-node-ring {
  fill: none !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.5 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon) {
  fill: var(--ui535-hot) !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.56 !important;
  filter: drop-shadow(0 0 3px rgba(96, 231, 240, 0.88)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(.client-nav-group button, .geo-nav button, .geo-nav-children button, button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root :is(.client-nav-group button, .geo-nav button, .geo-nav-children button, button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: var(--ui535-hot) !important;
  transform: translate3d(1px, -1px, 0) scale(1.045) !important;
  filter: drop-shadow(0 0 9px rgba(96, 231, 240, 0.78)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(.client-nav-group button, .geo-nav button, .geo-nav-children button, button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root :is(.client-nav-group button, .geo-nav button, .geo-nav-children button, button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 1 !important;
  animation: ui535ScanLock 360ms var(--ui535-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  color: var(--ui535-hot) !important;
  filter: drop-shadow(0 0 10px rgba(96, 231, 240, 0.84)) !important;
  animation: ui535ActiveLock 420ms var(--ui535-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(svg.cockpit-data-vector, svg.chart),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root :is(svg.cockpit-data-vector, svg.chart) {
  isolation: isolate !important;
  background: var(--ui535-void) !important;
  border-color: rgba(96, 231, 240, 0.5) !important;
  box-shadow: inset 0 0 0 1px rgba(240, 255, 255, 0.06), 0 14px 28px rgba(0, 0, 0, 0.42) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-frame, .vector-corners, .vector-bracket-inner, .vector-signal-gate),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-frame, .vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  fill: none !important;
  stroke: var(--ui535-edge) !important;
  stroke-width: 0.64 !important;
  stroke-dasharray: 14 4 2 7 !important;
  opacity: 0.94 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-grid path, .vector-axis, .vector-ticks, .vector-calibration, .vector-data-rail),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-grid path, .vector-axis, .vector-ticks, .vector-calibration, .vector-data-rail) {
  fill: none !important;
  stroke: rgba(141, 167, 255, 0.28) !important;
  stroke-width: 0.32 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector .vector-sweep,
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui535-hot) !important;
  stroke-width: 0.78 !important;
  filter: drop-shadow(0 0 6px rgba(96, 231, 240, 0.9)) !important;
  animation: ui535TelemetrySweep 760ms var(--ui535-ease) 80ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui535-hot) !important;
  stroke-width: 1.45 !important;
  filter: drop-shadow(0 0 5px rgba(96, 231, 240, 0.8)) !important;
  animation: ui535TraceAcquire 860ms var(--ui535-ease) 120ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui535-cold) !important;
  filter: none !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot),
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui535-hot) !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.64 !important;
  filter: drop-shadow(0 0 5px rgba(96, 231, 240, 0.9)) !important;
  animation: ui535TerminalLock 420ms var(--ui535-ease) 280ms both !important;
}

html body .wrap :is(svg.login-vector, .login-link-card svg) {
  color: var(--ui535-hot) !important;
  filter: drop-shadow(0 0 9px rgba(96, 231, 240, 0.58)) !important;
  shape-rendering: geometricPrecision !important;
}

html body .wrap svg.login-vector :is(.login-vector-frame, .login-vector-window, .login-vector-grid, .login-vector-lock, .login-vector-calibration, .login-vector-bus, .login-vector-pulse, .login-vector-aperture, .login-vector-vector) {
  fill: none !important;
  stroke: var(--ui535-edge) !important;
  stroke-width: 0.58 !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
  vector-effect: non-scaling-stroke !important;
}

html body .wrap svg.login-vector .login-vector-frame,
html body .wrap svg.login-vector .login-vector-calibration,
html body .wrap svg.login-vector .login-vector-vector {
  stroke: var(--ui535-signal) !important;
  stroke-dasharray: 2 5 10 4 !important;
}

html body .wrap svg.login-vector .login-vector-window {
  fill: rgba(96, 231, 240, 0.035) !important;
  stroke: var(--ui535-edge) !important;
  stroke-width: 0.42 !important;
}

html body .wrap svg.login-vector .login-vector-aperture {
  stroke: var(--ui535-cold) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 1 5 5 3 !important;
}

html body .wrap svg.login-vector .login-vector-grid {
  stroke: rgba(141, 167, 255, 0.36) !important;
  stroke-dasharray: 1 4 !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  stroke: var(--ui535-hot) !important;
  stroke-width: 1.46 !important;
  filter: drop-shadow(0 0 4px rgba(96, 231, 240, 0.82)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: rgba(96, 231, 240, 0.14) !important;
  stroke: var(--ui535-signal) !important;
  stroke-width: 0.82 !important;
}

@keyframes ui535FrameAcquire { from { stroke-dashoffset: 32; opacity: 0.16; } to { stroke-dashoffset: 0; opacity: 0.96; } }
@keyframes ui535SignalAcquire { from { stroke-dashoffset: 22; opacity: 0.1; } to { stroke-dashoffset: 0; opacity: 0.94; } }
@keyframes ui535CoreAcquire { from { opacity: 0; transform: scale(0.72); transform-origin: center; } to { opacity: 0.86; transform: scale(1); transform-origin: center; } }
@keyframes ui535ScanLock { from { stroke-dashoffset: 24; opacity: 0.08; } to { stroke-dashoffset: -24; opacity: 1; } }
@keyframes ui535ActiveLock { 0% { opacity: 0.5; transform: scale(0.94); } 70% { opacity: 1; transform: scale(1.06); } to { opacity: 1; transform: scale(1); } }
@keyframes ui535BusyOrbit { to { transform: rotate(360deg); transform-origin: center; } }
@keyframes ui535TelemetrySweep { from { stroke-dashoffset: 1; opacity: 0.04; } to { stroke-dashoffset: 0; opacity: 0.96; } }
@keyframes ui535TraceAcquire { from { stroke-dashoffset: 1; opacity: 0.1; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes ui535TerminalLock { from { opacity: 0; transform: scale(0.68); transform-origin: center; } to { opacity: 1; transform: scale(1); transform-origin: center; } }

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui533-final: supersedes historical vector passes at the end of the sheet. */
html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon {
  color: var(--ui533-hot) !important;
  background: transparent !important;
  border: 0 !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.52)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-plate, .glyph-plate-tech, .glyph-tech-shell) {
  display: none !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-chassis {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.74 !important;
  stroke-dasharray: 13 3 2 6 !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-window {
  display: block !important;
  fill: rgba(84, 228, 239, 0.028) !important;
  stroke: var(--ui533-line) !important;
  stroke-width: 0.38 !important;
  opacity: 0.78 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration, .glyph-tech-rail, .glyph-tech-connector) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.48 !important;
  opacity: 0.68 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration) {
  stroke: var(--ui533-signal) !important;
  stroke-dasharray: 2 5 11 4 !important;
  opacity: 0.84 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.92 !important;
  animation: ui533SignalAcquire 620ms var(--ui533-ease) 80ms both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  display: none !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core),
html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  display: block !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-orbit {
  fill: none !important;
  stroke: var(--ui533-blue) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 7 5 4 !important;
  opacity: 0.58 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-target {
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.62 !important;
  opacity: 0.8 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-scanline {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 2 3 9 4 !important;
  opacity: 0.95 !important;
  animation: ui533ScanLock 360ms var(--ui533-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-core-ring {
  fill: rgba(84, 228, 239, 0.08) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 1 3 4 2 !important;
  opacity: 0.9 !important;
  animation: ui533ReticleLock 420ms var(--ui533-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-pulse {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.42 !important;
  opacity: 0.48 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.32 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 1.7 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.7)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.78)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  animation: ui533ActiveLock 420ms var(--ui533-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.66 !important;
  animation: ui533TelemetrySweep 720ms var(--ui533-ease) 80ms both !important;
  filter: drop-shadow(0 0 5px rgba(84, 228, 239, 0.82)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke: var(--ui533-hot) !important;
  stroke-width: 1.36 !important;
  animation: ui533TraceLoad 820ms var(--ui533-ease) 120ms both !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.7)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui533-blue) !important;
  filter: none !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.82)) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon,
  html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon *,
  html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui533-terminal: final cascade owner for the signal-console redesign. */
html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon {
  color: var(--ui533-hot) !important;
  background: transparent !important;
  border: 0 !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.52)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-plate, .glyph-plate-tech, .glyph-tech-shell) {
  display: none !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-chassis {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.74 !important;
  stroke-dasharray: 13 3 2 6 !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-window {
  display: block !important;
  fill: rgba(84, 228, 239, 0.028) !important;
  stroke: var(--ui533-line) !important;
  stroke-width: 0.38 !important;
  opacity: 0.78 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration, .glyph-tech-rail, .glyph-tech-connector) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.48 !important;
  opacity: 0.68 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration) {
  stroke: var(--ui533-signal) !important;
  stroke-dasharray: 2 5 11 4 !important;
  opacity: 0.84 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.92 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  display: none !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core),
html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  display: block !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-orbit {
  fill: none !important;
  stroke: var(--ui533-blue) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 7 5 4 !important;
  opacity: 0.58 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-target {
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.62 !important;
  opacity: 0.8 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-scanline {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 2 3 9 4 !important;
  opacity: 0.95 !important;
  animation: ui533ScanLock 360ms var(--ui533-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-core-ring {
  fill: rgba(84, 228, 239, 0.08) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 1 3 4 2 !important;
  opacity: 0.9 !important;
  animation: ui533ReticleLock 420ms var(--ui533-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-tech-pulse {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.42 !important;
  opacity: 0.48 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.32 !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 1.7 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.7)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.78)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon:is([data-vector-name="alerts"], [data-vector-name="bell"], [data-vector-name="notifications"]) :is(.glyph-signal, .glyph-node, .glyph-tech-beacon) {
  stroke: var(--ui533-alert) !important;
  filter: drop-shadow(0 0 3px rgba(240, 189, 102, 0.58)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  animation: ui533ActiveLock 420ms var(--ui533-ease) both !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.66 !important;
  animation: ui533TelemetrySweep 720ms var(--ui533-ease) 80ms both !important;
  filter: drop-shadow(0 0 5px rgba(84, 228, 239, 0.82)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke: var(--ui533-hot) !important;
  stroke-width: 1.36 !important;
  animation: ui533TraceLoad 820ms var(--ui533-ease) 120ms both !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.7)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui533-blue) !important;
  filter: none !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.82)) !important;
}

html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector .vector-reference {
  stroke: rgba(240, 189, 102, 0.46) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 5 !important;
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon,
  html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-vector-icon *,
  html body :is(#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root, #root#root#root#root#root#root#root) svg.cockpit-data-vector * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui533: signal-console SVG redesign. Semantic glyphs lead; the HUD frame
   supplies instrumentation, calibration, and state feedback without turning
   every icon into the same glowing badge. */
:root {
  --ui533-void: #050c12;
  --ui533-panel: #0a1821;
  --ui533-line: #426875;
  --ui533-line-bright: #78aeb8;
  --ui533-signal: #54e4ef;
  --ui533-hot: #e9ffff;
  --ui533-blue: #8ea9ff;
  --ui533-alert: #f0bd66;
  --ui533-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon,
html body .wrap svg.login-vector {
  display: block !important;
  overflow: visible !important;
  shape-rendering: geometricPrecision !important;
  color: var(--ui533-hot) !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.52)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(path, rect, circle, line, polyline, polygon),
html body .wrap svg.login-vector :is(path, rect, circle, line, polyline, polygon) {
  vector-effect: non-scaling-stroke !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

/* Remove the old generic plate. A four-sided registration mark reads as a
   piece of instrumentation and leaves the actual glyph visible. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-plate, .glyph-plate-tech),
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-shell {
  display: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-chassis {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.74 !important;
  stroke-dasharray: 13 3 2 6 !important;
  opacity: 0.9 !important;
  animation: ui533FrameCalibrate 520ms var(--ui533-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-window {
  display: block !important;
  fill: rgba(84, 228, 239, 0.028) !important;
  stroke: var(--ui533-line) !important;
  stroke-width: 0.38 !important;
  opacity: 0.78 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-registration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 2 5 11 4 !important;
  opacity: 0.84 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-calibration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-blue) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 3 !important;
  opacity: 0.64 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.92 !important;
  animation: ui533SignalAcquire 620ms var(--ui533-ease) 80ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-rail, .glyph-tech-connector) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 4 !important;
  opacity: 0.58 !important;
}

/* The reticle is an action state. It stays quiet until the operator has a
   reason to look at this instrument. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  display: none !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core),
html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core),
html body :is(#portal-root[data-cockpit-busy="true"], #root[data-cockpit-busy="true"]) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core),
html body :is(#portal-root, #root) [data-cockpit-busy="true"] svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  display: block !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-orbit {
  fill: none !important;
  stroke: var(--ui533-blue) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 7 5 4 !important;
  opacity: 0.58 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-target {
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.62 !important;
  opacity: 0.8 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-scanline {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 2 3 9 4 !important;
  opacity: 0.95 !important;
  animation: ui533ScanLock 360ms var(--ui533-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-core-ring {
  fill: rgba(84, 228, 239, 0.08) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 1 3 4 2 !important;
  opacity: 0.9 !important;
  animation: ui533ReticleLock 420ms var(--ui533-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-pulse {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.42 !important;
  opacity: 0.48 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-spokes {
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.4 !important;
  opacity: 0.7 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.32 !important;
  opacity: 1 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-fill {
  fill: rgba(84, 228, 239, 0.08) !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.7 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 1.7 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.7)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.78)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-node-ring {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 3 3 2 !important;
  opacity: 0.86 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon:is([data-vector-name="alerts"], [data-vector-name="bell"], [data-vector-name="notifications"]) :is(.glyph-signal, .glyph-node, .glyph-tech-beacon) {
  stroke: var(--ui533-alert) !important;
  filter: drop-shadow(0 0 3px rgba(240, 189, 102, 0.58)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: var(--ui533-hot) !important;
  transform: translate3d(1px, -1px, 0) !important;
  filter: drop-shadow(0 0 7px rgba(84, 228, 239, 0.6)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):active svg.cockpit-vector-icon {
  transform: translate3d(0, 0, 0) scale(0.94) !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  color: var(--ui533-hot) !important;
  filter: drop-shadow(0 0 8px rgba(84, 228, 239, 0.64)) !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon .glyph-tech-scanline {
  animation: ui533ScanLock 420ms var(--ui533-ease) both !important;
}

/* Data SVGs are viewports: angular frame, quiet grid, one signal trace. */
html body :is(#portal-root, #root) svg.cockpit-data-vector,
html body svg.chart {
  isolation: isolate !important;
  overflow: hidden !important;
  background: var(--ui533-void) !important;
  border: 1px solid rgba(84, 228, 239, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(233, 255, 255, 0.04), 0 12px 24px rgba(0, 0, 0, 0.3) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-frame {
  fill: rgba(10, 24, 33, 0.72) !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 16 4 2 8 !important;
  animation: ui533DataFrame 560ms var(--ui533-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 5 3 2 5 !important;
  opacity: 0.82 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-axis, .vector-ticks, .vector-calibration),
html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-grid path {
  fill: none !important;
  stroke: rgba(142, 169, 255, 0.2) !important;
  stroke-width: 0.28 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-data-rail {
  fill: none !important;
  stroke: rgba(120, 174, 184, 0.62) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 2 5 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-scan-band {
  fill: rgba(84, 228, 239, 0.045) !important;
  stroke: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-sweep {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.66 !important;
  filter: drop-shadow(0 0 5px rgba(84, 228, 239, 0.82)) !important;
  animation: ui533TelemetrySweep 720ms var(--ui533-ease) 80ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 1.36 !important;
  stroke-linecap: square !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.7)) !important;
  animation: ui533TraceLoad 820ms var(--ui533-ease) 120ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui533-blue) !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-reference {
  fill: none !important;
  stroke: rgba(240, 189, 102, 0.46) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 5 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.82)) !important;
  animation: ui533TerminalLock 380ms var(--ui533-ease) 280ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-terminal-ring {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 1 4 4 3 !important;
  animation: ui533TerminalLock 420ms var(--ui533-ease) 240ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar {
  fill: rgba(84, 228, 239, 0.2) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.52 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar-cap {
  fill: var(--ui533-hot) !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.72)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-radar-axis, .vector-radar-ring) {
  fill: none !important;
  stroke: rgba(142, 169, 255, 0.4) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 2 5 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-radar-area.brand {
  fill: rgba(84, 228, 239, 0.12) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.78 !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.42)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-radar-area.competitor {
  fill: rgba(142, 169, 255, 0.045) !important;
  stroke: var(--ui533-blue) !important;
  stroke-width: 0.62 !important;
}

html body .wrap :is(svg.login-vector, .login-link-card svg) {
  color: var(--ui533-hot) !important;
  filter: drop-shadow(0 0 6px rgba(84, 228, 239, 0.45)) !important;
}

html body .wrap svg.login-vector :is(.login-vector-frame, .login-vector-window, .login-vector-grid, .login-vector-lock, .login-vector-calibration, .login-vector-bus, .login-vector-pulse) {
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.54 !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

html body .wrap svg.login-vector .login-vector-frame {
  stroke: var(--ui533-signal) !important;
  stroke-dasharray: 13 3 2 6 !important;
}

html body .wrap svg.login-vector .login-vector-window {
  fill: rgba(84, 228, 239, 0.04) !important;
  stroke: var(--ui533-line) !important;
  stroke-width: 0.4 !important;
}

html body .wrap svg.login-vector .login-vector-grid {
  stroke: rgba(142, 169, 255, 0.34) !important;
  stroke-dasharray: 1 4 !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 1.38 !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.74)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: rgba(84, 228, 239, 0.12) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.76 !important;
}

@keyframes ui533FrameCalibrate {
  from { stroke-dashoffset: 34; opacity: 0.14; }
  to { stroke-dashoffset: 0; opacity: 0.9; }
}

@keyframes ui533SignalAcquire {
  from { stroke-dashoffset: 24; opacity: 0.12; }
  to { stroke-dashoffset: 0; opacity: 0.92; }
}

@keyframes ui533ScanLock {
  from { stroke-dashoffset: 28; opacity: 0.18; }
  to { stroke-dashoffset: 0; opacity: 0.96; }
}

@keyframes ui533ReticleLock {
  from { opacity: 0; transform: scale(0.72); transform-origin: center; }
  72% { opacity: 0.96; transform: scale(1.06); transform-origin: center; }
  to { opacity: 0.9; transform: scale(1); transform-origin: center; }
}

@keyframes ui533DataFrame {
  from { stroke-dashoffset: 42; opacity: 0.16; }
  to { stroke-dashoffset: 0; opacity: 0.9; }
}

@keyframes ui533TelemetrySweep {
  from { stroke-dashoffset: 1; opacity: 0.04; }
  to { stroke-dashoffset: 0; opacity: 0.94; }
}

@keyframes ui533TraceLoad {
  from { stroke-dashoffset: 1; opacity: 0.12; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes ui533TerminalLock {
  from { opacity: 0; transform: scale(0.7); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui533-authority: the application has accumulated defensive selectors over
   time. These high-specificity rules are the single final owner of the new
   SVG language, so old vector passes cannot partially repaint it. */
html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon {
  color: var(--ui533-hot) !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.52)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-chassis,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-chassis {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.74 !important;
  stroke-dasharray: 13 3 2 6 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-window,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-window {
  fill: rgba(84, 228, 239, 0.028) !important;
  stroke: var(--ui533-line) !important;
  stroke-width: 0.38 !important;
  opacity: 0.78 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam),
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam) {
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.62 !important;
  opacity: 0.92 !important;
  animation: ui533SignalAcquire 620ms var(--ui533-ease) 80ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(.client-nav-group button.active, button.active) svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root :is(.geo-nav button.active, .geo-nav-children button.active, button.active) svg.cockpit-vector-icon {
  color: var(--ui533-hot) !important;
  animation: ui533ActiveLock 420ms var(--ui533-ease) both !important;
  filter: drop-shadow(0 0 8px rgba(84, 228, 239, 0.64)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline,
html body #root#root#root#root#root#root#root :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  display: block !important;
  opacity: 0.95 !important;
  animation: ui533ScanLock 360ms var(--ui533-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector .vector-sweep,
html body #root#root#root#root#root#root#root svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.66 !important;
  animation: ui533TelemetrySweep 720ms var(--ui533-ease) 80ms both !important;
  filter: drop-shadow(0 0 5px rgba(84, 228, 239, 0.82)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline),
html body #root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke: var(--ui533-hot) !important;
  stroke-width: 1.36 !important;
  animation: ui533TraceLoad 820ms var(--ui533-ease) 120ms both !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.7)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector .vector-terminal-ring,
html body #root#root#root#root#root#root#root svg.cockpit-data-vector .vector-terminal-ring {
  stroke: var(--ui533-signal) !important;
  animation: ui533TerminalLock 420ms var(--ui533-ease) 240ms both !important;
}

@keyframes ui533ActiveLock {
  from { opacity: 0.56; transform: scale(0.94); }
  72% { opacity: 1; transform: scale(1.045); }
  to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon,
  html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon *,
  html body #root#root#root#root#root#root#root svg.cockpit-vector-icon,
  html body #root#root#root#root#root#root#root svg.cockpit-vector-icon *,
  html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector *,
  html body #root#root#root#root#root#root#root svg.cockpit-data-vector * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui532-vector-direction: an open instrument bezel and a readable semantic
   glyph. The old layers made every icon a glowing tile; this pass reserves
   the signal color for the route and terminal so the business symbol leads. */
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon {
  color: var(--ui533-hot) !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.52)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-chassis {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.74 !important;
  stroke-dasharray: 13 3 2 6 !important;
  opacity: 0.9 !important;
  animation: ui533FrameCalibrate 520ms var(--ui533-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-window {
  display: block !important;
  fill: rgba(84, 228, 239, 0.028) !important;
  stroke: var(--ui533-line) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: none !important;
  opacity: 0.78 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-window, .glyph-tech-rail, .glyph-tech-connector) {
  display: block !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-registration {
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 2 5 11 4 !important;
  opacity: 0.84 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-calibration {
  stroke: var(--ui533-blue) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 4 !important;
  opacity: 0.64 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-beam) {
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.92 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-rail,
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-connector {
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 4 !important;
  opacity: 0.62 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-orbit {
  display: none !important;
  stroke: var(--ui533-blue) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 7 5 4 !important;
  opacity: 0.58 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-core-ring,
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-pulse {
  display: none !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.32 !important;
  opacity: 1 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 1.7 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.7)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-target, .glyph-tech-spokes) {
  stroke: #91b7c1 !important;
  stroke-width: 0.46 !important;
  opacity: 0.7 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-core, .glyph-node, .glyph-tech-beacon) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.78)) !important;
}

/* The instrument wakes its central lock only when the control has focus or
   the application is genuinely working. Idle icons stay crisp and quiet. */
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-core-ring, .glyph-tech-pulse),
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
)[data-cockpit-busy="true"] svg.cockpit-vector-icon :is(.glyph-tech-core-ring, .glyph-tech-pulse) {
  display: block !important;
  fill: none !important;
  stroke: #77edf2 !important;
  stroke-width: 0.56 !important;
  stroke-dasharray: 1 3 5 2 !important;
  opacity: 0.88 !important;
  filter: drop-shadow(0 0 4px rgba(119, 237, 242, 0.66)) !important;
  animation: ui532LockWake 420ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 0.96 !important;
  display: block !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.44 !important;
  animation: ui533ScanLock 360ms var(--ui533-ease) both !important;
}

/* Charts use the same open bezel. Their trace and endpoint carry the data;
   the canvas grid stays subordinate so it does not become decoration. */
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector,
html body svg.chart {
  background: #06131a !important;
  border: 1px solid rgba(91, 190, 205, 0.32) !important;
  box-shadow: inset 0 0 0 1px rgba(216, 237, 241, 0.035), 0 12px 24px rgba(0, 0, 0, 0.3) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector .vector-frame {
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 16 4 2 8 !important;
  opacity: 0.9 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-corners, .vector-bracket-inner) {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 5 3 2 5 !important;
  opacity: 0.82 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-grid path, .vector-axis, .vector-ticks, .vector-calibration) {
  stroke: rgba(117, 168, 180, 0.2) !important;
  stroke-width: 0.3 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector .vector-data-rail {
  stroke: rgba(145, 201, 210, 0.56) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 7 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke: var(--ui533-hot) !important;
  stroke-width: 1.36 !important;
  animation: ui533TraceLoad 820ms var(--ui533-ease) 120ms both !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.7)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui533-blue) !important;
  filter: none !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-terminal-ring, .vector-lock) {
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 1 4 4 3 !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.72)) !important;
}

@keyframes ui532ChassisAcquire {
  from { opacity: 0; stroke-dasharray: 1 34; }
  to { opacity: 0.72; stroke-dasharray: none; }
}

@keyframes ui532LockWake {
  from { opacity: 0.12; transform: scale(0.76); transform-origin: center; }
  70% { opacity: 1; transform: scale(1.06); transform-origin: center; }
  to { opacity: 0.88; transform: scale(1); transform-origin: center; }
}

@keyframes ui532ScanAcquire {
  from { stroke-dashoffset: 20; opacity: 0.12; }
  to { stroke-dashoffset: -20; opacity: 0.96; }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-vector-icon *,
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-data-vector * {
    animation: none !important;
    transform: none !important;
  }
}

/* The authentication mark is part of the same instrument family. */
html body .wrap svg.login-vector .login-vector-frame {
  fill: none !important;
  stroke: #4d8793 !important;
  stroke-width: 0.82 !important;
  stroke-dasharray: none !important;
  opacity: 0.82 !important;
}

html body .wrap svg.login-vector .login-vector-window {
  fill: none !important;
  stroke: #356674 !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 5 !important;
  opacity: 0.7 !important;
}

html body .wrap svg.login-vector .login-vector-grid {
  stroke: #5f8b96 !important;
  stroke-width: 0.34 !important;
  stroke-dasharray: 1 4 !important;
  opacity: 0.58 !important;
}

html body .wrap svg.login-vector .login-vector-calibration,
html body .wrap svg.login-vector .login-vector-lock,
html body .wrap svg.login-vector .login-vector-bus {
  fill: none !important;
  stroke: #72e5f2 !important;
  stroke-width: 0.66 !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
  opacity: 0.84 !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  stroke: #e3fffc !important;
  stroke-width: 1.42 !important;
  filter: drop-shadow(0 0 4px rgba(119, 237, 242, 0.58)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: #06131a !important;
  stroke: #77edf2 !important;
  stroke-width: 0.72 !important;
  filter: drop-shadow(0 0 4px rgba(119, 237, 242, 0.66)) !important;
}

html body .wrap svg.login-vector .login-vector-pulse {
  display: none !important;
}

html body .wrap .login-link-card svg {
  color: #d8edf1 !important;
  filter: drop-shadow(0 0 4px rgba(119, 237, 242, 0.3)) !important;
}

html body .wrap .login-link-card:hover svg,
html body .wrap .login-link-card:focus-visible svg {
  color: #e3fffc !important;
}

/* ui531-authority: historical layers use repeated IDs. Match that
   specificity so the command-deck language is the one the browser renders. */
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(
  .glyph-chassis,
  .glyph-plate-tech,
  .glyph-tech-shell,
  .glyph-tech-window,
  .glyph-tech-orbit,
  .glyph-tech-pulse
) {
  display: none !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-registration {
  display: block !important;
  fill: none !important;
  stroke: #64838d !important;
  stroke-width: 0.7 !important;
  stroke-dasharray: 5 2 1 7 !important;
  opacity: 0.78 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: #58e6f2 !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.76 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-main {
  display: block !important;
  fill: none !important;
  stroke: #c7dce1 !important;
  stroke-width: 1.34 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-signal {
  display: block !important;
  fill: none !important;
  stroke: #58e6f2 !important;
  stroke-width: 1.72 !important;
  filter: drop-shadow(0 0 3px rgba(88, 230, 242, 0.62)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon) {
  display: block !important;
  fill: #dffdfa !important;
  stroke: #58e6f2 !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(88, 230, 242, 0.7)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  color: #f4fffd !important;
  filter: drop-shadow(0 0 10px rgba(88, 230, 242, 0.78)) !important;
  animation: ui531ActiveLock 420ms var(--ui531-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: #f4fffd !important;
  transform: translate3d(1px, -1px, 0) scale(1.045) !important;
  filter: drop-shadow(0 0 9px rgba(88, 230, 242, 0.72)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  display: block !important;
  stroke: #dffdfa !important;
  stroke-width: 0.54 !important;
  opacity: 0.92 !important;
  animation: ui531ScanLock 360ms var(--ui531-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector .vector-frame {
  stroke: #58e6f2 !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 2 7 12 4 !important;
  animation: ui531DataResolve 560ms var(--ui531-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector .vector-sweep {
  stroke: #dffdfa !important;
  stroke-width: 0.68 !important;
  animation: ui531TelemetryResolve 720ms var(--ui531-ease) 40ms both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke: #dffdfa !important;
  stroke-width: 1.12 !important;
  animation: ui531TraceAcquire 820ms var(--ui531-ease) 80ms both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: #dffdfa !important;
  stroke: #58e6f2 !important;
  filter: drop-shadow(0 0 4px rgba(88, 230, 242, 0.72)) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-vector-icon,
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-vector-icon *,
  html body :is(
    #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
    #root#root#root#root#root#root#root#root#root#root#root#root
  ) svg.cockpit-data-vector * {
    animation: none !important;
    transform: none !important;
  }
}

/* ui531-command-deck: the final SVG language. The symbol carries meaning;
   the cockpit layer only supplies calibration, signal routing and state. */
:root {
  --ui531-void: #050c12;
  --ui531-ink: #0d1b23;
  --ui531-line: #64838d;
  --ui531-signal: #58e6f2;
  --ui531-hot: #dffdfa;
  --ui531-cold: #a8b7ff;
  --ui531-alert: #efc878;
  --ui531-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  display: block !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--ui531-hot) !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.46)) !important;
  shape-rendering: geometricPrecision !important;
  transition: color 160ms var(--ui531-ease), transform 160ms var(--ui531-ease), filter 160ms var(--ui531-ease) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(path, circle, rect, polyline, polygon) {
  vector-effect: non-scaling-stroke !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

/* Remove the repeated badge silhouette that made every SVG indistinguishable. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(
  .glyph-chassis,
  .glyph-plate-tech,
  .glyph-tech-shell,
  .glyph-tech-window,
  .glyph-tech-orbit,
  .glyph-tech-pulse
) {
  display: none !important;
}

/* The remaining frame is an instrument registration mark, not a container. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-registration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui531-line) !important;
  stroke-width: 0.7 !important;
  stroke-dasharray: 5 2 1 7 !important;
  opacity: 0.78 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-calibration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui531-cold) !important;
  stroke-width: 0.34 !important;
  stroke-dasharray: 1 5 !important;
  opacity: 0.46 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui531-signal) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.76 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-connector {
  display: block !important;
  fill: none !important;
  stroke: var(--ui531-cold) !important;
  stroke-width: 0.36 !important;
  stroke-dasharray: 1 2 !important;
  opacity: 0.52 !important;
}

/* Semantic geometry is intentionally brighter and heavier than the frame. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-main {
  display: block !important;
  fill: none !important;
  stroke: #c7dce1 !important;
  stroke-width: 1.34 !important;
  opacity: 1 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-fill {
  display: block !important;
  fill: rgba(88, 230, 242, 0.08) !important;
  stroke: #c7dce1 !important;
  stroke-width: 0.82 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-signal {
  display: block !important;
  fill: none !important;
  stroke: var(--ui531-signal) !important;
  stroke-width: 1.72 !important;
  filter: drop-shadow(0 0 3px rgba(88, 230, 242, 0.62)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon) {
  display: block !important;
  fill: var(--ui531-hot) !important;
  stroke: var(--ui531-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(88, 230, 242, 0.7)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-node-ring {
  display: block !important;
  fill: var(--ui531-void) !important;
  stroke: var(--ui531-signal) !important;
  stroke-width: 0.4 !important;
  stroke-dasharray: 1 3 !important;
  opacity: 0.88 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon:is([data-vector-name="alerts"], [data-vector-name="bell"], [data-vector-name="notifications"]) :is(.glyph-signal, .glyph-node, .glyph-tech-beacon) {
  stroke: var(--ui531-alert) !important;
  filter: drop-shadow(0 0 3px rgba(239, 200, 120, 0.58)) !important;
}

/* A small identity cue keeps navigation legible at a glance. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon[data-vector-name="search"] .glyph-signal,
html body :is(#portal-root, #root) svg.cockpit-vector-icon[data-vector-name="chart"] .glyph-signal,
html body :is(#portal-root, #root) svg.cockpit-vector-icon[data-vector-name="trend"] .glyph-signal {
  stroke: var(--ui531-cold) !important;
  filter: drop-shadow(0 0 3px rgba(168, 183, 255, 0.54)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: #f4fffd !important;
  transform: translate3d(1px, -1px, 0) scale(1.045) !important;
  filter: drop-shadow(0 0 9px rgba(88, 230, 242, 0.72)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline,
html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-core-ring {
  display: block !important;
  fill: none !important;
  stroke: var(--ui531-hot) !important;
  stroke-width: 0.54 !important;
  opacity: 0.92 !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  animation: ui531ScanLock 360ms var(--ui531-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):active svg.cockpit-vector-icon {
  transform: translate3d(0, 0, 0) scale(0.94) !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  color: #f4fffd !important;
  filter: drop-shadow(0 0 10px rgba(88, 230, 242, 0.78)) !important;
  animation: ui531ActiveLock 420ms var(--ui531-ease) both !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon :is(.glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-target) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui531-signal) !important;
  opacity: 0.94 !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav button.active, .geo-nav-children button.active) svg.cockpit-vector-icon .glyph-tech-scanline {
  animation: ui531ScanLock 360ms var(--ui531-ease) both !important;
}

/* Data SVGs use a scope-like readout: registration, calibrated grid, trace,
   threshold and terminal node. The chart data remains the only focal layer. */
html body :is(#portal-root, #root) :is(svg.cockpit-data-vector, svg.chart) {
  isolation: isolate !important;
  overflow: hidden !important;
  background: var(--ui531-void) !important;
  border: 1px solid rgba(88, 230, 242, 0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(223, 253, 250, 0.04), 0 12px 24px rgba(0, 0, 0, 0.3) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-frame {
  fill: rgba(13, 27, 35, 0.72) !important;
  stroke: var(--ui531-signal) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 2 7 12 4 !important;
  animation: ui531DataResolve 560ms var(--ui531-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  fill: none !important;
  stroke: var(--ui531-signal) !important;
  stroke-width: 0.52 !important;
  stroke-dasharray: 4 3 1 5 !important;
  opacity: 0.84 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-axis, .vector-ticks, .vector-calibration),
html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-grid path {
  fill: none !important;
  stroke: rgba(168, 183, 255, 0.24) !important;
  stroke-width: 0.28 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-data-rail {
  fill: none !important;
  stroke: rgba(199, 220, 225, 0.5) !important;
  stroke-width: 0.36 !important;
  stroke-dasharray: 1 6 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-reference,
html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-line.reference {
  stroke: var(--ui531-alert) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 5 !important;
  opacity: 0.68 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui531-hot) !important;
  stroke-width: 0.68 !important;
  filter: drop-shadow(0 0 5px rgba(88, 230, 242, 0.76)) !important;
  animation: ui531TelemetryResolve 720ms var(--ui531-ease) 40ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui531-hot) !important;
  stroke-width: 1.12 !important;
  filter: drop-shadow(0 0 4px rgba(88, 230, 242, 0.58)) !important;
  animation: ui531TraceAcquire 820ms var(--ui531-ease) 80ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui531-cold) !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui531-hot) !important;
  stroke: var(--ui531-signal) !important;
  stroke-width: 0.54 !important;
  filter: drop-shadow(0 0 4px rgba(88, 230, 242, 0.72)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-terminal-ring {
  fill: none !important;
  stroke: var(--ui531-hot) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 1 3 6 3 !important;
  animation: ui531TerminalLock 520ms var(--ui531-ease) 160ms both !important;
}

html body .wrap :is(svg.login-vector, .login-link-card svg) {
  color: var(--ui531-hot) !important;
  filter: drop-shadow(0 0 7px rgba(88, 230, 242, 0.5)) !important;
}

@keyframes ui531ScanLock {
  from { stroke-dashoffset: 24; opacity: 0.12; }
  to { stroke-dashoffset: -24; opacity: 1; }
}

@keyframes ui531ActiveLock {
  0% { opacity: 0.56; transform: scale(0.94); }
  72% { opacity: 1; transform: scale(1.045); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes ui531DataResolve {
  from { stroke-dashoffset: 38; opacity: 0.18; }
  to { stroke-dashoffset: 0; opacity: 0.88; }
}

@keyframes ui531TelemetryResolve {
  from { stroke-dashoffset: 1; opacity: 0.08; }
  to { stroke-dashoffset: 0; opacity: 0.96; }
}

@keyframes ui531TraceAcquire {
  from { stroke-dashoffset: 120; opacity: 0.14; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes ui531TerminalLock {
  from { opacity: 0.08; transform: scale(0.68); transform-origin: center; }
  72% { opacity: 1; transform: scale(1.08); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ui530-specificity-lock: earlier releases intentionally used repeated-root
   selectors. This final bridge gives the new vector language equal authority
   without changing the DOM or interaction contracts. */
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon {
  color: #cfe2e4 !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.52)) !important;
  transition: color 160ms var(--ui530-ease), transform 160ms var(--ui530-ease), filter 160ms var(--ui530-ease) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-shell {
  display: block !important;
  fill: rgba(86, 227, 237, 0.035) !important;
  stroke: var(--ui530-shell) !important;
  stroke-width: 0.82 !important;
  stroke-dasharray: 2 8 14 4 !important;
  opacity: 0.96 !important;
  animation: ui530ChassisResolve 480ms var(--ui530-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-registration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.74 !important;
  opacity: 0.82 !important;
  animation: ui530RegistrationResolve 420ms var(--ui530-ease) 40ms both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-tech-calibration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-cold) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 5 !important;
  opacity: 0.58 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.52 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.7 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(
  .glyph-tech-window,
  .glyph-tech-connector,
  .glyph-tech-rail,
  .glyph-tech-orbit,
  .glyph-tech-target,
  .glyph-tech-core-ring,
  .glyph-tech-spokes,
  .glyph-tech-pulse,
  .glyph-tech-scanline
) {
  display: none !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.28 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui530-hot) !important;
  stroke-width: 1.58 !important;
  filter: drop-shadow(0 0 3px rgba(86, 227, 237, 0.62)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon) {
  fill: var(--ui530-hot) !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(86, 227, 237, 0.72)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-vector-icon:is([data-vector-name="alerts"], [data-vector-name="bell"], [data-vector-name="notifications"]) :is(.glyph-signal, .glyph-node, .glyph-tech-beacon) {
  stroke: var(--ui530-alert) !important;
  filter: drop-shadow(0 0 3px rgba(239, 197, 121, 0.52)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: #f2fffd !important;
  transform: translate3d(1px, -1px, 0) scale(1.035) !important;
  filter: drop-shadow(0 0 8px rgba(86, 227, 237, 0.68)) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-scanline, .glyph-tech-core-ring) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-hot) !important;
  stroke-width: 0.56 !important;
  opacity: 0.9 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  animation: ui530ScanSweep 360ms var(--ui530-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon {
  color: #f2fffd !important;
  filter: drop-shadow(0 0 8px rgba(86, 227, 237, 0.7)) !important;
  animation: ui530ActiveLock 420ms var(--ui530-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon :is(.glyph-tech-core-ring, .glyph-tech-target, .glyph-tech-scanline) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-signal) !important;
  opacity: 0.92 !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon .glyph-tech-scanline {
  animation: ui530ScanSweep 360ms var(--ui530-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector,
html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.chart {
  background: #06141c !important;
  border-color: rgba(86, 227, 237, 0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(229, 255, 251, 0.04), 0 12px 24px rgba(0, 0, 0, 0.32) !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector .vector-frame {
  fill: rgba(6, 20, 28, 0.9) !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.66 !important;
  stroke-dasharray: 2 7 15 4 !important;
  animation: ui530ChartResolve 560ms var(--ui530-ease) both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui530-hot) !important;
  stroke-width: 0.68 !important;
  filter: drop-shadow(0 0 5px rgba(86, 227, 237, 0.76)) !important;
  animation: ui530TelemetryResolve 720ms var(--ui530-ease) 40ms both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui530-hot) !important;
  stroke-width: 1.16 !important;
  filter: drop-shadow(0 0 3px rgba(86, 227, 237, 0.58)) !important;
  animation: ui530TraceAcquire 820ms var(--ui530-ease) 80ms both !important;
}

html body :is(
  #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root,
  #root#root#root#root#root#root#root#root#root#root
) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui530-cold) !important;
  filter: none !important;
}

/* ui530-vector-command-deck: a sharper signal grammar for small cockpit
   controls. Semantic geometry stays readable at 34px; telemetry appears only
   as a bounded state response. */
:root {
  --ui530-void: #041017;
  --ui530-shell: #426d78;
  --ui530-structure: #6b9aa3;
  --ui530-signal: #56e3ed;
  --ui530-hot: #e5fffb;
  --ui530-cold: #9fb4ff;
  --ui530-alert: #efc579;
  --ui530-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon {
  color: #cfe2e4 !important;
  shape-rendering: geometricPrecision !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.52)) !important;
  transition: color 160ms var(--ui530-ease), transform 160ms var(--ui530-ease), filter 160ms var(--ui530-ease) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(path, circle, rect, polyline, polygon) {
  vector-effect: non-scaling-stroke !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
}

/* The shared chassis is a registration device, not a second icon. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-shell {
  display: block !important;
  fill: rgba(86, 227, 237, 0.035) !important;
  stroke: var(--ui530-shell) !important;
  stroke-width: 0.82 !important;
  stroke-dasharray: 2 8 14 4 !important;
  opacity: 0.96 !important;
  animation: ui530ChassisResolve 480ms var(--ui530-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-registration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.74 !important;
  opacity: 0.82 !important;
  animation: ui530RegistrationResolve 420ms var(--ui530-ease) 40ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-calibration {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-cold) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 5 !important;
  opacity: 0.58 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-bus,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-beam {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.52 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.7 !important;
}

/* Remove the old stack of framing ornaments from the idle state. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(
  .glyph-tech-window,
  .glyph-tech-connector,
  .glyph-tech-rail,
  .glyph-tech-orbit,
  .glyph-tech-target,
  .glyph-tech-core-ring,
  .glyph-tech-spokes,
  .glyph-tech-pulse,
  .glyph-tech-scanline
) {
  display: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.28 !important;
  opacity: 1 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-fill {
  fill: rgba(86, 227, 237, 0.07) !important;
  stroke: currentColor !important;
  stroke-width: 0.78 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui530-hot) !important;
  stroke-width: 1.58 !important;
  filter: drop-shadow(0 0 3px rgba(86, 227, 237, 0.62)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon) {
  fill: var(--ui530-hot) !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(86, 227, 237, 0.72)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-node-ring {
  fill: var(--ui530-void) !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.46 !important;
  stroke-dasharray: 1 3 !important;
  opacity: 0.9 !important;
}

/* Warning instruments have one amber terminal, while the rest stays cyan. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon:is([data-vector-name="alerts"], [data-vector-name="bell"], [data-vector-name="notifications"]) :is(.glyph-signal, .glyph-node, .glyph-tech-beacon) {
  stroke: var(--ui530-alert) !important;
  filter: drop-shadow(0 0 3px rgba(239, 197, 121, 0.52)) !important;
}

/* Hover is a single acquisition sweep; focus keeps it keyboard-visible. */
html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: #f2fffd !important;
  transform: translate3d(1px, -1px, 0) scale(1.035) !important;
  filter: drop-shadow(0 0 8px rgba(86, 227, 237, 0.68)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-scanline, .glyph-tech-core-ring) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-hot) !important;
  stroke-width: 0.56 !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  stroke-dasharray: 2 4 11 4 !important;
  animation: ui530ScanSweep 360ms var(--ui530-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-core-ring {
  stroke-dasharray: 1 3 5 3 !important;
  animation: ui530CoreAcquire 360ms var(--ui530-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):active svg.cockpit-vector-icon {
  transform: translate3d(0, 0, 0) scale(0.95) !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon {
  color: #f2fffd !important;
  filter: drop-shadow(0 0 8px rgba(86, 227, 237, 0.7)) !important;
  animation: ui530ActiveLock 420ms var(--ui530-ease) both !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon :is(.glyph-tech-core-ring, .glyph-tech-target, .glyph-tech-scanline) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-signal) !important;
  opacity: 0.92 !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon .glyph-tech-scanline {
  stroke-dasharray: 2 4 11 4 !important;
  animation: ui530ScanSweep 360ms var(--ui530-ease) both !important;
}

/* Only a real running container receives a persistent orbit. */
html body :is(#portal-root[data-cockpit-busy="true"], #root[data-cockpit-busy="true"], [data-cockpit-busy="true"]) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-core-ring, .glyph-tech-pulse) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui530-hot) !important;
  opacity: 0.84 !important;
}

/* Data SVGs read as calibrated instruments: the trace owns the contrast. */
html body :is(#portal-root, #root) svg.cockpit-data-vector,
html body svg.chart {
  background: #06141c !important;
  border: 1px solid rgba(86, 227, 237, 0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(229, 255, 251, 0.04), 0 12px 24px rgba(0, 0, 0, 0.32) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-frame {
  fill: rgba(6, 20, 28, 0.9) !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.66 !important;
  stroke-dasharray: 2 7 15 4 !important;
  opacity: 0.9 !important;
  animation: ui530ChartResolve 560ms var(--ui530-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  fill: none !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.58 !important;
  opacity: 0.78 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-axis, .vector-ticks, .vector-calibration),
html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-grid path {
  fill: none !important;
  stroke: rgba(159, 180, 255, 0.21) !important;
  stroke-width: 0.3 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-data-rail {
  fill: none !important;
  stroke: rgba(207, 226, 228, 0.56) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 7 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-scan-band {
  fill: rgba(86, 227, 237, 0.045) !important;
  stroke: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui530-hot) !important;
  stroke-width: 0.68 !important;
  filter: drop-shadow(0 0 5px rgba(86, 227, 237, 0.76)) !important;
  animation: ui530TelemetryResolve 720ms var(--ui530-ease) 40ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui530-hot) !important;
  stroke-width: 1.16 !important;
  filter: drop-shadow(0 0 3px rgba(86, 227, 237, 0.58)) !important;
  animation: ui530TraceAcquire 820ms var(--ui530-ease) 80ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui530-cold) !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-reference {
  stroke: var(--ui530-alert) !important;
  stroke-width: 0.42 !important;
  opacity: 0.64 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui530-hot) !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.54 !important;
  filter: drop-shadow(0 0 4px rgba(86, 227, 237, 0.72)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-terminal-ring {
  fill: none !important;
  stroke: var(--ui530-hot) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 1 3 6 3 !important;
  filter: drop-shadow(0 0 4px rgba(86, 227, 237, 0.62)) !important;
  animation: ui530TerminalLock 520ms var(--ui530-ease) 160ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar {
  fill: rgba(86, 227, 237, 0.28) !important;
  stroke: var(--ui530-signal) !important;
  stroke-width: 0.5 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar-cap {
  fill: var(--ui530-hot) !important;
  filter: drop-shadow(0 0 4px rgba(86, 227, 237, 0.6)) !important;
}

html body .wrap :is(svg.login-vector, .login-link-card svg) {
  color: var(--ui530-hot) !important;
  shape-rendering: geometricPrecision !important;
  filter: drop-shadow(0 0 7px rgba(86, 227, 237, 0.46)) !important;
}

html body .wrap svg.login-vector :is(.login-vector-frame, .login-vector-window, .login-vector-grid, .login-vector-lock, .login-vector-calibration, .login-vector-bus, .login-vector-pulse) {
  fill: none !important;
  stroke: var(--ui530-signal) !important;
  stroke-linecap: square !important;
  stroke-linejoin: bevel !important;
  vector-effect: non-scaling-stroke !important;
}

html body .wrap svg.login-vector .login-vector-frame {
  fill: rgba(86, 227, 237, 0.035) !important;
  stroke-width: 0.76 !important;
  stroke-dasharray: 2 7 14 4 !important;
}

html body .wrap svg.login-vector .login-vector-window {
  stroke: rgba(159, 180, 255, 0.38) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 8 3 1 5 !important;
}

html body .wrap svg.login-vector .login-vector-grid {
  stroke: rgba(159, 180, 255, 0.26) !important;
  stroke-width: 0.32 !important;
  stroke-dasharray: 1 5 !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  stroke: var(--ui530-hot) !important;
  stroke-width: 1.5 !important;
  filter: drop-shadow(0 0 4px rgba(86, 227, 237, 0.68)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: rgba(86, 227, 237, 0.12) !important;
  stroke: var(--ui530-hot) !important;
  stroke-width: 0.82 !important;
}

html body .wrap :is(.login-link-card, .login-link-card svg):is(:hover, :focus-visible) {
  color: var(--ui530-hot) !important;
  filter: drop-shadow(0 0 8px rgba(86, 227, 237, 0.62)) !important;
}

@keyframes ui530ChassisResolve {
  from { stroke-dashoffset: 30; opacity: 0.12; }
  to { stroke-dashoffset: 0; opacity: 0.96; }
}

@keyframes ui530RegistrationResolve {
  from { stroke-dashoffset: 18; opacity: 0.08; }
  to { stroke-dashoffset: 0; opacity: 0.82; }
}

@keyframes ui530ScanSweep {
  from { stroke-dashoffset: 24; opacity: 0.1; }
  to { stroke-dashoffset: -24; opacity: 0.94; }
}

@keyframes ui530CoreAcquire {
  from { opacity: 0; transform: scale(0.64); transform-origin: center; }
  72% { opacity: 0.9; transform: scale(1.06); transform-origin: center; }
  to { opacity: 0.9; transform: scale(1); transform-origin: center; }
}

@keyframes ui530ActiveLock {
  0% { opacity: 0.46; transform: scale(0.94); }
  72% { opacity: 1; transform: scale(1.035); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes ui530ChartResolve {
  from { stroke-dashoffset: 40; opacity: 0.2; }
  to { stroke-dashoffset: 0; opacity: 0.9; }
}

@keyframes ui530TelemetryResolve {
  from { stroke-dashoffset: 1; opacity: 0.08; }
  to { stroke-dashoffset: 0; opacity: 0.96; }
}

@keyframes ui530TraceAcquire {
  from { stroke-dashoffset: 1; opacity: 0.12; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes ui530TerminalLock {
  from { opacity: 0.12; transform: scale(0.72); transform-origin: center; }
  76% { opacity: 1; transform: scale(1.04); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ui529-final: this is intentionally last so legacy cascade repairs cannot
   flatten the new instrument language. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-shell {
  display: block !important;
  fill: rgba(91, 228, 237, 0.028) !important;
  stroke: #4c8793 !important;
  stroke-width: 0.78 !important;
  stroke-dasharray: 1 4 10 3 2 5 !important;
  opacity: 0.98 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-window {
  display: block !important;
  fill: rgba(4, 16, 23, 0.62) !important;
  stroke: #2b6977 !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 12 3 2 5 !important;
  opacity: 0.94 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-connector) {
  display: block !important;
  fill: none !important;
  stroke: #6feaf2 !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 1 3 5 3 !important;
  opacity: 0.82 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-connector {
  stroke: #a6b8ff !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 2 !important;
  opacity: 0.66 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-orbit {
  display: block !important;
  fill: none !important;
  stroke: #a6b8ff !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 1 8 5 4 !important;
  opacity: 0.5 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-core-ring {
  display: block !important;
  fill: rgba(91, 228, 237, 0.07) !important;
  stroke: #5be4ed !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 1 2 5 3 !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-pulse {
  display: block !important;
  fill: none !important;
  stroke: #e3fffc !important;
  stroke-width: 0.46 !important;
  stroke-dasharray: 1 5 3 7 !important;
  opacity: 0.42 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-scanline {
  display: block !important;
  stroke: #e3fffc !important;
  stroke-width: 0.64 !important;
  stroke-dasharray: 1 3 9 4 !important;
  opacity: 0.62 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-main {
  stroke: #dcecef !important;
  stroke-width: 1.42 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-signal {
  stroke: #e3fffc !important;
  stroke-width: 1.78 !important;
  filter: drop-shadow(0 0 4px rgba(91, 228, 237, 0.78)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-core, .glyph-node, .glyph-tech-beacon) {
  fill: #e3fffc !important;
  stroke: #5be4ed !important;
  stroke-width: 0.62 !important;
  filter: drop-shadow(0 0 4px rgba(91, 228, 237, 0.82)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-pulse {
  opacity: 1 !important;
  animation: ui529SignalWake 360ms var(--ui529-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 1 !important;
  animation: ui529ScanSweep 420ms var(--ui529-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell .client-nav-group :is(button.active, button:hover, button:focus-visible) svg.cockpit-vector-icon,
html body #root#root#root#root#root#root main.geo-admin-shell .geo-nav :is(button.active, button:hover, button:focus-visible) svg.cockpit-vector-icon,
html body #root#root#root#root#root#root main.geo-admin-shell .geo-nav-children :is(button.active, button:hover, button:focus-visible) svg.cockpit-vector-icon {
  color: #f1fffd !important;
  filter: drop-shadow(0 0 10px rgba(91, 228, 237, 0.78)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell .client-nav-group button.active svg.cockpit-vector-icon,
html body #root#root#root#root#root#root main.geo-admin-shell .geo-nav :is(button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  animation: ui529ActiveLock 420ms var(--ui529-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell .client-nav-group button.active svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root main.geo-admin-shell .geo-nav :is(button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  animation: ui529ActiveLock 420ms var(--ui529-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell .client-nav-group button.active:hover svg.cockpit-vector-icon .glyph-tech-scanline,
html body #root#root#root#root#root#root#root main.geo-admin-shell .geo-nav :is(button.active, .geo-nav-children button.active):hover svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 1 !important;
  animation: ui529ScanSweep 420ms var(--ui529-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector,
html body svg.chart {
  background: #041017 !important;
  border-color: rgba(91, 228, 237, 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(227, 255, 252, 0.05), 0 14px 28px rgba(0, 0, 0, 0.34) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-frame {
  fill: rgba(5, 22, 29, 0.88) !important;
  stroke: #5be4ed !important;
  stroke-width: 0.68 !important;
  stroke-dasharray: 2 6 14 4 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  stroke: #6feaf2 !important;
  stroke-width: 0.62 !important;
  opacity: 0.88 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-sweep {
  stroke: #e3fffc !important;
  stroke-width: 0.76 !important;
  filter: drop-shadow(0 0 6px rgba(91, 228, 237, 0.86)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke: #e3fffc !important;
  stroke-width: 1.24 !important;
  filter: drop-shadow(0 0 5px rgba(91, 228, 237, 0.72)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: #a6b8ff !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-reference {
  stroke: #efc579 !important;
  stroke-width: 0.44 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: #e3fffc !important;
  stroke: #5be4ed !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 5px rgba(91, 228, 237, 0.84)) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }

  html body #portal-root#portal-root#portal-root#portal-root main.portal-shell svg.cockpit-data-vector .vector-sweep,
  html body #root#root#root#root main.geo-admin-shell svg.cockpit-data-vector .vector-sweep {
    animation: none !important;
    transform: none !important;
  }
}

/* ui529: signal architecture pass. SVGs are treated as instruments: a
   chassis locates the control, a bus shows its operating plane, the semantic
   glyph carries meaning, and a terminal pulse confirms state. */
:root {
  --ui529-void: #041017;
  --ui529-shell: #173842;
  --ui529-grid: #285362;
  --ui529-signal: #5be4ed;
  --ui529-signal-hot: #e3fffc;
  --ui529-cold: #a6b8ff;
  --ui529-alert: #efc579;
  --ui529-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon {
  color: #c9dce0 !important;
  shape-rendering: geometricPrecision !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.52)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(path, circle, rect, polyline, polygon) {
  vector-effect: non-scaling-stroke !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-shell {
  display: block !important;
  fill: rgba(91, 228, 237, 0.028) !important;
  stroke: var(--ui529-shell) !important;
  stroke-width: 0.72 !important;
  stroke-dasharray: 1 4 10 3 2 5 !important;
  opacity: 0.98 !important;
  animation: ui529ShellResolve 520ms var(--ui529-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-window {
  display: block !important;
  fill: rgba(4, 16, 23, 0.62) !important;
  stroke: var(--ui529-grid) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 12 3 2 5 !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-registration {
  fill: none !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.84 !important;
  opacity: 0.92 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-calibration {
  fill: none !important;
  stroke: var(--ui529-cold) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 4 !important;
  opacity: 0.72 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-connector) {
  fill: none !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 1 3 5 3 !important;
  opacity: 0.68 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-connector {
  stroke: var(--ui529-cold) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 2 !important;
  opacity: 0.56 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-rail {
  fill: none !important;
  stroke: var(--ui529-grid) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 1 3 !important;
  opacity: 0.8 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-orbit {
  display: block !important;
  fill: none !important;
  stroke: var(--ui529-cold) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 8 5 4 !important;
  opacity: 0.32 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-target {
  display: block !important;
  fill: none !important;
  stroke: var(--ui529-grid) !important;
  stroke-width: 0.52 !important;
  stroke-dasharray: 4 3 !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-scanline {
  display: block !important;
  fill: none !important;
  stroke: var(--ui529-signal-hot) !important;
  stroke-width: 0.56 !important;
  stroke-dasharray: 1 3 9 4 !important;
  opacity: 0.4 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-core-ring {
  display: block !important;
  fill: rgba(91, 228, 237, 0.055) !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 1 2 5 3 !important;
  opacity: 0.72 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-pulse {
  display: block !important;
  fill: none !important;
  stroke: var(--ui529-signal-hot) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 5 3 7 !important;
  opacity: 0.22 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-spokes {
  fill: none !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.44 !important;
  opacity: 0.76 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: #c9dce0 !important;
  stroke-width: 1.34 !important;
  opacity: 1 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-fill {
  fill: rgba(91, 228, 237, 0.08) !important;
  stroke: #c9dce0 !important;
  stroke-width: 0.82 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui529-signal-hot) !important;
  stroke-width: 1.64 !important;
  filter: drop-shadow(0 0 3px rgba(91, 228, 237, 0.68)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-core, .glyph-node, .glyph-tech-beacon) {
  fill: var(--ui529-signal-hot) !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(91, 228, 237, 0.72)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-node-ring {
  fill: var(--ui529-void) !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.5 !important;
  stroke-dasharray: 1 2 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon:is([data-vector-name="alerts"], [data-vector-name="bell"], [data-vector-name="notifications"]) :is(.glyph-signal, .glyph-node, .glyph-tech-beacon) {
  stroke: var(--ui529-alert) !important;
  filter: drop-shadow(0 0 3px rgba(239, 197, 121, 0.56)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon {
  color: #f1fffd !important;
  transform: translate3d(1px, -1px, 0) scale(1.045) !important;
  filter: drop-shadow(0 0 9px rgba(91, 228, 237, 0.7)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-window,
html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-pulse {
  stroke: var(--ui529-signal-hot) !important;
  opacity: 0.92 !important;
  animation: ui529SignalWake 360ms var(--ui529-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 1 !important;
  animation: ui529ScanSweep 420ms var(--ui529-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):active svg.cockpit-vector-icon {
  transform: translate3d(0, 0, 0) scale(0.94) !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon {
  color: #f1fffd !important;
  filter: drop-shadow(0 0 9px rgba(91, 228, 237, 0.72)) !important;
  animation: ui529ActiveLock 420ms var(--ui529-ease) both !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon :is(.glyph-tech-window, .glyph-tech-pulse, .glyph-tech-scanline) {
  stroke: var(--ui529-signal-hot) !important;
  opacity: 0.98 !important;
}

/* Charts share the same instrument hierarchy, but keep their data trace in
   charge of attention. */
html body :is(#portal-root, #root) svg.cockpit-data-vector,
html body svg.chart {
  background: #041017 !important;
  border: 1px solid rgba(91, 228, 237, 0.38) !important;
  box-shadow: inset 0 0 0 1px rgba(227, 255, 252, 0.045), 0 14px 28px rgba(0, 0, 0, 0.34) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-frame {
  fill: rgba(5, 22, 29, 0.86) !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.66 !important;
  stroke-dasharray: 2 6 14 4 !important;
  opacity: 0.9 !important;
  animation: ui529ChartResolve 620ms var(--ui529-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  fill: none !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.58 !important;
  opacity: 0.82 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-axis, .vector-ticks, .vector-calibration),
html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-grid path {
  fill: none !important;
  stroke: rgba(166, 184, 255, 0.24) !important;
  stroke-width: 0.3 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-data-rail {
  fill: none !important;
  stroke: rgba(201, 220, 224, 0.56) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 7 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-scan-band {
  fill: rgba(91, 228, 237, 0.06) !important;
  stroke: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui529-signal-hot) !important;
  stroke-width: 0.72 !important;
  filter: drop-shadow(0 0 5px rgba(91, 228, 237, 0.82)) !important;
  animation: ui529TelemetrySweep 780ms var(--ui529-ease) 40ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.trend-line-shadow, .vector-line-shadow) {
  fill: none !important;
  stroke: rgba(91, 228, 237, 0.18) !important;
  stroke-width: 4.6 !important;
  filter: blur(1.2px) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  fill: none !important;
  stroke: var(--ui529-signal-hot) !important;
  stroke-width: 1.2 !important;
  filter: drop-shadow(0 0 4px rgba(91, 228, 237, 0.64)) !important;
  animation: ui529TraceAcquire 900ms var(--ui529-ease) 80ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui529-cold) !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-reference {
  stroke: var(--ui529-alert) !important;
  stroke-width: 0.42 !important;
  opacity: 0.66 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui529-signal-hot) !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.54 !important;
  filter: drop-shadow(0 0 4px rgba(91, 228, 237, 0.76)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-terminal-ring {
  fill: none !important;
  stroke: var(--ui529-signal-hot) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 1 3 6 3 !important;
  filter: drop-shadow(0 0 4px rgba(91, 228, 237, 0.62)) !important;
  animation: ui529TerminalLock 560ms var(--ui529-ease) 180ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar {
  fill: rgba(91, 228, 237, 0.36) !important;
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.5 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar-cap {
  fill: var(--ui529-signal-hot) !important;
  filter: drop-shadow(0 0 4px rgba(91, 228, 237, 0.66)) !important;
}

html body .wrap :is(svg.login-vector, .login-link-card svg) {
  shape-rendering: geometricPrecision !important;
  color: var(--ui529-signal-hot) !important;
  filter: drop-shadow(0 0 8px rgba(91, 228, 237, 0.5)) !important;
}

html body .wrap svg.login-vector :is(.login-vector-frame, .login-vector-window, .login-vector-grid, .login-vector-lock, .login-vector-calibration, .login-vector-bus, .login-vector-pulse) {
  fill: none !important;
  stroke: var(--ui529-signal) !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

html body .wrap svg.login-vector .login-vector-frame {
  fill: rgba(91, 228, 237, 0.028) !important;
  stroke-width: 0.7 !important;
  stroke-dasharray: 2 6 12 4 !important;
}

html body .wrap svg.login-vector .login-vector-window {
  stroke: var(--ui529-grid) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 9 3 1 5 !important;
}

html body .wrap svg.login-vector .login-vector-grid {
  stroke: rgba(166, 184, 255, 0.3) !important;
  stroke-width: 0.34 !important;
  stroke-dasharray: 1 5 !important;
}

html body .wrap svg.login-vector .login-vector-bus {
  stroke: var(--ui529-signal) !important;
  stroke-width: 0.46 !important;
  stroke-dasharray: 1 3 5 3 !important;
}

html body .wrap svg.login-vector .login-vector-pulse {
  stroke: var(--ui529-signal-hot) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 5 3 6 !important;
  opacity: 0.55 !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  stroke: var(--ui529-signal-hot) !important;
  stroke-width: 1.48 !important;
  filter: drop-shadow(0 0 4px rgba(91, 228, 237, 0.7)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: rgba(91, 228, 237, 0.12) !important;
  stroke: var(--ui529-signal-hot) !important;
  stroke-width: 0.82 !important;
}

@keyframes ui529ShellResolve {
  from { stroke-dashoffset: 32; opacity: 0.12; }
  to { stroke-dashoffset: 0; opacity: 0.98; }
}

@keyframes ui529SignalWake {
  from { stroke-dashoffset: 26; opacity: 0.12; }
  to { stroke-dashoffset: 0; opacity: 0.92; }
}

@keyframes ui529ScanSweep {
  from { stroke-dashoffset: 26; opacity: 0.12; }
  to { stroke-dashoffset: -26; opacity: 1; }
}

@keyframes ui529ActiveLock {
  0% { opacity: 0.5; transform: scale(0.95); }
  72% { opacity: 1; transform: scale(1.04); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes ui529ChartResolve {
  from { stroke-dashoffset: 42; opacity: 0.2; }
  to { stroke-dashoffset: 0; opacity: 0.9; }
}

@keyframes ui529TelemetrySweep {
  from { stroke-dashoffset: 1; opacity: 0.08; }
  to { stroke-dashoffset: 0; opacity: 0.98; }
}

@keyframes ui529TraceAcquire {
  from { stroke-dashoffset: 1; opacity: 0.12; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes ui529TerminalLock {
  from { opacity: 0.12; transform: scale(0.72); transform-origin: center; }
  76% { opacity: 1; transform: scale(1.04); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ui533-live-override: terminal owner after the historical cascade. */
html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon {
  color: var(--ui533-hot) !important;
  background: transparent !important;
  border: 0 !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.52)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-plate, .glyph-plate-tech, .glyph-tech-shell),
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-plate, .glyph-plate-tech, .glyph-tech-shell) {
  display: none !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-chassis,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-chassis {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.74 !important;
  stroke-dasharray: 13 3 2 6 !important;
  opacity: 0.9 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-window,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-window {
  display: block !important;
  fill: rgba(84, 228, 239, 0.028) !important;
  stroke: var(--ui533-line) !important;
  stroke-width: 0.38 !important;
  opacity: 0.78 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration, .glyph-tech-rail, .glyph-tech-connector),
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration, .glyph-tech-rail, .glyph-tech-connector) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.48 !important;
  opacity: 0.68 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration),
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration) {
  stroke: var(--ui533-signal) !important;
  stroke-dasharray: 2 5 11 4 !important;
  opacity: 0.84 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam),
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-circuit, .glyph-tech-beam) {
  display: block !important;
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.92 !important;
  animation: ui533SignalAcquire 620ms var(--ui533-ease) 80ms both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core),
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  display: none !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(.client-nav-group button.active, button.active, :is(button, a, summary):hover, :is(button, a, summary):focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core),
html body #root#root#root#root#root#root#root :is(.geo-nav button.active, .geo-nav-children button.active, button.active, :is(button, a, summary):hover, :is(button, a, summary):focus-visible) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  display: block !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-orbit,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-orbit {
  fill: none !important;
  stroke: var(--ui533-blue) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 7 5 4 !important;
  opacity: 0.58 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-target,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-target {
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.62 !important;
  opacity: 0.8 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-scanline,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-scanline {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.44 !important;
  stroke-dasharray: 2 3 9 4 !important;
  opacity: 0.95 !important;
  animation: ui533ScanLock 360ms var(--ui533-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-tech-core-ring,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-tech-core-ring {
  fill: rgba(84, 228, 239, 0.08) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 1 3 4 2 !important;
  opacity: 0.9 !important;
  animation: ui533ReticleLock 420ms var(--ui533-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-tech-pulse, .glyph-tech-spokes),
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-tech-pulse, .glyph-tech-spokes) {
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.42 !important;
  opacity: 0.48 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-main,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.32 !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon .glyph-signal,
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 1.7 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.7)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon),
html body #root#root#root#root#root#root#root svg.cockpit-vector-icon :is(.glyph-node, .glyph-tech-beacon) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.78)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root :is(.client-nav-group button.active, button.active) svg.cockpit-vector-icon,
html body #root#root#root#root#root#root#root :is(.geo-nav button.active, .geo-nav-children button.active, button.active) svg.cockpit-vector-icon {
  animation: ui533ActiveLock 420ms var(--ui533-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector .vector-sweep,
html body #root#root#root#root#root#root#root svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.66 !important;
  animation: ui533TelemetrySweep 720ms var(--ui533-ease) 80ms both !important;
  filter: drop-shadow(0 0 5px rgba(84, 228, 239, 0.82)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline),
html body #root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke: var(--ui533-hot) !important;
  stroke-width: 1.36 !important;
  animation: ui533TraceLoad 820ms var(--ui533-ease) 120ms both !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.7)) !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor),
html body #root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui533-blue) !important;
  filter: none !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot),
html body #root#root#root#root#root#root#root svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.82)) !important;
}

@keyframes ui533ActiveLock {
  from { opacity: 0.56; transform: scale(0.94); }
  72% { opacity: 1; transform: scale(1.045); }
  to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-vector-icon *,
  html body #root#root#root#root#root#root#root svg.cockpit-vector-icon *,
  html body #portal-root#portal-root#portal-root#portal-root#portal-root#portal-root#portal-root svg.cockpit-data-vector *,
  html body #root#root#root#root#root#root#root svg.cockpit-data-vector * {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ui528: technical vector pass. The previous layer made every icon carry the
   same reticle. This layer gives the instrument a quiet chassis, a precise
   semantic glyph, and a signal state that only appears when it has meaning. */
:root {
  --ui528-field: #07141b;
  --ui528-line: #315764;
  --ui528-line-soft: rgba(119, 166, 176, 0.34);
  --ui528-signal: #66e2ed;
  --ui528-signal-hot: #d6fffb;
  --ui528-cold: #9bb4ff;
  --ui528-alert: #efc579;
  --ui528-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* A thin instrument frame reads better at sidebar size than a glowing badge. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon {
  color: #c7d9dc !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.52)) !important;
  transition: color 180ms var(--ui528-ease), transform 180ms var(--ui528-ease), filter 180ms var(--ui528-ease) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-chassis,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-plate-tech {
  fill: rgba(102, 226, 237, 0.025) !important;
  stroke: var(--ui528-line) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 3 5 1 7 !important;
  opacity: 0.96 !important;
  animation: ui528ChassisResolve 520ms var(--ui528-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-registration {
  stroke: var(--ui528-signal) !important;
  stroke-width: 0.76 !important;
  stroke-dasharray: none !important;
  opacity: 0.86 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-calibration {
  stroke: var(--ui528-cold) !important;
  stroke-width: 0.46 !important;
  stroke-dasharray: 1 4 !important;
  opacity: 0.66 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-window {
  display: block !important;
  fill: none !important;
  stroke: var(--ui528-line-soft) !important;
  stroke-width: 0.34 !important;
  stroke-dasharray: 9 2 1 5 !important;
  opacity: 0.68 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-rail {
  stroke: var(--ui528-line-soft) !important;
  stroke-width: 0.56 !important;
  stroke-dasharray: 1 3 !important;
  opacity: 0.78 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-circuit, .glyph-tech-beam) {
  stroke: var(--ui528-signal) !important;
  stroke-width: 0.68 !important;
  stroke-dasharray: 4 4 !important;
  opacity: 0.9 !important;
}

/* The reticle is a state layer, not permanent decoration. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-core-ring, .glyph-tech-spokes) {
  display: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-target {
  display: block !important;
  fill: none !important;
  stroke: var(--ui528-line-soft) !important;
  stroke-width: 0.52 !important;
  opacity: 0.84 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-scanline {
  stroke: var(--ui528-signal-hot) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 2 3 12 3 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-main {
  stroke: currentColor !important;
  stroke-width: 1.26 !important;
  opacity: 1 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-signal {
  stroke: var(--ui528-signal-hot) !important;
  stroke-width: 1.62 !important;
  filter: drop-shadow(0 0 2px rgba(102, 226, 237, 0.5)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-node-ring {
  fill: var(--ui528-field) !important;
  stroke: var(--ui528-signal) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 1 2 !important;
  opacity: 0.95 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-beacon, .glyph-node) {
  fill: var(--ui528-signal-hot) !important;
  stroke: var(--ui528-signal) !important;
  stroke-width: 0.56 !important;
  filter: drop-shadow(0 0 3px rgba(102, 226, 237, 0.62)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon[data-vector-name="alerts"] :is(.glyph-signal, .glyph-node, .glyph-tech-beacon),
html body :is(#portal-root, #root) svg.cockpit-vector-icon[data-vector-name="bell"] :is(.glyph-signal, .glyph-node, .glyph-tech-beacon),
html body :is(#portal-root, #root) svg.cockpit-vector-icon[data-vector-name="notifications"] :is(.glyph-signal, .glyph-node, .glyph-tech-beacon) {
  stroke: var(--ui528-alert) !important;
  filter: drop-shadow(0 0 3px rgba(239, 197, 121, 0.52)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon,
html body :is(#portal-root, #root) :is(button, a, summary):focus-visible svg.cockpit-vector-icon {
  color: #f1fffd !important;
  transform: translate3d(1px, -1px, 0) scale(1.04) !important;
  filter: drop-shadow(0 0 8px rgba(102, 226, 237, 0.6)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-window,
html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-orbit,
html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-core-ring {
  display: block !important;
  stroke: var(--ui528-signal) !important;
  opacity: 0.88 !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-orbit {
  animation: ui528ReticleLock 420ms var(--ui528-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 1 !important;
  animation: ui528SignalSweep 360ms var(--ui528-ease) both !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):active svg.cockpit-vector-icon {
  transform: translate3d(0, 0, 0) scale(0.95) !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon {
  color: #f1fffd !important;
  filter: drop-shadow(0 0 8px rgba(102, 226, 237, 0.6)) !important;
  animation: ui528ActiveResolve 420ms var(--ui528-ease) both !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon :is(.glyph-tech-window, .glyph-tech-orbit, .glyph-tech-core-ring, .glyph-tech-spokes) {
  display: block !important;
  stroke: var(--ui528-signal) !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 0.95 !important;
  animation: ui528SignalSweep 420ms var(--ui528-ease) both !important;
}

/* Busy is the only persistent motion: it represents a real running task. */
html body :is(#portal-root[data-cockpit-busy="true"], #root[data-cockpit-busy="true"]) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-core-ring),
html body :is(#portal-root, #root) [data-cockpit-busy="true"] svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-core-ring) {
  display: block !important;
  stroke: var(--ui528-signal-hot) !important;
  opacity: 0.9 !important;
}

/* Charts get a technical viewport instead of a generic framed rectangle. */
html body :is(#portal-root, #root) svg.cockpit-data-vector,
html body svg.chart {
  background: #061017 !important;
  border-color: rgba(102, 226, 237, 0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(214, 255, 251, 0.045), 0 12px 24px rgba(0, 0, 0, 0.3) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-frame {
  fill: rgba(7, 20, 27, 0.84) !important;
  stroke: var(--ui528-signal) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 3 7 16 4 !important;
  opacity: 0.88 !important;
  animation: ui528DataResolve 580ms var(--ui528-ease) both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-corners, .vector-bracket-inner, .vector-signal-gate) {
  stroke: var(--ui528-signal) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: none !important;
  opacity: 0.78 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-axis, .vector-ticks, .vector-calibration),
html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-grid path {
  stroke: rgba(155, 180, 255, 0.19) !important;
  stroke-width: 0.3 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-data-rail {
  stroke: rgba(199, 217, 220, 0.52) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 1 6 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-scan-band {
  fill: rgba(102, 226, 237, 0.05) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui528-signal-hot) !important;
  stroke-width: 0.66 !important;
  filter: drop-shadow(0 0 5px rgba(102, 226, 237, 0.72)) !important;
  animation: ui528TelemetryResolve 760ms var(--ui528-ease) 40ms both !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke: var(--ui528-signal-hot) !important;
  stroke-width: 1.14 !important;
  filter: drop-shadow(0 0 4px rgba(102, 226, 237, 0.56)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: var(--ui528-cold) !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-reference {
  stroke: var(--ui528-alert) !important;
  opacity: 0.64 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar {
  fill: rgba(102, 226, 237, 0.32) !important;
  stroke: var(--ui528-signal) !important;
  stroke-width: 0.5 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-bar-cap {
  fill: var(--ui528-signal-hot) !important;
  filter: drop-shadow(0 0 4px rgba(102, 226, 237, 0.64)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-radar-axis, .vector-radar-ring) {
  stroke: rgba(155, 180, 255, 0.42) !important;
  stroke-width: 0.46 !important;
  stroke-dasharray: 2 5 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-radar-area.brand {
  fill: rgba(102, 226, 237, 0.1) !important;
  stroke: var(--ui528-signal-hot) !important;
  stroke-width: 0.82 !important;
  filter: drop-shadow(0 0 4px rgba(102, 226, 237, 0.42)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-radar-area.competitor {
  fill: rgba(155, 180, 255, 0.05) !important;
  stroke: var(--ui528-cold) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui528-signal-hot) !important;
  stroke: var(--ui528-signal) !important;
  stroke-width: 0.54 !important;
  filter: drop-shadow(0 0 4px rgba(102, 226, 237, 0.72)) !important;
}

html body .wrap :is(svg.login-vector, .login-link-card svg) {
  color: var(--ui528-signal-hot) !important;
  filter: drop-shadow(0 0 7px rgba(102, 226, 237, 0.48)) !important;
}

html body .wrap svg.login-vector :is(.login-vector-frame, .login-vector-grid, .login-vector-lock, .login-vector-calibration) {
  stroke: var(--ui528-signal) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 3 5 1 6 !important;
}

html body .wrap svg.login-vector .login-vector-window {
  fill: none !important;
  stroke: rgba(155, 180, 255, 0.34) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 8 3 1 5 !important;
}

html body .wrap svg.login-vector .login-vector-grid {
  stroke: rgba(155, 180, 255, 0.28) !important;
  stroke-dasharray: 1 5 !important;
}

html body .wrap svg.login-vector .login-vector-signal {
  stroke: var(--ui528-signal-hot) !important;
  stroke-width: 1.38 !important;
  filter: drop-shadow(0 0 4px rgba(102, 226, 237, 0.66)) !important;
}

html body .wrap svg.login-vector .login-vector-core {
  fill: rgba(102, 226, 237, 0.12) !important;
  stroke: var(--ui528-signal-hot) !important;
  stroke-width: 0.8 !important;
}

@keyframes ui528ChassisResolve {
  from { stroke-dashoffset: 28; opacity: 0.16; }
  to { stroke-dashoffset: 0; opacity: 0.96; }
}

@keyframes ui528ReticleLock {
  from { opacity: 0; transform: scale(0.72); transform-origin: center; }
  72% { opacity: 0.9; transform: scale(1.06); transform-origin: center; }
  to { opacity: 0.88; transform: scale(1); transform-origin: center; }
}

@keyframes ui528SignalSweep {
  from { stroke-dashoffset: 24; opacity: 0.1; }
  to { stroke-dashoffset: -24; opacity: 1; }
}

@keyframes ui528ActiveResolve {
  0% { opacity: 0.54; transform: scale(0.94); }
  70% { opacity: 1; transform: scale(1.045); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes ui528DataResolve {
  from { stroke-dashoffset: 38; opacity: 0.24; }
  to { stroke-dashoffset: 0; opacity: 0.88; }
}

@keyframes ui528TelemetryResolve {
  from { stroke-dashoffset: 1; opacity: 0.06; }
  to { stroke-dashoffset: 0; opacity: 0.96; }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ui529-cascade-final: the terminal layer wins over the historical repair
   selectors above while keeping reduced motion as the final accessibility
   contract. */
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-chassis,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-window,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-bus,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-connector,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-registration,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-calibration,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-rail,
html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-circuit {
  display: block !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-chassis {
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.74 !important;
  stroke-dasharray: 13 3 2 6 !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-window {
  fill: rgba(84, 228, 239, 0.028) !important;
  stroke: var(--ui533-line) !important;
  stroke-width: 0.38 !important;
  opacity: 0.78 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-bus, .glyph-tech-connector) {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.62 !important;
  stroke-dasharray: 1 4 5 3 !important;
  opacity: 0.92 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-connector {
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.48 !important;
  opacity: 0.68 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-registration, .glyph-tech-calibration) {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.48 !important;
  stroke-dasharray: 2 5 11 4 !important;
  opacity: 0.84 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-rail, .glyph-tech-circuit) {
  fill: none !important;
  stroke: var(--ui533-line-bright) !important;
  stroke-width: 0.42 !important;
  stroke-dasharray: 3 4 !important;
  opacity: 0.62 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-orbit {
  display: none !important;
  fill: none !important;
  stroke: var(--ui533-blue) !important;
  stroke-width: 0.38 !important;
  stroke-dasharray: 1 7 5 4 !important;
  opacity: 0.58 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-core-ring {
  display: none !important;
  fill: rgba(84, 228, 239, 0.08) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  stroke-dasharray: 1 3 4 2 !important;
  opacity: 0.9 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-tech-pulse {
  display: none !important;
  fill: none !important;
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.42 !important;
  opacity: 0.48 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-main {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.32 !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon .glyph-signal {
  fill: none !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 1.7 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.7)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-vector-icon :is(.glyph-tech-core, .glyph-node, .glyph-tech-beacon) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 3px rgba(84, 228, 239, 0.78)) !important;
}

html body :is(#portal-root, #root) :is(button, a, summary):is(:hover, :focus-visible) svg.cockpit-vector-icon .glyph-tech-scanline {
  opacity: 1 !important;
  display: block !important;
  animation: ui533ScanLock 360ms var(--ui533-ease) both !important;
}

html body #portal-root#portal-root#portal-root#portal-root#portal-root main.portal-shell .client-nav-group button.active svg.cockpit-vector-icon,
html body #root#root#root#root#root#root main.geo-admin-shell .geo-nav :is(button.active, .geo-nav-children button.active) svg.cockpit-vector-icon {
  animation: ui533ActiveLock 420ms var(--ui533-ease) both !important;
}

html body :is(#portal-root, #root) :is(.client-nav-group button.active, .geo-nav-children button.active, .geo-nav button.active) svg.cockpit-vector-icon :is(.glyph-tech-orbit, .glyph-tech-target, .glyph-tech-scanline, .glyph-tech-core-ring, .glyph-tech-pulse, .glyph-tech-spokes, .glyph-tech-core) {
  display: block !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector,
html body svg.chart {
  background: #041017 !important;
  border-color: rgba(91, 228, 237, 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(227, 255, 252, 0.05), 0 14px 28px rgba(0, 0, 0, 0.34) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-frame {
  fill: rgba(5, 22, 29, 0.88) !important;
  stroke: #5be4ed !important;
  stroke-width: 0.68 !important;
  stroke-dasharray: 2 6 14 4 !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector .vector-sweep {
  stroke: var(--ui533-hot) !important;
  stroke-width: 0.66 !important;
  animation: ui533TelemetrySweep 720ms var(--ui533-ease) 80ms both !important;
  filter: drop-shadow(0 0 5px rgba(84, 228, 239, 0.82)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line, .trend-line-main, polyline) {
  stroke: var(--ui533-hot) !important;
  stroke-width: 1.36 !important;
  animation: ui533TraceLoad 820ms var(--ui533-ease) 120ms both !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.7)) !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-line.competitor, .vector-terminal.competitor, .vector-node.competitor) {
  stroke: #a6b8ff !important;
  filter: none !important;
}

html body :is(#portal-root, #root) svg.cockpit-data-vector :is(.vector-node, .vector-terminal, .trend-dot) {
  fill: var(--ui533-hot) !important;
  stroke: var(--ui533-signal) !important;
  stroke-width: 0.58 !important;
  filter: drop-shadow(0 0 4px rgba(84, 228, 239, 0.82)) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#portal-root, #root) svg.cockpit-vector-icon,
  html body :is(#portal-root, #root) svg.cockpit-vector-icon *,
  html body :is(#portal-root, #root) svg.cockpit-data-vector *,
  html body svg.chart *,
  html body .wrap :is(svg.login-vector, .login-link-card svg) * {
    animation: none !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }
}