/* CoverageBadge — chart-caption affordance signalling coverage clipping.
 * Three render modes:
 *   .ocb--full     no clipping; neutral "Coverage: 2008–2026 (full series)"
 *   .ocb--clipped  amber pill — user window exceeded coverage on at least one edge
 *   .ocb--empty    coral pill — no overlap; chart renders an EmptyState instead
 * Print: full mode renders text only; clipped + empty render a printable
 * footnote so the saved PDF still shows the clip warning. */

.ocb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 1.3;
  padding: 2px 0;
  font-family: inherit;
}

.ocb--full {
  color: var(--o-text-muted, #64748b);
}

.ocb--clipped {
  color: #92400e;
  background: #fef3c7;
  border: 1px solid #fde68a;
  padding: 2px 8px;
  border-radius: 999px;
}

.ocb--empty {
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #fecaca;
  padding: 2px 8px;
  border-radius: 999px;
}

.ocb-icon {
  font-style: normal;
  font-weight: 700;
}

.ocb-info {
  cursor: help;
  color: var(--o-text-muted, #94a3b8);
  margin-left: 2px;
}

@media print {
  .ocb--clipped,
  .ocb--empty {
    background: none !important;
    border: none !important;
    color: #000 !important;
    padding: 0 !important;
    font-weight: 600;
  }
}