/* ───────────────────────────────────────────────────────────────────────────
   Nestpay · Service Health detail page
   Dark Bootstrap table + expandable "failing checks" rows + auto-refresh
   indicator. Colour semantics mirror the home status-strip widgets.
─────────────────────────────────────────────────────────────────────────── */

.service-health-table tbody tr[data-bs-toggle="collapse"] {
  cursor: pointer;
}
.service-health-table tbody tr[data-bs-toggle="collapse"]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.service-health-table tbody tr[data-bs-toggle="collapse"] .bi-chevron-down {
  transition: transform 0.2s ease;
}
.service-health-table tbody tr[data-bs-toggle="collapse"]:not(.collapsed) .bi-chevron-down {
  transform: rotate(180deg);
}
.service-health-table .bi-circle-fill {
  font-size: 0.55rem;
  vertical-align: middle;
}
.service-health-table .status-dot {
  font-size: 0.7rem;
}

.auto-refresh-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
}
.auto-refresh-indicator .bi-arrow-repeat {
  animation: svc-health-spin 2.4s linear infinite;
  opacity: 0.7;
}

@keyframes svc-health-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}