/* Solar Pulse — minimal helpers (the polished theme will be added later via Claude Design) */

html, body { -webkit-tap-highlight-color: transparent; }

.tabular-nums { font-variant-numeric: tabular-nums; }

@keyframes sp-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(0, 240, 255, 0.45); }
  60%  { box-shadow: 0 0 0 12px rgba(0, 240, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 240, 255, 0); }
}

.sp-pulse {
  animation: sp-pulse 1.6s ease-out 1;
}

#conn-dot.connected   { background: #10b981; }
#conn-dot.disconnected { background: #ef4444; }
#conn-dot.connecting  { background: #f59e0b; }

.canvas-wrap { position: relative; height: 100%; width: 100%; }