/* ─────────────────────────────────────────────────────────────────────────
   Legacy ss-* styles still used by StatusChip. Everything else uses css/freshtag/**.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* Status palette — consistent across light/dark */
  --ss-online: #10b981;
  --ss-online-bg: rgba(16,185,129,.08);
  --ss-pending: #f59e0b;
  --ss-pending-bg: rgba(245,158,11,.08);
  --ss-error: #ef4444;
  --ss-error-bg: rgba(239,68,68,.08);
  --ss-offline: #94a3b8;
  --ss-offline-bg: rgba(148,163,184,.10);
  --ss-battery: #f59e0b;
  --ss-indigo: #6366f1;
  --ss-indigo-bg: rgba(99,102,241,.08);
}

/* Pulse animation for the Online dot (used inline by StatusChip) */
@keyframes ss-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: .5; transform: scale(1.3); }
}

/* ── Status chip ────────────────────────────────────────────────────────── */
.ss-status-chip {
  font-size: .72rem !important;
  font-weight: 600 !important;
  height: 1.5rem !important;
  padding: 0 .5rem !important;
  border-radius: 999px !important;
  letter-spacing: .01em;
}

span.ss-status-chip {
  display: inline-flex;
  align-items: center;
  padding: .2rem .55rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1;
  height: auto;
  white-space: nowrap;
}

/* Modifier built from LabelStatus in StatusChip.razor (ss-status-chip--@status) */
span.ss-status-chip--online     { background: var(--ss-online-bg);  color: var(--ss-online); }
span.ss-status-chip--offline    { background: var(--ss-offline-bg); color: var(--ss-offline); }
span.ss-status-chip--pending    { background: var(--ss-pending-bg); color: var(--ss-pending); }
span.ss-status-chip--updating   { background: var(--ss-indigo-bg);  color: var(--ss-indigo); }
span.ss-status-chip--error      { background: var(--ss-error-bg);   color: var(--ss-error); }
span.ss-status-chip--lowbattery { background: var(--ss-pending-bg); color: var(--ss-battery); }