/* Add here all your CSS customizations */
.content-body.no-header {
    padding-top: 0;
}

.inner-wrapper.no-header {
    padding-top: 0;
}

/* Forzar ancho completo del multiselect y su btn-group en cualquier modal */
.modal .multiselect-native-select .btn-group,
.modal .multiselect-native-select .multiselect,
.modal .multiselect-native-select .dropdown-toggle,
.modal .multiselect-native-select .form-select,
.modal .multiselect-native-select select.form-control,
.modal .multiselect-native-select select.w-100 {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

/* Estilos para etiquetas en normativas */
.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    align-items: center;
}

.tags-container .badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.tags-container .badge.bg-primary {
    background-color: #0d6efd !important;
}

.tags-container .badge.bg-secondary {
    background-color: #6c757d !important;
}

/* Tooltip para etiquetas truncadas */
.tags-tooltip {
    cursor: help;
}

/* Estilos para gestión de archivos adjuntos */
.file-attachment-item {
    border-left: 3px solid #007bff;
    background-color: #f8f9fa;
    transition: all 0.2s ease;
}

.file-attachment-item:hover {
    background-color: #e9ecef;
    border-left-color: #0056b3;
}

.file-category-badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.file-icon-pdf { color: #dc3545; }
.file-icon-word { color: #0d6efd; }
.file-icon-excel { color: #198754; }
.file-icon-image { color: #17a2b8; }
.file-icon-text { color: #6c757d; }
.file-icon-default { color: #6c757d; }

.file-upload-zone {
    border: 2px dashed #dee2e6;
    transition: all 0.3s ease;
    background-color: #f8f9fa;
}

.file-upload-zone:hover {
    border-color: #007bff;
    background-color: #e7f3ff;
}

.file-upload-zone.dragover {
    border-color: #0056b3;
    background-color: #cce5ff;
}

.file-actions-btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

.attachments-counter {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* Responsive para tabla de archivos */
@media (max-width: 768px) {
    .file-attachment-table {
        font-size: 0.85rem;
    }
    
    .file-attachment-table .btn-sm {
        padding: 0.2rem 0.4rem;
        font-size: 0.75rem;
    }
}