.feedback-dialog { box-sizing: border-box; width: min(560px, calc(100vw - 28px)); max-height: calc(100dvh - 36px); margin: auto; padding: 22px; border: 1px solid #e4e7eb; border-radius: 16px; background: #fff; color: #17202a; overflow: auto; }
.feedback-dialog::backdrop { background: rgb(20 28 36 / 42%); }
.feedback-dialog [hidden] { display: none !important; }
.feedback-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.feedback-dialog h2 { margin: 0; font-size: 22px; flex: 1; }
.feedback-dialog header .button { flex: 0 0 auto; width: auto; min-width: 60px; padding: 7px 12px; }
.feedback-dialog p { white-space: pre-wrap; overflow-wrap: anywhere; }
.feedback-dialog label { display: grid; gap: 7px; margin: 14px 0; font-weight: 600; }
.feedback-dialog input, .feedback-dialog textarea { box-sizing: border-box; width: 100%; padding: 10px 12px; border: 1px solid #dce1e5; border-radius: 8px; font: inherit; background: #fff; color: inherit; }
.feedback-dialog textarea { min-height: 115px; resize: vertical; }
.feedback-dialog button { cursor: pointer; min-height: 40px; }
.feedback-dialog button:disabled { opacity: .6; cursor: wait; }
.feedback-dialog [role=status] { font-size: 14px; color: #56616e; }
@media (max-width: 620px) { .feedback-dialog { padding: 16px; } }