/*
 * card-bin-lookup.css — per-tool styles for the masked card readout.
 * Tokens only; no inline styles (CSP). Stat cards + tables reuse shared classes.
 */

/* Masked card block: brand badge above the (partly hidden) card number. */
.cbl-card-display {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
}

.cbl-masked {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--text-primary);
  word-break: break-all;
  line-height: 1.3;
}

/* Issuer name reads a touch larger than the surrounding help text. */
.cbl-issuer-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: var(--space-1);
}