.ps-alert-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 12100;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 18px !important;
    transform: none !important;
    background: rgba(15, 23, 42, .58);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.ps-alert-overlay[hidden] { display: none !important; }

.ps-alert {
    --ps-notify-brand: var(--theme-primary, var(--primary-green, #0f766e));
    --ps-notify-soft: var(--theme-tint, var(--primary-green-soft, #e8f5f1));
    width: min(560px, calc(100vw - 30px));
    max-height: min(760px, calc(100vh - 30px));
    overflow: auto;
    padding: 28px;
    border: 1px solid #d7dee8;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 34px 100px rgba(15, 23, 42, .34);
    color: #172033;
    margin: 0 !important;
    transform: none !important;
}

.ps-alert__symbol {
    position: relative;
    display: grid;
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    place-items: center;
    border-radius: 14px;
    background: var(--ps-notify-brand);
    color: #fff;
    font-size: 21px;
}

.ps-alert__symbol span {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 14px;
    height: 14px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #ef4444;
}

.ps-alert__heading { text-align: center; }
.ps-alert__heading small { color: var(--ps-notify-brand); font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.ps-alert__heading h2 { margin: 7px 0 6px; font-size: 24px; line-height: 1.18; letter-spacing: -.025em; }
.ps-alert__heading p { max-width: 430px; margin: 0 auto; color: #667085; font-size: 13px; }
.ps-alert__list { display: grid; gap: 8px; max-height: 310px; margin: 22px 0 20px; overflow: auto; }

.ps-alert__item {
    display: grid;
    grid-template-columns: 40px 1fr auto;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #dde3eb;
    border-radius: 11px;
    background: #f7f9fb;
    color: #172033;
    text-align: left;
    cursor: pointer;
}

.ps-alert__item:hover { border-color: var(--ps-notify-brand); background: var(--ps-notify-soft); }
.ps-alert__item:focus-visible { outline: 3px solid var(--ps-notify-soft); border-color: var(--ps-notify-brand); }
.ps-alert__item-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 9px; background: var(--ps-notify-brand); color: #fff; }
.ps-alert__item span:nth-child(2) { min-width: 0; }
.ps-alert__item strong, .ps-alert__item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ps-alert__item strong { font-size: 12px; }
.ps-alert__item small { margin-top: 2px; color: #667085; font-size: 10px; }
.ps-alert__item > i { color: #667085; font-size: 10px; }
.ps-alert__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding-top: 18px; border-top: 1px solid #e4e8ef; }
.ps-alert__actions button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border-radius: 9px; font-size: 12px; font-weight: 800; cursor: pointer; }
.ps-alert__later { border: 1px solid #cfd7e2; background: #eef2f6; color: #344054; }
.ps-alert__done { border: 1px solid var(--ps-notify-brand); background: var(--ps-notify-brand); color: #fff; }
.ps-alert__done:focus-visible { outline: 3px solid var(--ps-notify-soft); outline-offset: 2px; }
.ps-alert__actions button:disabled { opacity: .55; cursor: wait; }

@media (max-width: 600px) {
    .ps-alert-overlay { align-items: center; padding: 15px; }
    .ps-alert { padding: 22px 17px; border-radius: 17px; }
    .ps-alert__symbol { width: 52px; height: 52px; }
    .ps-alert__heading h2 { font-size: 21px; }
    .ps-alert__actions { grid-template-columns: 1fr; }
    .ps-alert__later { order: 2; }
    .ps-alert__done { order: 1; }
}