/**
 * Paleta extendida AIDA (admin)
 * ---------------------------------------------------------------------------
 * - Ajusta solo los hex aquí; mantén -rgb como "R, G, B" (sin rgb()).
 * - Uso: var(--aida-teal), rgba(var(--aida-teal-rgb), 0.12), .text-aida-*, .btn-aida-*, .btn-outline-aida-*, etc.
 * - Los temas light/dark de Bootstrap no cambian estos valores por defecto;
 *   si hace falta, duplica bloques bajo [data-bs-theme="dark"] con otros hex.
 */

:root {
    /* Azules / púrpuras */
    --aida-sky: #0284c7;
    --aida-sky-rgb: 2, 132, 199;

    --aida-indigo: #4f46e5;
    --aida-indigo-rgb: 79, 70, 229;

    --aida-violet: #7c3aed;
    --aida-violet-rgb: 124, 58, 237;

    /* Rosas / magentas */
    --aida-pink: #db2777;
    --aida-pink-rgb: 219, 39, 119;

    --aida-fuchsia: #c026d3;
    --aida-fuchsia-rgb: 192, 38, 211;

    /* Verdes / turquesas */
    --aida-teal: #0d9488;
    --aida-teal-rgb: 13, 148, 136;

    --aida-emerald: #059669;
    --aida-emerald-rgb: 5, 150, 105;

    --aida-lime: #65a30d;
    --aida-lime-rgb: 101, 163, 13;

    /* Cian (distinto del info Bootstrap si lo necesitas más saturado) */
    --aida-cyan: #0891b2;
    --aida-cyan-rgb: 8, 145, 178;

    /* Ámbar / naranja */
    --aida-amber: #d97706;
    --aida-amber-rgb: 217, 119, 6;

    --aida-orange: #ea580c;
    --aida-orange-rgb: 234, 88, 12;

    /* Neutro frío (etiquetas, bordes suaves, texto secundario fuerte) */
    --aida-slate: #475569;
    --aida-slate-rgb: 71, 85, 105;
}

/* ----- Utilidades (patrón tipo Bootstrap) ----- */

.text-aida-sky {
    color: var(--aida-sky) !important;
}
.text-aida-indigo {
    color: var(--aida-indigo) !important;
}
.text-aida-violet {
    color: var(--aida-violet) !important;
}
.text-aida-pink {
    color: var(--aida-pink) !important;
}
.text-aida-fuchsia {
    color: var(--aida-fuchsia) !important;
}
.text-aida-teal {
    color: var(--aida-teal) !important;
}
.text-aida-emerald {
    color: var(--aida-emerald) !important;
}
.text-aida-lime {
    color: var(--aida-lime) !important;
}
.text-aida-cyan {
    color: var(--aida-cyan) !important;
}
.text-aida-amber {
    color: var(--aida-amber) !important;
}
.text-aida-orange {
    color: var(--aida-orange) !important;
}
.text-aida-slate {
    color: var(--aida-slate) !important;
}

.bg-aida-sky {
    background-color: var(--aida-sky) !important;
}
.bg-aida-indigo {
    background-color: var(--aida-indigo) !important;
}
.bg-aida-violet {
    background-color: var(--aida-violet) !important;
}
.bg-aida-pink {
    background-color: var(--aida-pink) !important;
}
.bg-aida-fuchsia {
    background-color: var(--aida-fuchsia) !important;
}
.bg-aida-teal {
    background-color: var(--aida-teal) !important;
}
.bg-aida-emerald {
    background-color: var(--aida-emerald) !important;
}
.bg-aida-lime {
    background-color: var(--aida-lime) !important;
}
.bg-aida-cyan {
    background-color: var(--aida-cyan) !important;
}
.bg-aida-amber {
    background-color: var(--aida-amber) !important;
}
.bg-aida-orange {
    background-color: var(--aida-orange) !important;
}
.bg-aida-slate {
    background-color: var(--aida-slate) !important;
}

