.qg-cq-actions { display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; }
.qg-cq-list,.qg-cq-history { display:grid; gap:12px; min-width:0; }
.qg-cq-list article,.qg-cq-history article { display:grid; gap:7px; padding:14px; border:1px solid #d5ddd8; border-radius:12px; overflow-wrap:anywhere; }
.qg-cq-list .button { justify-self:start; }
.qg-cq-note { color:#49564f; }
#qg-cq-capture { display:grid; gap:16px; }
#qg-cq-capture label { display:grid; gap:8px; }
#qg-cq-capture input { min-height:44px; width:100%; padding:10px; border:1px solid #aab8ae; border-radius:8px; }
@media(max-width:600px) {
  .qg-cq-actions>.button { flex:1 1 100%; min-height:44px; }
  .modal:has(.qg-cq-history),.modal:has(#qg-cq-capture) {
    min-width:0; width:calc(100vw - 40px); max-width:calc(100vw - 40px);
  }
}