.mz-sbot-widget .mz-sbot-feedback { border-top: 1px solid var(--mz-sbot-border); margin-top: 12px; padding-top: 10px; font-size: 12px; }
.mz-sbot-feedback-prompt, .mz-sbot-feedback-note { display: block; color: var(--mz-sbot-muted); }
.mz-sbot-feedback-buttons { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.mz-sbot-widget .mz-sbot-feedback-button {
    appearance: none; background: var(--mz-sbot-panel); color: var(--mz-sbot-text);
    border: 1px solid var(--mz-sbot-border); border-radius: 6px;
    font: inherit; padding: 6px 9px; min-height: 32px; cursor: pointer;
}
.mz-sbot-widget .mz-sbot-feedback-button[aria-pressed="true"] { background: var(--mz-sbot-soft); border-color: var(--mz-sbot-accent-dark); }
.mz-sbot-widget .mz-sbot-feedback-button:focus-visible,
.mz-sbot-widget .mz-sbot-feedback-details select:focus-visible,
.mz-sbot-widget .mz-sbot-feedback-details textarea:focus-visible { outline: 2px solid var(--mz-sbot-accent-dark); outline-offset: 2px; }
.mz-sbot-feedback-details { display: grid; gap: 8px; margin-top: 10px; }
.mz-sbot-feedback-details[hidden] { display: none; }
.mz-sbot-widget .mz-sbot-feedback-details label { display: grid; gap: 4px; font: inherit; color: var(--mz-sbot-text); }
.mz-sbot-widget .mz-sbot-feedback-details select,
.mz-sbot-widget .mz-sbot-feedback-details textarea {
    box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; font: inherit;
    color: var(--mz-sbot-text); background: var(--mz-sbot-panel);
    border: 1px solid var(--mz-sbot-border); border-radius: 5px; padding: 7px;
}
.mz-sbot-feedback-note { margin-top: 7px; overflow-wrap: anywhere; }
.mz-sbot-feedback-note.is-error { color: #9b2b22; }
.mz-sbot-feedback-button:disabled { opacity: .6; cursor: wait; }
@media (pointer: coarse) {
    .mz-sbot-widget .mz-sbot-feedback-button { min-height: 44px; }
    .mz-sbot-widget .mz-sbot-feedback-details select, .mz-sbot-widget .mz-sbot-feedback-details textarea { font-size: 16px; }
}