/* The same feedback dialog across the website and the companion phone. */
.feedback-dialog{width:min(510px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:25px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 90px #12282b40}
.feedback-dialog::backdrop{background:#12282b8c;backdrop-filter:blur(3px)}
.feedback-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.feedback-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:29px;letter-spacing:-.8px;margin:0}
.feedback-context{display:flex;flex-wrap:wrap;gap:15px 28px;padding:14px 16px;background:var(--mint);border-radius:12px;font-size:12px;margin:18px 0}
.feedback-context dt{font-size:10px;color:var(--muted);margin-bottom:5px}
.feedback-context dd{margin:0;font-weight:600}
.feedback-dialog .text-area{min-height:135px;font-size:14px;line-height:1.6}
.feedback-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.feedback-dialog .small-note{font-size:12px}
.feedback-signin{padding-top:2px;font-size:14px;line-height:1.6}
.feedback-signin .primary{display:inline-flex;margin-top:6px}
.feedback-filters{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end;margin:22px 0}
.feedback-filters .form-field{flex:1;min-width:170px}
.feedback-list{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:20px 0}
.feedback-item{padding:20px;background:var(--white);border:1px solid var(--line);border-radius:14px}
.feedback-item-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}
.feedback-item-heading h2{font-size:14px;margin:0 0 5px;overflow-wrap:anywhere}
.feedback-item-heading .form-select{width:auto;min-width:140px}
.feedback-meta{font-size:11px;color:var(--muted);line-height:1.7;margin:5px 0}
.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin:17px 0 0}
.feedback-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}
@media(max-width:480px){.feedback-dialog{padding:21px 18px}.feedback-heading h2{font-size:25px}.feedback-pagination{flex-wrap:wrap}}