/* Wardway UI 1.0 — Telemetry */

.ww-telemetry,
.telemetry-card,
.metric-card,
.status-card {
  border: 1px solid var(--ww-border);
  border-radius: var(--ww-radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    var(--ww-panel);
  box-shadow: var(--ww-shadow);
}

.ww-telemetry-header,
.telemetry-header,
.metric-header,
.status-header {
  color: var(--ww-text);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ww-telemetry-label,
.telemetry-label,
.metric-label,
.status-label {
  color: var(--ww-text-soft);
  font-size: 11px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.ww-telemetry-value,
.telemetry-value,
.metric-value,
.status-value {
  color: var(--ww-text);
  font-size: 18px;
  font-weight: 800;
}

.ww-status-online,
.status-online,
.online {
  color: var(--ww-green);
}

.ww-status-warning,
.status-warning,
.warning {
  color: var(--ww-gold);
}

.ww-status-error,
.status-error,
.error {
  color: var(--ww-red);
}

.ww-pulse-online {
  box-shadow: 0 0 14px rgba(53,242,143,.45);
}

.ww-pulse-warning {
  box-shadow: 0 0 14px rgba(255,209,102,.45);
}

.ww-pulse-error {
  box-shadow: 0 0 14px rgba(255,107,107,.45);
}