.border-aida-sky {
    border-color: var(--aida-sky) !important;
}
.border-aida-indigo {
    border-color: var(--aida-indigo) !important;
}
.border-aida-violet {
    border-color: var(--aida-violet) !important;
}
.border-aida-pink {
    border-color: var(--aida-pink) !important;
}
.border-aida-fuchsia {
    border-color: var(--aida-fuchsia) !important;
}
.border-aida-teal {
    border-color: var(--aida-teal) !important;
}
.border-aida-emerald {
    border-color: var(--aida-emerald) !important;
}
.border-aida-lime {
    border-color: var(--aida-lime) !important;
}
.border-aida-cyan {
    border-color: var(--aida-cyan) !important;
}
.border-aida-amber {
    border-color: var(--aida-amber) !important;
}
.border-aida-orange {
    border-color: var(--aida-orange) !important;
}
.border-aida-slate {
    border-color: var(--aida-slate) !important;
}

/* Fondos suaves (badges, chips, filas resaltadas) */
.bg-aida-sky-subtle {
    background-color: rgba(var(--aida-sky-rgb), 0.12) !important;
}
.bg-aida-indigo-subtle {
    background-color: rgba(var(--aida-indigo-rgb), 0.12) !important;
}
.bg-aida-violet-subtle {
    background-color: rgba(var(--aida-violet-rgb), 0.12) !important;
}
.bg-aida-pink-subtle {
    background-color: rgba(var(--aida-pink-rgb), 0.12) !important;
}
.bg-aida-fuchsia-subtle {
    background-color: rgba(var(--aida-fuchsia-rgb), 0.12) !important;
}
.bg-aida-teal-subtle {
    background-color: rgba(var(--aida-teal-rgb), 0.12) !important;
}
.bg-aida-emerald-subtle {
    background-color: rgba(var(--aida-emerald-rgb), 0.12) !important;
}
.bg-aida-lime-subtle {
    background-color: rgba(var(--aida-lime-rgb), 0.12) !important;
}
.bg-aida-cyan-subtle {
    background-color: rgba(var(--aida-cyan-rgb), 0.12) !important;
}
.bg-aida-amber-subtle {
    background-color: rgba(var(--aida-amber-rgb), 0.12) !important;
}
.bg-aida-orange-subtle {
    background-color: rgba(var(--aida-orange-rgb), 0.12) !important;
}
.bg-aida-slate-subtle {
    background-color: rgba(var(--aida-slate-rgb), 0.12) !important;
}

/* ----- Botones (misma base Bootstrap: .btn + variante AIDA) ----- */
/* Sólidos: texto claro salvo ámbar (mejor contraste con texto oscuro). */

.btn-aida-sky {
    color: #fff;
    background-color: var(--aida-sky);
    border-color: var(--aida-sky);
}
.btn-aida-sky:hover,
.btn-aida-sky:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-sky) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-sky) 88%, #000);
}
.btn-aida-sky:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-sky-rgb), 0.45);
}

.btn-aida-indigo {
    color: #fff;
    background-color: var(--aida-indigo);
    border-color: var(--aida-indigo);
}
.btn-aida-indigo:hover,
.btn-aida-indigo:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-indigo) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-indigo) 88%, #000);
}
.btn-aida-indigo:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-indigo-rgb), 0.45);
}

.btn-aida-violet {
    color: #fff;
    background-color: var(--aida-violet);
    border-color: var(--aida-violet);
}
.btn-aida-violet:hover,
.btn-aida-violet:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-violet) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-violet) 88%, #000);
}
.btn-aida-violet:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-violet-rgb), 0.45);
}

.btn-aida-pink {
    color: #fff;
    background-color: var(--aida-pink);
    border-color: var(--aida-pink);
}
.btn-aida-pink:hover,
.btn-aida-pink:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-pink) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-pink) 88%, #000);
}
.btn-aida-pink:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-pink-rgb), 0.45);
}

.btn-aida-fuchsia {
    color: #fff;
    background-color: var(--aida-fuchsia);
    border-color: var(--aida-fuchsia);
}
.btn-aida-fuchsia:hover,
.btn-aida-fuchsia:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-fuchsia) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-fuchsia) 88%, #000);
}
.btn-aida-fuchsia:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-fuchsia-rgb), 0.45);
}

.btn-aida-teal {
    color: #fff;
    background-color: var(--aida-teal);
    border-color: var(--aida-teal);
}
.btn-aida-teal:hover,
.btn-aida-teal:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-teal) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-teal) 88%, #000);
}
.btn-aida-teal:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-teal-rgb), 0.45);
}

