/* assets/css/notifications.css */

/* TOAST NOTIFICATIONS */
#notification-container {
    position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
    z-index: 10000; display: flex; flex-direction: column; gap: 8px; width: 320px; pointer-events: none;
}
.toast-notification {
    background: #2c3e50; color: white; padding: 12px 15px; border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3); display: flex; justify-content: space-between; align-items: center;
    font-size: 0.9em; border-left: 4px solid #3498db; pointer-events: auto; animation: slideUp 0.3s ease-out; margin: 2px 5px;
}
.toast-success { border-left-color: #27ae60; }
.toast-error   { border-left-color: #e74c3c; }
.toast-warning { border-left-color: #f1c40f; }
.toast-info    { border-left-color: #3498db; }
.toast-close { cursor: pointer; margin-left: 10px; opacity: 0.6; font-weight: bold; font-size: 1.2em; }
.toast-close:hover { opacity: 1; }
.toast-fade-out { opacity: 0; transform: translateY(-20px); transition: all 0.5s ease; }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

/* CUSTOM CONFIRM */
.confirm-overlay {
    position: fixed; inset: 0; background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center; z-index: 11000; animation: fadeIn 0.2s ease;
}
.confirm-box {
    background: #1a252f; padding: 25px; border-radius: 12px; border: 1px solid #34495e;
    max-width: 400px; width: 90%; text-align: center; color: white; box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.confirm-buttons { display: flex; gap: 10px; justify-content: center; margin-top: 20px; }
.btn-confirm { padding: 8px 20px; border-radius: 6px; border: none; cursor: pointer; font-weight: bold; transition: opacity 0.2s; }
.btn-confirm:hover { opacity: 0.8; }
.btn-yes { background: #e74c3c; color: white; }
.btn-no  { background: #95a5a6; color: white; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }