/* ═══════════════════════════════════════════════════════════════════════════
   Identidad de color por ESTADO DE CARGUE (import job) — origen único
   En cola = gris · Procesando = azul · Completado = verde · Errores parciales = ámbar · Falló = rojo
   Helper JS: assets/js/components/vt-import-job.js  (vtImportJob.badge(estado))
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
    --imp-pending-bg: #F3F4F6; --imp-pending-fg: #6B7280;
    --imp-running-bg: #EFF6FF; --imp-running-fg: #3B82F6;
    --imp-done-bg:    #ECFDF5; --imp-done-fg:    #10B981;
    --imp-partial-bg: #FFFBEB; --imp-partial-fg: #D97706;
    --imp-failed-bg:  #FEF2F2; --imp-failed-fg:  #EF4444;
}
[data-vehitotal-theme="dark"] {
    --imp-pending-bg: rgba(148, 163, 184, .16); --imp-pending-fg: #9ca3af;
    --imp-running-bg: rgba(59, 130, 246, .18);  --imp-running-fg: #60a5fa;
    --imp-done-bg:    rgba(16, 185, 129, .18);  --imp-done-fg:    #34d399;
    --imp-partial-bg: rgba(245, 158, 11, .18);  --imp-partial-fg: #fbbf24;
    --imp-failed-bg:  rgba(239, 68, 68, .18);   --imp-failed-fg:  #f87171;
}
.imp-badge { display: inline-flex; align-items: center; gap: .4rem; padding: .22rem .7rem; border-radius: 99px; font-size: .74rem; font-weight: 700; white-space: nowrap; }
.imp-badge--pending { background: var(--imp-pending-bg); color: var(--imp-pending-fg); }
.imp-badge--running { background: var(--imp-running-bg); color: var(--imp-running-fg); }
.imp-badge--done    { background: var(--imp-done-bg);    color: var(--imp-done-fg); }
.imp-badge--partial { background: var(--imp-partial-bg); color: var(--imp-partial-fg); }
.imp-badge--failed  { background: var(--imp-failed-bg);  color: var(--imp-failed-fg); }
.imp-bar--pending { background: var(--imp-pending-fg); } .imp-bar--running { background: var(--imp-running-fg); }
.imp-bar--done { background: var(--imp-done-fg); } .imp-bar--partial { background: var(--imp-partial-fg); } .imp-bar--failed { background: var(--imp-failed-fg); }