.btn-aida-emerald {
    color: #fff;
    background-color: var(--aida-emerald);
    border-color: var(--aida-emerald);
}
.btn-aida-emerald:hover,
.btn-aida-emerald:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-emerald) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-emerald) 88%, #000);
}
.btn-aida-emerald:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-emerald-rgb), 0.45);
}

.btn-aida-lime {
    color: #fff;
    background-color: var(--aida-lime);
    border-color: var(--aida-lime);
}
.btn-aida-lime:hover,
.btn-aida-lime:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-lime) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-lime) 88%, #000);
}
.btn-aida-lime:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-lime-rgb), 0.45);
}

.btn-aida-cyan {
    color: #fff;
    background-color: var(--aida-cyan);
    border-color: var(--aida-cyan);
}
.btn-aida-cyan:hover,
.btn-aida-cyan:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-cyan) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-cyan) 88%, #000);
}
.btn-aida-cyan:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-cyan-rgb), 0.45);
}

.btn-aida-amber {
    color: #1a1a1a;
    background-color: var(--aida-amber);
    border-color: var(--aida-amber);
}
.btn-aida-amber:hover,
.btn-aida-amber:focus-visible {
    color: #1a1a1a;
    background-color: color-mix(in srgb, var(--aida-amber) 82%, #000);
    border-color: color-mix(in srgb, var(--aida-amber) 82%, #000);
}
.btn-aida-amber:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-amber-rgb), 0.45);
}

.btn-aida-orange {
    color: #fff;
    background-color: var(--aida-orange);
    border-color: var(--aida-orange);
}
.btn-aida-orange:hover,
.btn-aida-orange:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-orange) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-orange) 88%, #000);
}
.btn-aida-orange:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-orange-rgb), 0.45);
}

.btn-aida-slate {
    color: #fff;
    background-color: var(--aida-slate);
    border-color: var(--aida-slate);
}
.btn-aida-slate:hover,
.btn-aida-slate:focus-visible {
    color: #fff;
    background-color: color-mix(in srgb, var(--aida-slate) 88%, #000);
    border-color: color-mix(in srgb, var(--aida-slate) 88%, #000);
}
.btn-aida-slate:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-slate-rgb), 0.45);
}

.btn-aida-sky:disabled,
.btn-aida-indigo:disabled,
.btn-aida-violet:disabled,
.btn-aida-pink:disabled,
.btn-aida-fuchsia:disabled,
.btn-aida-teal:disabled,
.btn-aida-emerald:disabled,
.btn-aida-lime:disabled,
.btn-aida-cyan:disabled,
.btn-aida-amber:disabled,
.btn-aida-orange:disabled,
.btn-aida-slate:disabled {
    opacity: 0.65;
    pointer-events: none;
}

/* Outline AIDA */
.btn-outline-aida-sky {
    color: var(--aida-sky);
    background-color: transparent;
    border-color: var(--aida-sky);
}
.btn-outline-aida-sky:hover,
.btn-outline-aida-sky:focus-visible {
    color: #fff;
    background-color: var(--aida-sky);
    border-color: var(--aida-sky);
}
.btn-outline-aida-sky:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-sky-rgb), 0.35);
}

.btn-outline-aida-indigo {
    color: var(--aida-indigo);
    background-color: transparent;
    border-color: var(--aida-indigo);
}
.btn-outline-aida-indigo:hover,
.btn-outline-aida-indigo:focus-visible {
    color: #fff;
    background-color: var(--aida-indigo);
    border-color: var(--aida-indigo);
}
.btn-outline-aida-indigo:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-indigo-rgb), 0.35);
}

.btn-outline-aida-violet {
    color: var(--aida-violet);
    background-color: transparent;
    border-color: var(--aida-violet);
}
.btn-outline-aida-violet:hover,
.btn-outline-aida-violet:focus-visible {
    color: #fff;
    background-color: var(--aida-violet);
    border-color: var(--aida-violet);
}
.btn-outline-aida-violet:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-violet-rgb), 0.35);
}

.btn-outline-aida-pink {
    color: var(--aida-pink);
    background-color: transparent;
    border-color: var(--aida-pink);
}
.btn-outline-aida-pink:hover,
.btn-outline-aida-pink:focus-visible {
    color: #fff;
    background-color: var(--aida-pink);
    border-color: var(--aida-pink);
}
.btn-outline-aida-pink:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-pink-rgb), 0.35);
}

