/* Settings › Call questions (batch U1-B, call-questions.js). Same tokens as the other settings pages. */
.cq-panel { display: grid; gap: 10px; min-width: 0; }
.cq-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; min-width: 0; }
.cq-q, .cq-edit { display: grid; gap: 4px; padding: 10px 12px; border-radius: var(--r-m, 10px); background: var(--surface-2, var(--surface)); box-shadow: 0 0 0 .5px var(--hair); min-width: 0; }
.cq-q p, .cq-edit p { margin: 0; }
.cq-q-top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.cq-pts { font: 700 14px/1.2 var(--font); color: var(--ink); }
.cq-pts.is-neg { color: var(--red, #c0392b); }
.cq-prompt { font-size: 14px; color: var(--ink); }
.band-fine.cq-new-note { font-size: 14px; color: var(--ink); padding-bottom: 0; }
.cq-coach { font-size: 13px; color: var(--ink-2); overflow-wrap: anywhere; }
.cq-edit-row { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: flex-end; }
.cq-edit-row label { display: grid; gap: 4px; font-size: 13px; color: var(--ink-2); }
.cq-edit-row input[type="text"] { width: 72px; min-height: 44px; box-sizing: border-box; }
.cq-edit-row select { min-height: 44px; }
.cq-edit-row label.it-chk { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 14px; color: var(--ink); }
.cq-edit-row label.it-chk input { width: 20px; height: 20px; margin: 0; }
.cq-coach-in { display: grid; gap: 4px; font-size: 13px; color: var(--ink-2); }
.cq-coach-in textarea { width: 100%; box-sizing: border-box; min-height: 44px; }
@media (max-width: 600px) { .cq-edit-row label { flex: 1 1 40%; } .cq-edit-row label.it-chk { flex: 0 1 auto; } }