/* =============================================
   CondoAdmin — Estilos personalizados
   Archivo ubicado fuera del proyecto Laravel:
   /assets/css/app.css
   ============================================= */

/* Material Symbols: configuración por defecto */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    user-select: none;
    vertical-align: middle;
}

/* Scrollbar personalizado */
::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c2c7d1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #727780; }

/* Estado activo del sidebar */
.nav-activo {
    background-color: #68abff;
    color: #003e73;
    font-weight: 600;
}

/* Animación de entrada de página */
body {
    animation: entradaPagina 0.15s ease-out;
}

@keyframes entradaPagina {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Tabla de datos */
.tabla-datos th {
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #42474f;
    font-weight: 600;
    padding: 10px 16px;
    background-color: #f3f3f6;
    border-bottom: 1px solid #c2c7d1;
}

.tabla-datos td {
    padding: 12px 16px;
    font-size: 14px;
    color: #1a1c1e;
    border-bottom: 1px solid #eeeef0;
}

.tabla-datos tr:hover td {
    background-color: #f3f3f6;
}

/* Badges de estado */
.badge-activo    { background-color: #dcfce7; color: #166534; }
.badge-pendiente { background-color: #fef9c3; color: #854d0e; }
.badge-moroso    { background-color: #ffdad6; color: #93000a; }
.badge-proceso   { background-color: #dbeafe; color: #1d4ed8; }

/* Tarjeta estándar */
.card-panel {
    background-color: #ffffff;
    border: 1px solid #c2c7d1;
    border-radius: 0.75rem;
    padding: 1.5rem;
}