/* Styles spécifiques pour le rapport de contrôle */

/* Styles pour le conteneur spécifique au rapport */
.reportmodal-container {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* Styles pour jQuery UI Autocomplete */
.ui-autocomplete {
    background: white;
    border: 1px solid var(--input-border);
    max-height: 200px;
    overflow-y: auto;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 0.5rem;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
    margin: 0;
    background-color: var(--secondary-blue);
    color: var(--primary-blue);
    border: none;
}

/* Styles spécifiques pour les boutons du rapport */
.reportmodal-container #btnDelete {
    background-color: #a2503b;
}

.reportmodal-container #btnFinishReport {
    background-color: var(--primary-blue);
}

/* Dégradé spécifique pour l'en-tête du rapport */
.reportmodal-container .bg-gradient-fatec {
    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%);
}

/* Statut de sauvegarde spécifique au rapport */
.reportmodal-container #save-status {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    margin-right: auto;
    font-weight: 500;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.reportmodal-container #save-icon {
    font-size: 1.1rem;
    margin-right: 0.5rem;
}

.reportmodal-container #save-text {
    font-size: 0.875rem;
}

.reportmodal-container #save-status.saving .fa-save {
    color: var(--warning-color);
}

.reportmodal-container #save-status.success .fa-save {
    color: var(--success-color);
}

.reportmodal-container #save-status.error .fa-save {
    color: var(--error-color);
}

.reportmodal-container .delete-reparation {
    color: #a2503b;
}

.reportmodal-container .delete-reparation:hover {
    color: #8b4432;
}

/* Styles pour les icônes de suppression dans le tableau */
.reportmodal-container .delete-reparation .fa-trash,
.reportmodal-container .delete-reparation:hover .fa-trash {
    transition: color 0.2s ease-in-out;
}

/* Style pour l'icône du bouton de suppression du rapport */
.reportmodal-container #btnDelete .fa-trash,
.reportmodal-container #btnDelete .fa-trash-alt {
    color: white;
}

/* Supprimer les styles globaux précédents qui causaient le conflit */
.fa-trash-alt,
.fa-trash {
    color: inherit;
}

.fa-trash-alt:hover,
.fa-trash:hover {
    color: inherit;
}

/* Style pour le bouton d'initialisation des conditions */
.reportmodal-container #initConditionsBtn {
    color: #255387;
    background-color: rgba(37, 83, 135, 0.1);
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    transition: all 0.2s ease-in-out;
}

.reportmodal-container #initConditionsBtn:hover {
    background-color: rgba(37, 83, 135, 0.2);
}

.reportmodal-container #initConditionsBtn i {
    margin-right: 0.25rem;
}

/* Styles pour les boutons d'ajout de réparations */
.reportmodal-container .btn-primary {
    background-color: #255387;
    color: white;
    transition: background-color 0.2s ease-in-out;
}

.reportmodal-container .btn-primary:hover {
    background-color: #1a3c61;
}

/* Exception pour le bouton de suppression */
.reportmodal-container #btnDelete:hover {
    background-color: #8b4432;
}

/* Pour s'assurer que le conteneur parent est en position relative */
.reportmodal-container .form-group,
.reportmodal-container .input-group {
    position: relative;
}

/* Styles pour l'icône de drag and drop */
.drag-handle {
    cursor: move;
    transition: color 0.2s ease-in-out;
}

.drag-handle:hover {
    color: var(--primary-blue);
}

/* Style pour la ligne en cours de déplacement */
.sortable-ghost {
    opacity: 0.5;
    background-color: var(--secondary-blue);
}

.sortable-chosen {
    background-color: var(--hover-color);
}