.toast-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: calc(100vw - 32px);
    pointer-events: none;
    position: fixed;
    right: 24px;
    top: 24px;
    width: 390px;
    z-index: 2147483647;
}

.site-toast {
    align-items: flex-start;
    animation: toast-enter 0.35s ease-out both;
    background: #ffffff;
    border: 1px solid #dceee5;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(20, 42, 35, 0.18);
    color: #1f2937;
    display: flex;
    gap: 12px;
    overflow: hidden;
    padding: 15px 14px;
    pointer-events: auto;
    position: relative;
}

.site-toast::before {
    background: #16a34a;
    content: "";
    inset: 0 auto 0 0;
    position: absolute;
    width: 4px;
}

.site-toast__icon {
    align-items: center;
    background: #dcfce7;
    border-radius: 50%;
    color: #15803d;
    display: flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
}

.site-toast__icon svg { fill: none; height: 19px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5; width: 19px; }
.site-toast__content { padding-right: 18px; }.site-toast__title { display: block; font-size: 14px; font-weight: 700; margin: 1px 0 3px; }.site-toast__message { color: #637168; font-size: 13px; line-height: 1.45; margin: 0; }
.site-toast__close { background: transparent; border: 0; color: #94a39a; cursor: pointer; font-size: 22px; line-height: 1; padding: 0 2px; position: absolute; right: 11px; top: 11px; }.site-toast__close:hover,.site-toast__close:focus-visible { color: #1f2937; outline: none; }
.site-toast.is-hiding { animation: toast-exit .25s ease-in both; }
@keyframes toast-enter { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: translateX(0); } }
@keyframes toast-exit { to { opacity: 0; transform: translateX(28px); } }
@media (max-width: 576px) { .toast-stack { right: 16px; top: 16px; width: calc(100vw - 32px); } }

.logout-form { display: inline; margin: 0; }