/* Cloud status */
.cloud-status-online { background-color: #10b981 !important; }
.cloud-status-offline { background-color: #ef4444 !important; }
.cloud-status-syncing { background-color: #f59e0b !important; animation: pulse-sync 1s infinite; }
.cloud-status-error { background-color: #ef4444 !important; }
.cloud-status-synced { background-color: #10b981 !important; }

@keyframes pulse-sync {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* Toast notifications */
#toast-container {
    position: fixed; top: 20px; right: 20px; z-index: 9999;
    display: flex; flex-direction: column; gap: 10px;
    max-width: 380px;
}
.toast {
    padding: 12px 16px; border-radius: 10px; color: white;
    font-size: 13px; font-weight: 600;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    display: flex; align-items: center; gap: 10px;
    animation: slideIn 0.3s ease;
    border-left: 4px solid rgba(255,255,255,0.5);
}
.toast-success { background: linear-gradient(135deg, #10b981, #059669); }
.toast-error { background: linear-gradient(135deg, #ef4444, #dc2626); }
.toast-info { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.toast-warning { background: linear-gradient(135deg, #f59e0b, #d97706); }
@keyframes slideIn {
    from { transform: translateX(400px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* Loader overlay amélioré */
#global-loader {
    position: fixed; inset: 0;
    background: rgba(15, 23, 42, 0.9);
    z-index: 200; display: none;
    align-items: center; justify-content: center;
    color: white; font-weight: bold; text-align: center;
    backdrop-filter: blur(4px);
}
#global-loader.active { display: flex; }

/* ============================================================ */
/* 🆕 STYLES CORBEILLE                                          */
/* ============================================================ */
.trash-row { 
    background-color: #fef9c3; 
    transition: background-color 0.15s;
}
.trash-row:hover { 
    background-color: #fef08a; 
}

/* ============================================================ */
/* 🆕 STYLES MODALE RÉINITIALISATION                            */
/* ============================================================ */
#modal-reset .reset-checkbox {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#modal-reset .checkbox-item {
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.15s;
}

#modal-reset .checkbox-item:hover {
    background-color: #fef2f2;
    border-color: #fca5a5;
}

#reset-confirm-text:focus {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

/* ============================================================ */
/* 🆕 BADGE CORBEILLE (dans la sidebar)                         */
/* ============================================================ */
#trash-badge {
    transition: opacity 0.2s;
}

/* ============================================================ */
/* 🆕 KPI MONTE-CHARGE (tableau de bord)                        */
/* ============================================================ */
#kpi-total-mc-plt {
    letter-spacing: 0.5px;
}