.feedback-form{display:grid;gap:18px;margin-top:20px}.feedback-form fieldset{border:0;padding:0;margin:0;min-width:0}.feedback-form legend{font-weight:700;font-size:15px;margin-bottom:12px}.feedback-ratings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.feedback-ratings label{display:flex;flex-direction:column;align-items:center;padding:12px 6px;border:1px solid var(--line);border-radius:10px;cursor:pointer;gap:5px}.feedback-ratings label:has(input:checked){border-color:var(--brand);background:var(--tint)}.feedback-ratings input{width:18px;height:18px;accent-color:var(--brand)}.feedback-ratings span{font-weight:700;font-size:16px}.feedback-ratings small{font-size:11px;text-align:center}.feedback-form>.btn{justify-self:start}.feedback-comment{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;color:var(--ink)}.feedback-panel summary{cursor:pointer;color:var(--brand);font-weight:700;margin-top:14px}.feedback-saved strong{font-size:23px;color:var(--brand)}.feedback-report-row{display:flex;justify-content:space-between;align-items:start;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.feedback-report-row>div{min-width:0;flex:1}.feedback-report-row small{display:block;color:var(--muted);margin-top:5px}.feedback-report-row>strong{white-space:nowrap}.feedback-report-row:last-child{border:0}.feedback-prompt{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin-bottom:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
@media(max-width:500px){.feedback-ratings{grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-prompt{flex-wrap:wrap}}