.anb-net-readout {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--anb-muted);
  font: 600 11px/1.3 var(--anb-font-mono);
  letter-spacing: 0.06em;
}

.anb-net-panel {
  display: grid;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--anb-line);
  border-radius: var(--anb-r);
  background: linear-gradient(135deg, var(--anb-surface), var(--anb-base));
  box-shadow: var(--anb-shadow-sm);
}

.anb-net-panel .anb-eyebrow { margin: 0; }
.anb-net-panel .anb-net-readout { min-height: 26px; }

.anb-net-dot {
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: var(--anb-faint);
}

.anb-net-dot-ok { background: var(--anb-live); }
.anb-net-dot-warn { background: var(--anb-gold); }
.anb-net-dot-bad { background: var(--anb-danger); }
.anb-net-dot-unknown { background: var(--anb-faint); }
.anb-net-dot-measuring { animation: anb-net-pulse 1s ease-in-out infinite; }

.anb-net-line { color: var(--anb-muted); }
.anb-net-detail { color: var(--anb-faint); }
.anb-net-retest { padding: 5px 8px; font: 600 10px/1 var(--anb-font-mono); }

.anb-net-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.anb-net-filter .anb-btn {
  padding: 5px 9px;
  color: var(--anb-muted);
  font: 600 10px/1 var(--anb-font-mono);
  letter-spacing: 0.08em;
}

.anb-net-filter .anb-btn[aria-pressed="true"] {
  border-color: var(--anb-gold);
  background: rgba(201, 166, 74, 0.1);
  color: var(--anb-gold-hi);
}

.anb-badge-net {
  color: var(--anb-muted);
  border-color: var(--anb-line-soft);
}

.site-card-badges {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}

.anb-net-mark { margin-left: 1px; }
.anb-net-mark-ok { color: var(--anb-live); }
.anb-net-mark-warn { color: var(--anb-gold); }
.anb-net-mark-bad { color: var(--anb-danger); }
.anb-net-mark-unknown { color: var(--anb-faint); }
.anb-net-hint { color: var(--anb-muted); }

.anb-net-card-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

@keyframes anb-net-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

@media (prefers-reduced-motion: reduce) {
  .anb-net-dot-measuring { animation: none; }
}