/* ============================================================
   badges.css — ETIQUETAS DE ESTADO (badges)
   ------------------------------------------------------------
   Badges semitransparentes para la columna "Estado" de las
   tablas (las inyecta badges.js) y los .status-* de vistas
   concretas. Texto OSCURO por defecto (vale para CLARO); en
   tema oscuro se sube el tono del texto.
   ============================================================ */
html.theme-cg .crr-badge {
    display: inline-block; padding: 4px 11px; border-radius: 999px;
    font-size: 11.5px; font-weight: 600; line-height: 1.5; letter-spacing: .2px;
    border: 1px solid transparent; white-space: nowrap;
}
html.theme-cg .crr-badge--ok     { background: rgba(34, 197, 94, .15);  border-color: rgba(34, 197, 94, .35);  color: #15803d; }
html.theme-cg .crr-badge--teal   { background: rgba(20, 184, 166, .15); border-color: rgba(20, 184, 166, .35); color: #0f766e; }
html.theme-cg .crr-badge--info   { background: rgba(56, 189, 248, .15); border-color: rgba(56, 189, 248, .35); color: #0369a1; }
html.theme-cg .crr-badge--purple { background: rgba(139, 92, 246, .16); border-color: rgba(139, 92, 246, .38); color: #6d28d9; }
html.theme-cg .crr-badge--warn   { background: rgba(245, 158, 11, .15); border-color: rgba(245, 158, 11, .35); color: #b45309; }
html.theme-cg .crr-badge--danger { background: rgba(239, 68, 68, .15);  border-color: rgba(239, 68, 68, .35);  color: #b91c1c; }
html.theme-cg .crr-badge--pink   { background: rgba(236, 72, 153, .15); border-color: rgba(236, 72, 153, .38); color: #be185d; }
html.theme-cg .crr-badge--slate  { background: rgba(100, 116, 139, .18); border-color: rgba(100, 116, 139, .4); color: #475569; }
html.theme-cg .crr-badge--muted  { background: rgba(148, 163, 196, .15); border-color: rgba(148, 163, 196, .35); color: #64748b; }
html.theme-cg.theme-dark .crr-badge--ok     { color: #4ade80; }
html.theme-cg.theme-dark .crr-badge--teal   { color: #2dd4bf; }
html.theme-cg.theme-dark .crr-badge--info   { color: #7dd3fc; }
html.theme-cg.theme-dark .crr-badge--purple { color: #c4b5fd; }
html.theme-cg.theme-dark .crr-badge--warn   { color: #fbbf24; }
html.theme-cg.theme-dark .crr-badge--danger { color: #f87171; }
html.theme-cg.theme-dark .crr-badge--pink   { color: #f9a8d4; }
html.theme-cg.theme-dark .crr-badge--slate  { color: #cbd5e1; }
html.theme-cg.theme-dark .crr-badge--muted  { color: #cbd5e1; }

/* ----- .status-* de vistas concretas (validation-id, etc.) ----- */
html.theme-cg .status-badge { border: 1px solid transparent; }
html.theme-cg .status-active   { background: rgba(34, 197, 94, .15);  border-color: rgba(34, 197, 94, .35);  color: #15803d; }
html.theme-cg .status-disabled { background: rgba(245, 158, 11, .15); border-color: rgba(245, 158, 11, .35); color: #b45309; }
html.theme-cg .status-deleted  { background: rgba(239, 68, 68, .15);  border-color: rgba(239, 68, 68, .35);  color: #b91c1c; }
html.theme-cg.theme-dark .status-active   { color: #4ade80; }
html.theme-cg.theme-dark .status-disabled { color: #fbbf24; }
html.theme-cg.theme-dark .status-deleted  { color: #f87171; }