/* ===== RESPONSIVE MOBILE STYLES ===== */

/* Móvil: < 768px */
@media (max-width: 767.98px) {
    /* Stats cards — ensure stacking */
    .stat-card {
        margin-bottom: 1rem;
    }

    /* Tablas: scroll horizontal */
    .table-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Botones full width en móvil */
    .btn-mobile-full {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    /* Dropdowns full width */
    select, input[type="text"], input[type="email"], input[type="password"] {
        max-width: 100%;
    }

    /* Give select arrows more breathing room */
    select {
        padding-right: 1rem;
        background-position: right 0.85rem center;
        background-repeat: no-repeat;
    }

    /* Padding reducido en contenedores */
    .container-fluid {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    /* Prevent body scroll when mobile sidebar is open */
    body.sidebar-open {
        overflow: hidden;
    }
}

.max-w-4xl {
    max-width: 64rem !important;
}

/* Tablet: 768px - 1024px */
@media (min-width: 768px) and (max-width: 1023.98px) {
    /* Give a bit more breathing room for sidebar layouts */
    .chart-container {
        height: 300px !important;
    }
}