/* ========================================
   ALTDB HEALTH CHECK PAGE
   Reuses .health-hero from agents.css for the status banner
   ======================================== */

/* AS-SET name chip inside the hero subtitle */
.altdb-hero-object code {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  padding: var(--arp-pill-padding-sm);
  border-radius: var(--arp-radius-xs);
  margin-left: var(--arp-space-1);
}

/* Stats row */
.altdb-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--arp-space-4);
  margin-bottom: var(--arp-space-6);
}

.altdb-stat-card {
  background: var(--arp-surface-raised);
  border-radius: var(--arp-radius-lg);
  padding: var(--arp-space-5);
  border: 1px solid var(--arp-border);
  display: flex;
  align-items: center;
  gap: var(--arp-space-4);
}

.altdb-stat-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--arp-radius-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  flex-shrink: 0;
}

.altdb-stat-icon.is-phoenix {
  background: var(--arp-accent-bg);
  color: var(--arp-accent);
}

.altdb-stat-icon.is-altdb {
  background: #f3e8ff;
  color: #7c3aed;
}

[data-theme="dark"] .altdb-stat-icon.is-altdb {
  background: #4c1d95;
  color: #c4b5fd;
}

.altdb-stat-icon.is-drift {
  background: var(--arp-status-warning-bg);
  color: var(--arp-status-warning-fg);
}

.altdb-stat-icon.is-neutral {
  background: var(--arp-status-neutral-bg);
  color: var(--arp-status-neutral-fg);
}

.altdb-stat-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.altdb-stat-value {
  font-size: var(--bulma-size-3);
  font-weight: 700;
  line-height: 1;
  color: var(--arp-text-primary);
}

.altdb-stat-label {
  font-size: var(--bulma-size-small);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--arp-text-muted);
  font-weight: 500;
  margin-top: var(--arp-space-1-5);
}

/* Drift detail panels */
.altdb-drift-detail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--arp-space-4);
  margin-bottom: var(--arp-space-6);
}

.altdb-drift-panel {
  background: var(--arp-surface-raised);
  border-radius: var(--arp-radius-lg);
  border: 1px solid var(--arp-border);
  overflow: hidden;
}

.altdb-drift-panel-header {
  display: flex;
  align-items: center;
  gap: var(--arp-space-2);
  padding: var(--arp-space-3) 1.1rem;
  background: var(--arp-surface-muted);
  border-bottom: 1px solid var(--arp-border-subtle);
}

.altdb-drift-panel-count {
  margin-left: auto;
  background: var(--arp-status-neutral-bg);
  color: var(--arp-text-secondary);
  padding: var(--arp-pill-padding-sm);
  border-radius: var(--arp-radius-full);
  font-size: var(--bulma-size-small);
  font-weight: 600;
}

.altdb-drift-panel-body {
  padding: var(--arp-space-4) 1.1rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--arp-space-1-5);
  min-height: 3.5rem;
}

/* RPSL source cards (stacked; long members: lines can be very wide) */
.altdb-sources {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--arp-space-4);
}

.altdb-source-card {
  background: var(--arp-surface-raised);
  border-radius: var(--arp-radius-lg);
  border: 1px solid var(--arp-border);
  overflow: hidden;
}

.altdb-source-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arp-space-4);
  padding: var(--arp-space-3) var(--arp-space-5);
  background: var(--arp-surface-muted);
  border-bottom: 1px solid var(--arp-border-subtle);
}

.altdb-source-title {
  display: flex;
  align-items: center;
  gap: var(--arp-space-2);
  font-weight: 600;
  color: var(--arp-text-primary);
}

.altdb-source-tag {
  font-size: var(--bulma-size-small);
  color: var(--arp-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.altdb-source-card pre {
  margin: 0;
  padding: var(--arp-space-5);
  max-width: 100%;
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
}

.altdb-source-empty {
  padding: var(--arp-space-10) var(--arp-space-5);
  text-align: center;
  color: var(--arp-text-muted);
}

.altdb-source-empty .icon {
  color: var(--arp-amber-500);
  margin-bottom: var(--arp-space-3);
}

[data-theme="dark"] .altdb-source-empty .icon {
  color: var(--arp-amber-300);
}

.altdb-source-empty-title {
  font-weight: 600;
  color: var(--arp-text-secondary);
}

.altdb-source-empty-message {
  font-size: 0.85rem;
  color: var(--arp-text-muted);
  margin-top: var(--arp-space-1);
  font-family: "SF Mono", "Fira Code", "Consolas", monospace;
}