/* ========================================
   RING GAUGE
   Shared SVG ring gauge (fill + threshold coloring)
   ======================================== */

/* ─── SVG ring ─── */

.bw-ring-svg {
  width: 60px;
  height: 60px;
  display: block;
  flex-shrink: 0;
}

.bw-ring-track {
  stroke: var(--arp-border);
}

.bw-ring-progress {
  stroke: transparent;
}

.bw-ring-progress.is-success {
  stroke: var(--arp-status-success-fg);
}

.bw-ring-progress.is-warning {
  stroke: var(--arp-status-warning-fg);
}

.bw-ring-progress.is-danger {
  stroke: var(--arp-status-danger-fg);
}