/* ============================================
   TABLEAUX DE GESTION (Modals)
   Équipes, Machines, Arrêts
   ============================================ */

/* Désactiver les autres styles */
#equipeManagementTableBody *::before,
#equipeManagementTableBody *::after,
#machineManagementTableBody *::before,
#machineManagementTableBody *::after,
#arretManagementTableBody *::before,
#arretManagementTableBody *::after {
    all: unset !important;
    display: revert !important;
}

/* Tableaux de gestion dans les modals */
.management-table,
#equipeManagementTable,
#machineManagementTable,
#arretManagementTable {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 16px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.management-table thead,
#equipeManagementTable thead,
#machineManagementTable thead,
#arretManagementTable thead {
    background-color: #F3F4F6 !important;
}

.management-table thead th,
#equipeManagementTable thead th,
#machineManagementTable thead th,
#arretManagementTable thead th {
    padding: 12px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    color: #374151 !important;
    border: 1px solid #D1D5DB !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.management-table tbody tr,
#equipeManagementTableBody tr,
#machineManagementTableBody tr,
#arretManagementTableBody tr {
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.management-table tbody tr:hover,
#equipeManagementTableBody tr:hover,
#machineManagementTableBody tr:hover,
#arretManagementTableBody tr:hover {
    background-color: #F9FAFB !important;
}

.management-table tbody tr.selected,
#equipeManagementTableBody tr.selected,
#machineManagementTableBody tr.selected,
#arretManagementTableBody tr.selected {
    background-color: #DBEAFE !important;
    border-left: 3px solid #0078D4 !important;
}

.management-table tbody td,
#equipeManagementTableBody td,
#machineManagementTableBody td,
#arretManagementTableBody td {
    padding: 12px !important;
    border: 1px solid #D1D5DB !important;
    font-size: 13px !important;
    color: #1F2937 !important;
    white-space: nowrap !important;
}

/* Container des tableaux */
.management-table-container {
    max-height: 400px !important;
    overflow-y: auto !important;
    border: 1px solid #D1D5DB !important;
    border-radius: 6px !important;
    margin-top: 12px !important;
}

/* Scroll bar personnalisée */
.management-table-container::-webkit-scrollbar {
    width: 8px !important;
}

.management-table-container::-webkit-scrollbar-track {
    background: #F3F4F6 !important;
    border-radius: 4px !important;
}

.management-table-container::-webkit-scrollbar-thumb {
    background: #9CA3AF !important;
    border-radius: 4px !important;
}

.management-table-container::-webkit-scrollbar-thumb:hover {
    background: #6B7280 !important;
}

/* Buttons dans les modals de gestion */
.management-buttons {
    display: flex !important;
    gap: 8px !important;
    margin-top: 16px !important;
    flex-wrap: wrap !important;
}

.management-btn {
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: none !important;
}

.management-btn i {
    font-size: 14px !important;
}

.management-btn-add {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #FFFFFF !important;
}

.management-btn-add:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}

.management-btn-edit {
    background: linear-gradient(135deg, #0078D4 0%, #005A9E 100%) !important;
    color: #FFFFFF !important;
}

.management-btn-edit:hover {
    background: linear-gradient(135deg, #005A9E 0%, #004578 100%) !important;
    box-shadow: 0 4px 12px rgba(0, 120, 212, 0.3) !important;
}

.management-btn-delete {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%) !important;
    color: #FFFFFF !important;
}

.management-btn-delete:hover {
    background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%) !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3) !important;
}

/* Message d'état vide */
.management-empty {
    padding: 40px !important;
    text-align: center !important;
    color: #9CA3AF !important;
    font-size: 14px !important;
}

.management-empty i {
    font-size: 48px !important;
    opacity: 0.5 !important;
    margin-bottom: 12px !important;
    display: block !important;
}