/* css/rfi-state-badges.css — RFI-UI-Labeling-v1 (2026-04-30)
 *
 * Adds the .rfi-state-badge.state-question variant rendered by
 * js/rfi-labeling.js on AI-Suggested RFI cards. Mirrors the dimensions
 * of .rfi-pri-badge / .rfi-status-badge (styles.css:4032-4045) so the
 * badge sits visually flush alongside priority + subject in the same
 * card row.
 *
 * Future-extensible — additional state-* variants reserved but NOT
 * shipped in v1. Formal RFI cards already use .rfi-status-* (DRAFT,
 * SUBMITTED, RESPONDED, CLOSED, VOID) so duplicating those into
 * .rfi-state-badge.state-* would be redundant.
 */

.rfi-state-badge {
  font-size: .65rem;
  font-weight: 700;
  padding: .15rem .4rem;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: .02em;
  display: inline-block;
  margin-right: .35rem;
  vertical-align: middle;
}

/* Question — pre-DRAFT state. Cyan tint distinguishes from priority
 * palette (red/amber/teal/gray) and status palette (slate/blue/green/gray).
 */
.rfi-state-badge.state-question {
  background: #ecfeff;
  color: #0e7490;
}

/* Dark theme — matches the rfi-status-badge dark overrides at
 * styles.css:5042-5045. Lighter cyan-on-dark for readability.
 */
[data-theme="dark"] .rfi-state-badge.state-question {
  background: rgba(6, 182, 212, .15);
  color: #67e8f9;
}