/* Acessibilidade - sem mudanca visual, apenas suporte a leitor de tela */
.sr-only, .visually-hidden {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
/* Reduzir icones gigantes do editor de texto rico (Quill) no mobile */
@media (max-width: 768px){
    .ql-toolbar.ql-snow .ql-formats { margin-right: 8px !important; }
    .ql-toolbar.ql-snow button {
        width: 28px !important;
        height: 28px !important;
        padding: 3px !important;
    }
    .ql-toolbar.ql-snow button svg {
        width: 18px !important;
        height: 18px !important;
    }
}

/* === BOOTBOX_MODAL_CENTER_v2 === Centraliza modais bootbox/bootstrap em qualquer tela */
.modal.show,
.modal.in {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow-y: auto !important;
}
.modal.show .modal-dialog,
.modal.in .modal-dialog,
.bootbox.modal .modal-dialog {
    margin: 0.5rem auto !important;
    width: calc(100% - 1rem) !important;
    max-width: 500px !important;
    pointer-events: auto !important;
}
@media (min-width: 576px) {
    .modal.show .modal-dialog,
    .modal.in .modal-dialog,
    .bootbox.modal .modal-dialog {
        margin: 1.75rem auto !important;
        width: auto !important;
    }
}


/* FIX modalfit - mantem modais altos 100% visiveis (header fixo, corpo rola) no Mac/telas curtas */
.modal.show .modal-content,
.modal.in .modal-content,
.bootbox.modal .modal-content {
    max-height: calc(100vh - 1rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
@media (min-width: 576px) {
    .modal.show .modal-content,
    .modal.in .modal-content,
    .bootbox.modal .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
}
.modal.show .modal-header,
.modal.in .modal-header,
.modal.show .modal-footer,
.modal.in .modal-footer { flex-shrink: 0; }
.modal.show .modal-body,
.modal.in .modal-body { overflow-y: auto; min-height: 0; }