/* ==========================================
   TOAST BILDIRIMLERI (Shared Toast Component)
   ========================================== */
#toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}

.toast {
    min-width: 240px;
    padding: 10px 14px;
    border-radius: var(--radius-md, 12px);
    background: var(--bg-card, rgba(255, 255, 255, 0.7));
    border: 1px solid var(--border, rgba(0, 0, 0, 0.06));
    box-shadow: var(--shadow-lg, 0 20px 45px rgba(58, 50, 45, 0.1));
    color: var(--text-main, #18181B);
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    transform: translateX(120%);
    opacity: 0;
    transition: transform 0.3s var(--anim-ease, cubic-bezier(0.34, 1.56, 0.64, 1)), opacity 0.3s;
    pointer-events: auto;
    backdrop-filter: var(--glass-blur, blur(20px));
}

.toast-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
}

.toast-message {
    flex: 1;
}

.btn-toast-undo {
    background: var(--accent-soft, rgba(16, 185, 129, 0.08));
    color: var(--accent, #10B981);
    border: 1px solid var(--accent, #10B981);
    padding: 3px 8px;
    border-radius: var(--radius-sm, 8px);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: auto;
    transition: all 0.2s var(--anim-ease, cubic-bezier(0.34, 1.56, 0.64, 1));
}

.btn-toast-undo:hover {
    background: var(--accent, #10B981);
    color: white;
}

.dark-theme .btn-toast-undo {
    color: var(--accent, #34D399);
    border-color: var(--accent, #34D399);
}

.toast.show {
    transform: translateX(0);
    opacity: 1;
}

.toast-error { border-left: 3px solid var(--rose, #EF4444); }
.toast-success { border-left: 3px solid var(--accent, #10B981); }
.toast-warning { border-left: 3px solid var(--gold, #F59E0B); }
.toast-info { border-left: 3px solid var(--accent, #10B981); }