/* ========================================
   CORREÇÃO: Modal de Edição (#editListModal) em Mobile
   Solução definitiva para permitir scroll até o botão salvar
   ======================================== */

/* Correção para dispositivos móveis */
@media (max-width: 768px) {

    /* Modal dialog ocupa quase toda a altura da tela */
    #editListModal .modal-dialog {
        margin: 0.5rem;
        height: calc(100vh - 1rem);
        max-height: calc(100vh - 1rem);
    }

    /* Modal content usa flexbox para organizar header, body e footer */
    #editListModal .modal-content {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    /* Header fica fixo no topo */
    #editListModal .modal-header {
        flex-shrink: 0;
    }

    /* Body é scrollável e ocupa todo espaço disponível */
    #editListModal .modal-body {
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background-color: white;
    }

    /* Footer fica fixo no rodapé */
    #editListModal .modal-footer {
        flex-shrink: 0;
        background-color: white;
    }

    /* Editor Quill com altura controlada */
    #editListModal #editListDescriptionEditor {
        min-height: 180px;
        max-height: 280px;
    }
}

/* Smartphones pequenos */
@media (max-width: 576px) {
    #editListModal .modal-dialog {
        margin: 0.25rem;
        height: calc(100vh - 0.5rem);
        max-height: calc(100vh - 0.5rem);
    }

    #editListModal .modal-body {
        padding: 0.75rem;
    }

    #editListModal #editListDescriptionEditor {
        min-height: 150px;
        max-height: 220px;
    }
}