/* The feedback pages (/feedback, /feedback/<id>) in the app's own tokens, and the one rule the vendored sheet needs:
   its phone layout is a container query on <html> (EKTA RQ-0029), so the root is an inline-size container. */
html{container-type:inline-size}
.status.fb-new,.status.fb-triaged{border-color:var(--grid)}
.status.fb-proposal{border-color:var(--warn);color:var(--warn);font-weight:600}
.status.fb-approved,.status.fb-in_progress{border-color:var(--series-1);background:var(--series-1-soft)}
.status.fb-released{border-color:var(--good);color:var(--good)}
.status.fb-verified{background:var(--good);color:#fff;border-color:var(--good)}
.status.fb-reopened{border-color:var(--bad);color:var(--bad)}
.status.fb-declined{color:var(--text-secondary)}
.fb-trace{list-style:none;margin:8px 0 0;padding:0 0 0 18px;border-left:2px solid var(--grid)}
.fb-step{position:relative;margin:0 0 14px;padding:0 0 0 10px}
.fb-step::before{content:"";position:absolute;left:-25px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--surface-3);border:2px solid var(--grid)}
.fb-step-remark::before{background:var(--series-1);border-color:var(--series-1)}
.fb-step-triage::before{background:#7C5FC5;border-color:#7C5FC5}
.fb-step-decision::before,.fb-step-verify::before{background:var(--good);border-color:var(--good)}
.fb-step-release::before{border-color:var(--good)}
.fb-step audio{display:block;height:44px;max-width:100%;margin:6px 0}
.fb-transcript{white-space:pre-wrap;margin:6px 0;padding:8px 12px;border-left:3px solid var(--grid);background:var(--surface-2);border-radius:0 8px 8px 0}
.fb-body{white-space:pre-wrap}
.fb-remark p{margin:6px 0;white-space:pre-wrap}
.fb-proposal{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;margin:8px 0 0}
.fb-proposal dt{color:var(--text-secondary);font-size:.875rem}
.fb-proposal dd{margin:0;white-space:pre-wrap}
.fb-moves{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.fb-moves .card{margin:0}
.fb-moves label{display:block;margin-top:8px}
.fb-moves input{width:100%}
.fb-moves .row input{width:auto;flex:1;min-width:140px}
.fb-moves .row textarea{flex:1;min-height:44px}
@media (max-width:600px){.fb-proposal{grid-template-columns:1fr}.fb-proposal dd{margin-bottom:6px}}