/* SLOTS AGENDA */
.slot-reso-empty {
    padding: 12px 20px; background: #fff; border: 1px dashed #e2e8f0;
    border-radius: 16px; display: flex; justify-content: space-between; align-items: center;
}
.slot-reso-booked {
    padding: 14px 20px; background: #fff; border: 1px solid #f1f5f9;
    border-radius: 16px; display: flex; justify-content: space-between; align-items: center;
}
.slot-reso-lunch {
    padding: 10px 20px; background: #f8fafc; border: 1px solid #e2e8f0;
    border-radius: 16px; display: flex; justify-content: space-between; align-items: center;
    opacity: 0.5;
}
.slot-reso-base { padding: 12px 20px; border-radius: 16px; display: flex; justify-content: space-between; align-items: center; }
.slot-reso-green { border: 2px dashed #10b981; background: #f0fdf4; color: #059669; }
.slot-reso-amber { border: 2px dashed #f59e0b; background: #fffbeb; color: #d97706; }

/* UI CARTE */
.car-reso {
    background: #3b82f6; width: 12px; height: 12px;
    border: 2px solid white; border-radius: 50%;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
}
.tooltip-reso {
    background: white; border: 1px solid #f1f5f9;
    padding: 3px 8px; border-radius: 6px; font-size: 10px;
    font-weight: 800; color: #0f172a;
}

/* --- ANIMATIONS ERREURS FORMULAIRE MOT DE PASSE --- */
.text-error { color: #ef4444 !important; transition: color 0.2s ease; }
.bg-error { background-color: #ef4444 !important; transition: background-color 0.2s ease; }
.shake-text { animation: text-shake 0.4s cubic-bezier(.36,.07,.19,.97) both; }

@keyframes text-shake {
    10%, 90% { transform: translate3d(-2px, 0, 0); }
    20%, 80% { transform: translate3d(3px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(4px, 0, 0); }
}