:root {
    --mz-feedback-accent: var(--mazzola-accent, #037c8c);
    --mz-feedback-ink: var(--mazzola-text, #334155);
    --mz-feedback-line: var(--mazzola-border, #cbd5e1);
    --mz-feedback-info: #0f4c81;
    --mz-feedback-warning: #946200;
    --mz-feedback-error: #b42318;
}
.mz-feedback-stack {
    position: fixed; z-index: 1040; top: calc(var(--mz-feedback-top, 16px) + env(safe-area-inset-top));
    right: max(16px, env(safe-area-inset-right)); width: min(380px, calc(100vw - 32px));
    max-height: calc(100vh - var(--mz-feedback-top, 16px) - 16px); overflow-y: auto;
    pointer-events: none;
}
.mz-feedback-stack > .mz-feedback { pointer-events: auto; }
.mz-feedback.toast { max-width: 380px; }
.mz-feedback.toast.show { display: flex; }
.mz-feedback-stack > .mz-feedback ~ .mz-feedback { margin-top: 8px; }
.mz-feedback {
    --mz-feedback-state: var(--mz-feedback-accent);
    display: flex; align-items: flex-start; gap: 12px; width: 100%; padding: 12px;
    color: var(--mz-feedback-ink); background: #fff; border: 1px solid var(--mz-feedback-line);
    border-left: 4px solid var(--mz-feedback-state); border-radius: 12px;
    box-shadow: 0 1px 3px #0f172a14; font-size: 14px; line-height: 1.45;
}
.mz-feedback[data-kind="info"] { --mz-feedback-state: var(--mz-feedback-info); }
.mz-feedback[data-kind="warning"] { --mz-feedback-state: var(--mz-feedback-warning); }
.mz-feedback[data-kind="error"] { --mz-feedback-state: var(--mz-feedback-error); }
.mz-feedback__icon { flex: 0 0 20px; color: var(--mz-feedback-state); font-size: 20px; font-weight: 700; text-align: center; }
.mz-feedback__content { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.mz-feedback__title { display: block; font-weight: 600; }
.mz-feedback__message { margin: 4px 0 0; white-space: pre-line; }
.mz-feedback__close { flex: 0 0 44px; width: 44px; height: 44px; margin: -6px -6px 0 0; padding: 0; color: var(--mz-feedback-accent); background: transparent; border: 0; border-radius: 8px; font-size: 24px; line-height: 1; }
.mz-feedback__close:hover { background: #f3f9fa; }
.mz-feedback__close:focus-visible { outline: 3px solid var(--mz-feedback-accent); outline-offset: 2px; }
.mz-feedback-persistent { margin-block: 12px; }
.mz-feedback-inline-host:empty { display: none; }
.mz-feedback-inline-host:not(:empty), [data-form-feedback]:not(:empty) { margin-block: 12px; }
@media (max-width: 575.98px) {
    .mz-feedback-stack { right: max(12px, env(safe-area-inset-right)); left: max(12px, env(safe-area-inset-left)); width: auto; }
    .mz-feedback-stack > .mz-feedback.toast { max-width: none; }
}
@media (forced-colors: active) {
    .mz-feedback { border-color: CanvasText; }
    .mz-feedback__close:focus-visible { outline-color: Highlight; }
}
@media (prefers-reduced-motion: reduce) { .mz-feedback, .mz-feedback * { animation: none !important; transition: none !important; } }
@media print { .mz-feedback-stack { display: none !important; } }