/* Existing surfaces and viewport bounds; owners retain timing and live regions. */
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"], :is([data-zevs-ui].messages > li,[data-zevs-ui] .messages > li,.messages > li[data-zevs-ui]) { --zds-feedback-tint:transparent; overflow-wrap:anywhere; background-color:var(--zds-feedback-surface); background-image:linear-gradient(var(--zds-feedback-tint),var(--zds-feedback-tint)); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][data-zds-feedback-profile="catalog"] { --zds-feedback-tint:var(--zds-feedback-neutral-tint); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][data-zds-tone="success"] { --zds-feedback-tint:var(--zds-feedback-success-tint); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][data-zds-tone="warning"] { --zds-feedback-tint:var(--zds-feedback-warning-tint); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][data-zds-tone="error"] { --zds-feedback-tint:var(--zds-feedback-error-tint); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][data-zds-feedback-profile="warning-10"] { --zds-feedback-tint:var(--zds-feedback-warning-strong-tint); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][data-zds-feedback-profile="warning-8"] { --zds-feedback-tint:var(--zds-feedback-warning-soft-tint); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"]:is([data-zds-feedback-profile="billing-soft"],[data-zds-feedback-profile="dictionary-text"]) { --zds-feedback-tint:transparent; }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][data-zds-feedback-profile="toast-more"] { background-color:var(--card-bg,var(--zds-feedback-surface)); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][data-zds-feedback-profile="flash"][data-zds-tone="success"],:is([data-zevs-ui].messages > li,[data-zevs-ui] .messages > li,.messages > li[data-zevs-ui])[data-tone="success"] { --zds-feedback-tint:var(--msg-success-bg); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][data-zds-feedback-profile="flash"][data-zds-tone="error"],:is([data-zevs-ui].messages > li,[data-zevs-ui] .messages > li,.messages > li[data-zevs-ui])[data-tone="error"] { --zds-feedback-tint:var(--msg-error-bg); }
/* The catalogue uses these production alert parts; real legacy boxes retain their own layout. */
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert { display:flex; align-items:flex-start; gap:10px; padding:var(--zds-feedback-padding-block) var(--zds-feedback-padding-inline); border:1px solid var(--card-border,var(--zds-border)); border-radius:var(--zds-field-radius); color:var(--zds-ink); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert[data-zds-tone="success"] { border-color:var(--card-ok-border); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert[data-zds-tone="warning"] { border-color:var(--card-alert-border); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert[data-zds-tone="error"] { border-color:var(--msg-error-border); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert > .ui-symbol { margin-block-start:2px; }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert[data-zds-tone="info"] > .ui-symbol { color:var(--ai); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert[data-zds-tone="success"] > .ui-symbol { color:var(--success); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert[data-zds-tone="warning"] > .ui-symbol { color:var(--warning); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert[data-zds-tone="error"] > .ui-symbol { color:var(--danger); }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert b { display:block; font-weight:500; font-size:13px; }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert p { color:var(--text-72); font-size:12px; margin-block:3px 0; margin-inline:0; }
:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"].ui-alert .ui-alert-copy { flex:1; min-inline-size:0; }

:is([data-zevs-ui].zds-feedback,[data-zevs-ui] .zds-feedback)[data-zds-component="feedback"][hidden] { display:none; }

/* Legacy mobile left/right insets coexist with a fixed width; cap it inside both insets. */
@media (max-width:860px) {
  :is([data-zevs-ui].toasts,[data-zevs-ui] .toasts) { max-inline-size:calc(100vw - 24px); }
}