.fluent-toast-provider {
    pointer-events: none;
    z-index: 11000;
}

.fluent-toast-provider .fluent-toast {
    --toast-accent: var(--app-info);
    --toast-accent-soft: var(--app-info-soft);
    position: relative;
    min-width: min(360px, calc(100vw - 32px)) !important;
    max-width: min(460px, calc(100vw - 32px)) !important;
    min-height: 56px !important;
    margin-bottom: 12px !important;
    padding: 14px 16px 14px 18px !important;
    border: 1px solid color-mix(in srgb, var(--toast-accent) 34%, var(--app-border)) !important;
    border-left: 4px solid var(--toast-accent) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--app-surface) 96%, transparent) 0%, color-mix(in srgb, var(--app-surface-alt) 96%, transparent) 100%) !important;
    color: var(--app-text) !important;
    box-shadow: var(--app-shadow-strong) !important;
    backdrop-filter: blur(12px);
    pointer-events: auto;
}

.fluent-toast-provider .fluent-toast::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--toast-accent-soft), transparent 42%);
    opacity: 0.72;
    pointer-events: none;
}

.fluent-toast-provider .fluent-toast > * {
    position: relative;
    z-index: 1;
}

.fluent-toast-provider .fluent-toast.intent-success {
    --toast-accent: var(--app-success);
    --toast-accent-soft: var(--app-success-soft);
}

.fluent-toast-provider .fluent-toast.intent-error {
    --toast-accent: var(--app-danger);
    --toast-accent-soft: var(--app-danger-soft);
}

.fluent-toast-provider .fluent-toast.intent-warning {
    --toast-accent: #f59e0b;
    --toast-accent-soft: rgba(245, 158, 11, 0.14);
}

.fluent-toast-provider .fluent-toast.intent-info,
.fluent-toast-provider .fluent-toast.intent-progress,
.fluent-toast-provider .fluent-toast.intent-upload,
.fluent-toast-provider .fluent-toast.intent-download,
.fluent-toast-provider .fluent-toast.intent-event,
.fluent-toast-provider .fluent-toast.intent-mention,
.fluent-toast-provider .fluent-toast.intent-custom {
    --toast-accent: var(--app-info);
    --toast-accent-soft: var(--app-info-soft);
}

.fluent-toast-provider .fluent-toast-title {
    color: var(--app-text) !important;
    font-size: 0.94rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.fluent-toast-provider .fluent-toast-details,
.fluent-toast-provider .fluent-toast-small {
    color: var(--app-text-muted) !important;
    font-size: 0.86rem !important;
    line-height: 1.35 !important;
}

.fluent-toast-provider .fluent-toast-body,
.fluent-toast-provider .fluent-toast-actions {
    padding-inline-start: 18px !important;
}

.fluent-toast-provider .fluent-toast-action {
    color: var(--app-text-muted) !important;
}

.fluent-toast-provider fluent-button::part(control) {
    border-radius: 10px;
    color: var(--app-text);
}

@media (max-width: 640px) {
    .fluent-toast-provider {
        right: 16px !important;
        top: 16px !important;
        bottom: auto !important;
        left: 16px !important;
    }

    .fluent-toast-provider .fluent-toast {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}