.btn-outline-aida-fuchsia {
    color: var(--aida-fuchsia);
    background-color: transparent;
    border-color: var(--aida-fuchsia);
}
.btn-outline-aida-fuchsia:hover,
.btn-outline-aida-fuchsia:focus-visible {
    color: #fff;
    background-color: var(--aida-fuchsia);
    border-color: var(--aida-fuchsia);
}
.btn-outline-aida-fuchsia:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-fuchsia-rgb), 0.35);
}

.btn-outline-aida-teal {
    color: var(--aida-teal);
    background-color: transparent;
    border-color: var(--aida-teal);
}
.btn-outline-aida-teal:hover,
.btn-outline-aida-teal:focus-visible {
    color: #fff;
    background-color: var(--aida-teal);
    border-color: var(--aida-teal);
}
.btn-outline-aida-teal:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-teal-rgb), 0.35);
}

.btn-outline-aida-emerald {
    color: var(--aida-emerald);
    background-color: transparent;
    border-color: var(--aida-emerald);
}
.btn-outline-aida-emerald:hover,
.btn-outline-aida-emerald:focus-visible {
    color: #fff;
    background-color: var(--aida-emerald);
    border-color: var(--aida-emerald);
}
.btn-outline-aida-emerald:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-emerald-rgb), 0.35);
}

.btn-outline-aida-lime {
    color: var(--aida-lime);
    background-color: transparent;
    border-color: var(--aida-lime);
}
.btn-outline-aida-lime:hover,
.btn-outline-aida-lime:focus-visible {
    color: #fff;
    background-color: var(--aida-lime);
    border-color: var(--aida-lime);
}
.btn-outline-aida-lime:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-lime-rgb), 0.35);
}

.btn-outline-aida-cyan {
    color: var(--aida-cyan);
    background-color: transparent;
    border-color: var(--aida-cyan);
}
.btn-outline-aida-cyan:hover,
.btn-outline-aida-cyan:focus-visible {
    color: #fff;
    background-color: var(--aida-cyan);
    border-color: var(--aida-cyan);
}
.btn-outline-aida-cyan:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-cyan-rgb), 0.35);
}

.btn-outline-aida-amber {
    color: var(--aida-amber);
    background-color: transparent;
    border-color: var(--aida-amber);
}
.btn-outline-aida-amber:hover,
.btn-outline-aida-amber:focus-visible {
    color: #1a1a1a;
    background-color: var(--aida-amber);
    border-color: var(--aida-amber);
}
.btn-outline-aida-amber:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-amber-rgb), 0.35);
}

.btn-outline-aida-orange {
    color: var(--aida-orange);
    background-color: transparent;
    border-color: var(--aida-orange);
}
.btn-outline-aida-orange:hover,
.btn-outline-aida-orange:focus-visible {
    color: #fff;
    background-color: var(--aida-orange);
    border-color: var(--aida-orange);
}
.btn-outline-aida-orange:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-orange-rgb), 0.35);
}

.btn-outline-aida-slate {
    color: var(--aida-slate);
    background-color: transparent;
    border-color: var(--aida-slate);
}
.btn-outline-aida-slate:hover,
.btn-outline-aida-slate:focus-visible {
    color: #fff;
    background-color: var(--aida-slate);
    border-color: var(--aida-slate);
}
.btn-outline-aida-slate:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--aida-slate-rgb), 0.35);
}

.btn-outline-aida-sky:disabled,
.btn-outline-aida-indigo:disabled,
.btn-outline-aida-violet:disabled,
.btn-outline-aida-pink:disabled,
.btn-outline-aida-fuchsia:disabled,
.btn-outline-aida-teal:disabled,
.btn-outline-aida-emerald:disabled,
.btn-outline-aida-lime:disabled,
.btn-outline-aida-cyan:disabled,
.btn-outline-aida-amber:disabled,
.btn-outline-aida-orange:disabled,
.btn-outline-aida-slate:disabled {
    opacity: 0.65;
    pointer-events: none;
}

/* Perfil / Seguridad: el label flotante puede quedar por encima del ojo; sin z-index el clic no llega al toggle. */
.aida-profile-security-form .form-password-toggle .input-group-text.cursor-pointer {
    position: relative;
    z-index: 25;
}