/* ──────────────────────────────────────────────────────────────
   Λ U R Ø — states.css
   Colores aplicados según el estado del asiento.
   Estados: cobrado, facturada, enb (Directo), espera, noremunerado (Gratis).
   ────────────────────────────────────────────────────────────── */

/* ── Barra lateral coloreada en la tarjeta del asiento ── */
.card.cobrado::after{background:var(--cobrado)}
.card.facturada::after{background:var(--facturada);opacity:.7}
.card.enb::after{background:var(--enb)}
.card.espera::after{background:var(--espera);opacity:.7}
.card.noremunerado::after{background:var(--noremunerado);opacity:.6}

/* ── Color del precio según estado ── */
.card-price.cobrado{color:var(--cobrado)}
.card-price.facturada{color:var(--facturada)}
.card-price.enb{color:var(--enb)}
.card-price.espera{color:var(--espera)}
.card-price.noremunerado{color:var(--noremunerado)}

/* ── Badge del estado (etiqueta dentro de la tarjeta) ── */
.badge.cobrado{background:var(--cobrado-dim);color:var(--cobrado)}
.badge.facturada{background:var(--facturada-dim);color:var(--facturada)}
.badge.enb{background:var(--enb-dim);color:var(--enb)}
.badge.espera{background:var(--espera-dim);color:var(--espera)}
.badge.noremunerado{background:var(--noremunerado-dim);color:var(--noremunerado)}

/* ── Botón de estado en el formulario (toggle activo) ── */
.etog.on-cobrado{background:var(--cobrado-dim);border-color:var(--cobrado);color:var(--cobrado)}
.etog.on-facturada{background:var(--facturada-dim);border-color:var(--facturada);color:var(--facturada)}
.etog.on-enb{background:var(--enb-dim);border-color:var(--enb);color:var(--enb)}
.etog.on-espera{background:var(--espera-dim);border-color:var(--espera);color:var(--espera)}