#feedback-panel { width:min(460px,calc(100vw - 28px)); }
#feedback-panel form { display:grid; gap:14px; min-width:0; }
#feedback-panel textarea { box-sizing:border-box; resize:vertical; min-height:150px; max-height:38vh; width:100%; border:1px solid rgba(90,110,96,.25); border-radius:12px; padding:14px; color:inherit; font:inherit; line-height:1.5; background:rgba(250,252,245,.28); }
#feedback-panel output { justify-self:end; font-size:12px; opacity:.65; }
#feedback-panel label { display:flex; align-items:center; gap:8px; font-size:13px; }
#feedback-panel .feedback-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#feedback-panel .feedback-foot p { margin:0; font-size:13px; }
#feedback-panel pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:11px; max-height:140px; overflow:auto; }
#feedback-panel [type=submit] { flex-shrink:0; width:46px; height:46px; padding:10px; }
#feedback-panel svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
#feedback-panel > details { margin-top:18px; }
#feedback-panel [data-feedback-receipt] { box-sizing:border-box; min-width:0; width:100%; padding:10px; border:1px solid rgba(90,110,96,.25); border-radius:10px; background:rgba(250,252,245,.28); color:inherit; font:inherit; }
#feedback-panel > details label { display:grid; margin:12px 0; }