#pn-toast-container {
    position: fixed;
    top: var(--pn-top, 38px);
    left: auto;
    right: auto;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: var(--pn-width, 360px);
    max-width: calc(100vw - 30px);
    pointer-events: none;
}

#pn-toast-container {
    inset-inline-start: var(--pn-container-start, auto);
}

#pn-toast-container[data-position="left"] {
    left: 24px;
    right: auto;
}

#pn-toast-container[data-position="right"] {
    right: 24px;
    left: auto;
}

.pn-toast {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    direction: rtl;
    background: var(--pn-success-bg, #eef9f1);
    border: 1.5px solid var(--pn-success-border, #34c16b);
    border-radius: 18px;
    padding: 14px 18px 14px 14px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
    color: var(--pn-text-color, #2f3a3f);
    font-size: var(--pn-font-size, 14px);
    font-weight: var(--pn-font-weight, 400);
    line-height: 1.9;
    font-family: var(--pn-font-family, IranYekan, Tahoma, sans-serif);
    overflow: hidden;
    pointer-events: auto;
    animation: pnToastIn .35s ease;
}

.pn-toast-success {
    background: var(--pn-success-bg, #eef9f1);
    border-color: var(--pn-success-border, #34c16b);
}

.pn-toast-error {
    background: var(--pn-error-bg, #fff2f2);
    border-color: var(--pn-error-border, #ea5b67);
}

.pn-toast-info {
    background: var(--pn-info-bg, #eff6ff);
    border-color: var(--pn-info-border, #5aa3ff);
}

.pn-toast-warning {
    background: var(--pn-warning-bg, #fff7e8);
    border-color: var(--pn-warning-border, #f2b23d);
}

.pn-toast-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
}

.pn-toast-success .pn-toast-icon {
    background: var(--pn-success-icon-bg, #d7f3df);
    color: var(--pn-success-icon-color, #1fa857);
}

.pn-toast-error .pn-toast-icon {
    background: var(--pn-error-icon-bg, #ffdfe2);
    color: var(--pn-error-icon-color, #d93d4c);
}

.pn-toast-info .pn-toast-icon {
    background: var(--pn-info-icon-bg, #dcecff);
    color: var(--pn-info-icon-color, #2563eb);
}

.pn-toast-warning .pn-toast-icon {
    background: var(--pn-warning-icon-bg, #fdebc9);
    color: var(--pn-warning-icon-color, #c98900);
}

.pn-toast-text {
    flex: 1;
    padding-left: 10px;
}

.pn-toast-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 4px;
}

.pn-toast-close,
.pn-toast-never {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    color: #7b8794;
    transition: .2s;
    padding: 0;
}

.pn-toast-close {
    font-size: 20px;
    line-height: 1;
}

.pn-toast-never {
    font-size: 12px;
    white-space: nowrap;
}

.pn-toast-close:hover,
.pn-toast-never:hover {
    color: #333;
}

.pn-toast-hide {
    animation: pnToastOut .25s ease forwards;
}

@keyframes pnToastIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pnToastOut {
    to {
        opacity: 0;
        transform: translateX(-20px);
    }
}

@media (max-width: 767px) {
    #pn-toast-container[data-position="left"],
    #pn-toast-container[data-position="right"] {
        left: 12px;
        right: auto;
        width: calc(100% - 24px);
    }

    .pn-toast {
        border-radius: 16px;
        padding: 12px 14px;
    }

    .pn-toast-actions {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}