/* ============================================================
   WAConnect · Estilos personalizados
   Paleta:
     Fondo:   #0f172a
     Borde:   #1e293b
     Acento:  #00f5d4
   ============================================================ */

html, body {
    background-color: #0f172a;
    color: #e2e8f0;
    -webkit-font-smoothing: antialiased;
}

/* Scrollbar oscuro */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #00f5d4; }

/* Glow para botones de acento */
.shadow-glow {
    box-shadow: 0 0 20px rgba(0, 245, 212, 0.35);
}

/* Modal: estado abierto */
[data-modal].is-open {
    display: flex !important;
}

/* Sidebar colapsable en móvil */
@media (max-width: 1024px) {
    #wa-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 40;
        transform: translateX(-100%);
        transition: transform .25s ease;
    }
    #wa-sidebar.is-open {
        transform: translateX(0);
    }
}

/* Animación pulse personalizada (refuerzo) */
@keyframes wa-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: .55; }
}
.animate-pulse { animation: wa-pulse 1.6s ease-in-out infinite; }