/**
 * Custom CSS - CRM SE Core
 * Personalizaciones y ajustes adicionales
 */
body[data-layout=detached] .container-fluid {
    max-width: 98%;
}
.page-content {
    padding: calc(var(--bs-header-height) + .75rem) .5rem var(--bs-footer-height) 1.5rem;
}
.form-control,
.form-select {
    border: 1px solid #c8d3ff;
    color: var(--bs-primary-text-emphasis) !important;

}

/* Filtros: ancho mínimo automático en flex-row */
#filters_group .card.d-flex.flex-row .card-body {
    flex: 0 0 auto;
    width: auto;
}

/* Select2: evitar expansión del contenedor */
#filters_group .select2-container {
    width: 250px !important;
    max-width: 250px !important;
}

#filters_group .select2-container .select2-selection--single {
    width: 100% !important;
    overflow: hidden;
}

#filters_group .select2-container .select2-selection__rendered {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 30px !important;
}

#filters_group .select2-container .select2-selection__clear {
    position: absolute;
    right: 30px;
}

/* Labels en filtros sin wrap */
#filters_group .form-label {
    white-space: nowrap;
    display: block;
}

.modal-title {
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 2rem;
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important;
}