/**
 * Correcciones responsive quirúrgicas PRE-GO-LIVE (sin rediseño global).
 */

@media (max-width: 991.98px) {
    #calendar {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #calendar .fc-toolbar {
        flex-wrap: wrap;
        gap: 0.35rem;
    }

    #calendar .fc-toolbar-chunk {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .table-card {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .cita-estado-acciones {
        flex-direction: column;
        align-items: stretch;
    }

    .cita-estado-acciones .btn-estado {
        width: 100%;
        text-align: center;
    }

    #citaCalendarModal .modal-dialog {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }

    .modal .modal-footer {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .modal .modal-footer .btn {
        flex: 1 1 auto;
        min-width: 0;
    }

    .reportes-kpi-row,
    .chart-card .d-flex.flex-wrap {
        gap: 0.5rem !important;
    }

    .belleza-form-cierre-caja .btn {
        width: 100%;
    }

    body.facturar-admin-saas .pos-btn-cobrar,
    body.facturar-admin-saas #btnRegistrarPago {
        min-height: 44px;
    }
}

/* G-08 — columnas Acciones CRUD (desktop intacto) */
@media (max-width: 767.98px) {
    .crud-admin-saas .table-responsive .saas-table th[style*="min-width"],
    .reportes-dashboard-saas .table-responsive .saas-table th[style*="min-width"],
    .empleados-admin-saas .empleados-table .empleados-th-acciones {
        min-width: 0 !important;
        width: auto;
    }

    .crud-admin-saas .saas-table td.saas-td-acciones,
    .crud-admin-saas .saas-table td.d-flex.flex-wrap.gap-1,
    .reportes-dashboard-saas .saas-table td.saas-td-acciones,
    .reportes-dashboard-saas .saas-table td.d-flex.flex-wrap.gap-1 {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.25rem !important;
        align-items: center;
        white-space: normal !important;
    }

    .empleados-admin-saas .empleados-table tbody td:last-child {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
        align-items: center;
        white-space: normal !important;
    }
}

/* Evita que modales queden bajo el viewport en móvil */
@media (max-width: 575.98px) {
    .modal.show .modal-dialog {
        max-height: calc(100vh - 1rem);
    }

    .modal.show .modal-content {
        max-height: calc(100vh - 1rem);
        overflow-y: auto;
    }
}