/* Container üstte kalsın */
#sr-toast-container {
    z-index: 2147483647;
}

    /* Temel toast görünümü (açık tema) */
    #sr-toast-container .toast {
        position: relative;
        overflow: hidden;
        background: var(--toast-bg);
        color: var(--toast-fg);
        border: 1px solid var(--toast-border);
        box-shadow: 0 8px 30px rgba(0,0,0,.08);
    }

        /* Header, gövde ile uyumlu olsun */
        /*#sr-toast-container .toast .toast-header {
                background: transparent;
                color: var(--toast-fg);
                border-bottom: 1px solid var(--toast-border);
            }*/

        /* KeenIcons rengi (duotone ikonlar currentColor kullanır) */
        /*#sr-toast-container .toast .toast-header .ki-duotone {
                    color: var(--toast-icon);
                }*/

        /* Progress bar koyu ton */
        #sr-toast-container .toast .toast-progress {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 3px;
            background: var(--toast-bar);
            transform-origin: left center;
            animation: toastProgress var(--toast-delay, 3s) linear forwards;
            z-index: 2;
        }

@keyframes toastProgress {
    from {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

/* Varyant paletleri – açık zeminler */
.toast.is-success {
    --toast-bg: #28a745; /* alert-success bg */
    --toast-border: #a3cfbb;
    --toast-fg: #0f5132;
    --toast-icon: #198754; /* success ana renk */
    --toast-bar: #0a3622; /* daha koyu ton */
}

.toast.is-error {
    --toast-bg: #ef233c; /* alert-danger bg */
    --toast-border: #f1aeb5;
    --toast-fg: #842029;
    --toast-icon: #dc3545; /* danger ana renk */
    --toast-bar: #58151c; /* daha koyu ton */
}

.toast.is-warning {
    --toast-bg: #fb8500; /* alert-warning bg */
    --toast-border: #ffe69c;
    --toast-fg: #664d03;
    --toast-icon: #ffc107; /* warning ana renk */
    --toast-bar: #4e3b00; /* daha koyu ton */
}

.toast.is-info {
    --toast-bg: #7239EA; /* alert-warning bg */
    --toast-border: #32088a;
    --toast-fg: #240665;
    --toast-icon: #1a034b; /* warning ana renk */
    --toast-bar: #0f0328; /* daha koyu ton */
}