.feedback-dialog { box-sizing:border-box; width:min(480px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:28px; border:1px solid var(--border); border-radius:12px; background:#fff; color:var(--text); font:inherit; box-shadow:0 16px 48px #10283726; }
.feedback-dialog::backdrop { background:#10283766; }
.feedback-close { position:absolute; right:8px; top:8px; width:44px; height:44px; display:grid; place-items:center; border:0; background:transparent; color:var(--text-body); cursor:pointer; border-radius:8px; }
.feedback-dialog label { display:block; margin:12px 24px 16px 0; font-size:22px; font-weight:700; line-height:30px; }
.feedback-dialog textarea { box-sizing:border-box; display:block; width:100%; min-height:140px; padding:12px; border:1px solid var(--border); border-radius:8px; color:var(--text); background:#fff; font:inherit; font-size:16px; resize:vertical; }
.feedback-dialog textarea:focus-visible,.feedback-close:focus-visible { outline:2px solid var(--navy); outline-offset:2px; }
.feedback-actions { display:flex; justify-content:flex-end; margin-top:20px; }
.feedback-actions .btn-yellow { min-width:104px; min-height:44px; font-weight:700; }
#feedbackError { margin-top:12px; font-size:14px; }
#feedbackSuccess { margin:20px 20px 20px 0; font-size:18px; font-weight:600; }
.feedback-dialog [hidden] { display:none!important; }
@media(max-width:480px) { .feedback-dialog { padding:24px; } }