/**
 * Correcciones para modales - Padding y z-index
 */

/* Asegurar padding en todos los modal-body - FORZADO */
.modal .modal-body,
.modal-body,
div.modal-body {
    padding: 20px !important;
    margin: 0 !important;
}

/* Específico para modales principales */
#modalComponentes .modal-body,
#modalVerAgrupacion .modal-body,
#modalEditarAgrupacion .modal-body {
    padding: 20px !important;
}

/* Específico para modales de eliminación */
#modalEliminarComponente .modal-body,
#modalEliminarRol .modal-body,
.modal-eliminar .modal-body {
    padding: 20px !important;
}

/* Z-index para modales anidados */
.modal {
    z-index: 1050;
}

.modal.show {
    z-index: 1055;
}

/* Modal de componentes por encima de modal de agrupaciones */
#modalComponentes {
    z-index: 1060 !important;
}

#modalComponentes .modal-backdrop {
    z-index: 1055 !important;
}

/* Modal de eliminar componente por encima de modal de componentes */
#modalEliminarComponente {
    z-index: 1070 !important;
}

#modalEliminarComponente .modal-content {
    padding: 0 !important;
}

#modalEliminarComponente .modal-header,
#modalEliminarComponente .modal-footer {
    padding: 15px !important;
}

#modalEliminarComponente .modal-body {
    padding: 20px !important;
}

/* Modal de eliminar rol por encima de modal de componentes */
#modalEliminarRol {
    z-index: 1080 !important;
}

#modalEliminarRol .modal-content {
    padding: 0 !important;
}

#modalEliminarRol .modal-header,
#modalEliminarRol .modal-footer {
    padding: 15px !important;
}

#modalEliminarRol .modal-body {
    padding: 20px !important;
}

/* Asegurar que los backdrops no interfieran */
.modal-backdrop {
    z-index: 1040;
}

.modal-backdrop.show {
    z-index: 1045;
}

/* Aumentar altura del desplegable de modalidad TomSelect */
#editar_modalidad + .ts-wrapper .ts-dropdown {
    max-height: 260px !important; /* 30% más que el estándar de 200px */
}

#modalidad + .ts-wrapper .ts-dropdown {
    max-height: 260px !important; /* Para el modal de crear también */
}

/* Asegurar scroll suave en desplegables largos */
.ts-dropdown .ts-dropdown-content {
    overflow-y: auto;
    scrollbar-width: thin;
}

/* FORZAR COMPORTAMIENTO CORRECTO DEL PLACEHOLDER EN ALIAS - IGUAL QUE LOCALIDAD */
#editar_alias + .ts-wrapper .ts-control {
    position: relative !important;
    padding: 8px 12px !important;
    min-height: 38px !important;
}

#editar_alias + .ts-wrapper .ts-control .ts-placeholder {
    position: absolute !important;
    top: 8px !important;
    left: 12px !important;
    color: #6c757d !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

#editar_alias + .ts-wrapper .ts-control .ts-control-input {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
    margin-top: 16px !important;
    padding-top: 4px !important;
}

/* Cuando hay texto, ocultar el placeholder */
#editar_alias + .ts-wrapper .ts-control.has-items .ts-placeholder,
#editar_alias + .ts-wrapper .ts-control.focus .ts-placeholder {
    display: none !important;
}

/* MARGIN-TOP PARA TOMSELECT DE PARTICIPANTES */
#buscar_participante + .ts-wrapper {
    margin-top: 7px !important;
}

/* OCULTAR BOTONES DE ACCIÓN EN MODAL VER (SOLO LECTURA) */
#modalVerAgrupacion .btn-success,
#modalVerAgrupacion #btnNuevoComponenteVer {
    display: none !important;
}

/* Cambiar título de columna Acciones en modal VER */
#modalVerAgrupacion #tablaComponentesVer th:last-child {
    /* Mostrar columna de acciones para botones Ver Historial */
}

#modalVerAgrupacion #cuerpoTablaComponentesVer td:last-child {
    /* Mostrar columna de acciones para botones Ver Historial */
}