/* Private feedback widget — shared by retrofits.html and retrofit-insights.html.
   Posts to /api/feedback (Cloudflare Pages Function, functions/api/feedback.js).
   Ported from the same pattern on madeclear.ca (Simple_Viz/functions/api/feedback.js). */
.feedback{margin:32px 0;padding:20px 22px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.feedback-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px}
.feedback-kicker{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.feedback-head h2{margin:0;font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:400;color:var(--ink)}
.feedback-copy{margin:5px 0 0;font-size:13px;color:var(--muted)}
.feedback-choices{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.feedback-choice{appearance:none;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);padding:7px 14px;font-size:13px;font-family:inherit;cursor:pointer}
.feedback-choice:hover,.feedback-choice:focus-visible{border-color:var(--amber);color:var(--amber-text);outline:none}
.feedback-choice[aria-pressed="true"]{border-color:var(--amber);color:var(--amber-text);background:var(--surface)}
.feedback-form{margin-top:16px;max-width:760px}
.feedback-form[hidden]{display:none}
.feedback-form label{display:block;margin-bottom:6px;font-size:13px;color:var(--text)}
.feedback-form label span{color:var(--muted);font-weight:400}
.feedback-form textarea{box-sizing:border-box;width:100%;min-height:80px;resize:vertical;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--white);color:var(--text);padding:10px 11px;font:14px/1.5 inherit}
.feedback-form textarea:focus{border-color:var(--amber);outline:1px solid var(--amber);outline-offset:1px}
.feedback-actions{display:flex;align-items:baseline;gap:14px;margin-top:9px;flex-wrap:wrap}
.feedback-send{appearance:none;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);padding:7px 14px;font-size:13px;font-family:inherit;cursor:pointer}
.feedback-send:hover,.feedback-send:focus-visible{border-color:var(--amber);color:var(--amber-text);outline:none}
.feedback-send:disabled{cursor:wait;opacity:.55}
.feedback-status{font-size:12px;color:var(--muted)}
.feedback-status a{color:var(--amber-text)}
.feedback-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media (max-width:700px){.feedback-head{grid-template-columns:1fr}.feedback-choices{justify-content:flex-start}}