/* ═══════════════════════════════════════════════════════════════════════════
   Identidad de color por ESTADO DE RECIBO DE CAJA — origen único
   Lo usan: Recibos (lista), Cartera (#receipts), Portfolio/Receipts y cualquier pantalla
   que muestre un estado de recibo. NO redefinir estos colores en CSS de página.

     Elaborado   naranja   · Pre-enviado  cian     · Enviado (rótulo "En Revisión") azul
     Aprobado    verde     · Rechazado    rojo     · Impreso (estado final) violeta
     Anulado / desconocido gris
   Helper JS: assets/js/components/vt-receipt-state.js  (vtReceiptState.badge(estado))
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
    --rc-elaborado-bg: #FFF3EA; --rc-elaborado-fg: #f8790c;
    --rc-preenv-bg:    #E0F9FF; --rc-preenv-fg:    #06B6D4;
    --rc-enviado-bg:   #EFF6FF; --rc-enviado-fg:   #3B82F6;
    --rc-aprobado-bg:  #ECFDF5; --rc-aprobado-fg:  #10B981;
    --rc-rechazado-bg: #FEF2F2; --rc-rechazado-fg: #EF4444;
    --rc-impreso-bg:   #F5F3FF; --rc-impreso-fg:   #7C3AED;
    --rc-anulado-bg:   #F3F4F6; --rc-anulado-fg:   #6B7280;
}
[data-vehitotal-theme="dark"] {
    --rc-elaborado-bg: rgba(248, 121, 12, .18);  --rc-elaborado-fg: #fb923c;
    --rc-preenv-bg:    rgba(6, 182, 212, .18);   --rc-preenv-fg:    #22d3ee;
    --rc-enviado-bg:   rgba(59, 130, 246, .18);  --rc-enviado-fg:   #60a5fa;
    --rc-aprobado-bg:  rgba(16, 185, 129, .18);  --rc-aprobado-fg:  #34d399;
    --rc-rechazado-bg: rgba(239, 68, 68, .18);   --rc-rechazado-fg: #f87171;
    --rc-impreso-bg:   rgba(124, 58, 237, .22);  --rc-impreso-fg:   #a78bfa;
    --rc-anulado-bg:   rgba(148, 163, 184, .16); --rc-anulado-fg:   #9ca3af;
}

.rc-badge { display: inline-flex; align-items: center; gap: .3rem; padding: .2rem .65rem; border-radius: 20px; font-size: .72rem; font-weight: 600; white-space: nowrap; }
.rc-badge--elaborado { background: var(--rc-elaborado-bg); color: var(--rc-elaborado-fg); }
.rc-badge--preenv    { background: var(--rc-preenv-bg);    color: var(--rc-preenv-fg); }
.rc-badge--enviado   { background: var(--rc-enviado-bg);   color: var(--rc-enviado-fg); }
.rc-badge--aprobado  { background: var(--rc-aprobado-bg);  color: var(--rc-aprobado-fg); }
.rc-badge--rechazado { background: var(--rc-rechazado-bg); color: var(--rc-rechazado-fg); }
.rc-badge--impreso   { background: var(--rc-impreso-bg);   color: var(--rc-impreso-fg); }
.rc-badge--anulado,
.rc-badge--default   { background: var(--rc-anulado-bg);   color: var(--rc-anulado-fg); }