/* Compact feedback reuses the shared top-layer toast host and theme palette. */
html[data-theme] .sf-toast.sf-toast--compact {
    --sf-toast-surface: var(--sf-theme-surface);
    --sf-toast-ink: var(--sf-theme-text);
    --sf-toast-muted: var(--sf-theme-muted);
    --sf-toast-border: var(--sf-theme-border);
    grid-template-columns: 1.9rem minmax(0,1fr) 2rem;
    align-items: center;
    gap: .65rem;
    min-height: 3.6rem;
    padding: .7rem .65rem .7rem .85rem;
    border: 1px solid var(--sf-toast-border);
    border-radius: .85rem;
    background: var(--sf-toast-surface);
    box-shadow: 0 8px 28px #00000024,0 1px 3px #0000000d;
    animation: sf-compact-toast-enter .22s ease-out both;
}
html[data-theme] .sf-toast--compact.sf-toast--success { --sf-toast-status: var(--sf-ui-positive,#16836a); }
html[data-theme] .sf-toast--compact .sf-toast-icon {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    background: color-mix(in srgb,var(--sf-toast-status) 12%,var(--sf-toast-surface));
    box-shadow: none;
}
.sf-toast--compact .sf-toast-icon svg { width: 1rem; height: 1rem; }
.sf-toast--compact .sf-toast-copy { flex-direction: row; align-items: center; padding: 0; gap: .65rem; }
.sf-toast--compact .sf-toast-copy>strong,.sf-toast--compact .sf-toast-progress { display: none; }
html[data-theme] .sf-toast--compact .sf-toast-copy>span { flex: 1; color: var(--sf-toast-ink); font-size: .85rem; font-weight: 550; line-height: 1.5; }
html[data-theme] .sf-toast--compact .sf-toast-close {
    --sf-button-bg: transparent;
    --sf-button-hover: var(--sf-theme-hover);
    --sf-button-border: transparent;
    --sf-button-color: var(--sf-theme-muted);
    width: 2rem; min-width: 2rem; min-height: 2rem; padding: 0;
}
.sf-toast--compact .sf-toast-action { flex: none; margin-top: 0; }
html[data-theme] .sf-toast.sf-toast--compact.is-leaving { animation: sf-compact-toast-leave .18s ease-in both; }
@keyframes sf-compact-toast-enter { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes sf-compact-toast-leave { to { opacity: 0; transform: translateY(-4px); } }
@media(max-width:40rem), (pointer:coarse) {
    html[data-theme] .sf-toast--compact .sf-toast-close { min-width: 2.75rem; width: 2.75rem; min-height: 2.75rem; }
    html[data-theme] .sf-toast.sf-toast--compact { grid-template-columns: 1.9rem minmax(0,1fr) 2.75rem; }
}
@media(prefers-reduced-motion:reduce) { html[data-theme] .sf-toast.sf-toast--compact { animation: none !important; } }