/* Variables de theming del plugin. Los valores de :root se inyectan desde los
   Ajustes (paleta configurable). Aquí van los fallbacks y utilidades de color. */

:root {
    --oi-primario: #7c6cf6;
    --oi-secundario: #1e293b;
    --oi-verde: #16a34a;
    --oi-amarillo: #d97706;
    --oi-rojo: #dc2626;
    --oi-fondo: #f7f7fb;
}

/* Badge de score por color. */
.oi-score {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 38px; padding: 2px 8px; border-radius: 12px;
    font-weight: 700; color: #fff; font-size: 13px;
}
.oi-score-verde { background: var(--oi-verde); }
.oi-score-amarillo { background: var(--oi-amarillo); }
.oi-score-rojo { background: var(--oi-rojo); }
.oi-score-pendiente { background: #94a3b8; }