:root{--ok:#2f6f4e;--warn:#9a5a00;--bad:#a61b32}
main{max-width:980px;margin:0 auto;padding:22px 20px 70px}
.lead{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-top:4px solid var(--cherry);padding:16px 20px;margin-bottom:16px}
.lead h2{font:700 22px var(--serif);margin:0 0 4px}.lead p{margin:0;max-width:640px}
.filters{margin:0 0 12px;font-size:13px}.filters select{padding:6px 8px;border:1px solid var(--line);background:#fff;font:inherit}
.card{background:#fff;border:1px solid var(--line);margin-bottom:14px}
.card>header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}
.card h3{margin:0;font:700 18px var(--serif);flex:1;min-width:200px}
.body{padding:12px 16px;display:grid;gap:8px}
.meta{color:var(--bcam-muted);font-size:13px}
.linkrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.linkrow input{flex:1;min-width:240px;padding:7px 9px;border:1px solid var(--line);font:13px ui-monospace,Menlo,monospace;background:#faf8f4}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.resp{border:1px solid var(--line);border-left:4px solid #999;padding:7px 10px;background:#fff}
.resp.approved{border-left-color:var(--ok)}.resp.approved_edits{border-left-color:var(--ok)}.resp.changes{border-left-color:var(--bad)}
.resp.old{opacity:.6}.resp small{color:var(--bcam-muted)}
.resp .reply{margin:6px 0 0 12px;padding:5px 9px;background:#f4f1eb;border-left:3px solid var(--teal)}
.resp form{display:flex;gap:6px;margin-top:6px}.resp form input{flex:1;padding:5px 8px;border:1px solid var(--line);font:inherit}
.drawer form{padding:16px 18px;overflow:auto;flex:1;display:grid;gap:12px;align-content:start}
.drawer label{display:grid;gap:4px;font-weight:700;font-size:13px}
.drawer input,.drawer select,.drawer textarea{padding:8px 10px;border:1px solid var(--line);font:inherit;font-weight:400;background:#fff}
.drawer textarea{min-height:90px;resize:vertical}
.drawer .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drawer label.chk{display:flex;gap:8px;align-items:center;font-weight:400}
.pass{display:flex;gap:6px}.pass input{flex:1}
.fmt{font-size:13px;border-left:4px solid var(--teal);background:#f6f4ef;padding:7px 10px}
.fmt .hint{color:var(--bcam-muted);display:block;margin-top:2px}
.fmtw{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:3px}
.fmtw li{padding-left:18px;position:relative}
.fmtw li::before{content:"";position:absolute;left:3px;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--bcam-muted)}
.fmtw .w-warn{color:var(--warn);font-weight:700}.fmtw .w-warn::before{background:var(--warn)}
.fmtw .w-ok{color:var(--ok)}.fmtw .w-ok::before{background:var(--ok)}
.drawer .hint{font-weight:400;color:var(--bcam-muted);font-size:12px}
@media (max-width:600px){.drawer .two{grid-template-columns:1fr}}