/* Only the Data Collect call guide uses these layout rules. */
.ql-call-script-overlay { padding:12px; }
.ql-call-script-modal { width:min(680px,100%); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); }
.ql-call-script-modal > .ql-dc-modal-head { flex:0 0 auto; }
.ql-call-script-modal > .ql-dc-modal-body { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; overflow:hidden; gap:12px; }
.ql-call-script-modal .ql-call-script-step { flex:1 1 auto; min-height:0; max-height:none; overflow:auto; overflow-wrap:anywhere; padding:16px; font-size:16px; line-height:1.75; outline:none; }
.ql-call-script-modal .ql-call-script-actions { flex:0 0 auto; max-height:32vh; overflow-y:auto; padding:2px 0; }
.ql-call-script-modal .ql-cf-stage { display:block; margin:0 0 12px; font-size:12px; color:#475467; font-weight:700; }
.ql-call-script-modal .ql-cf-hint { padding:10px 12px; margin:0 0 12px; font-size:12px; line-height:1.6; background:#eef2ff; color:#475467; border-radius:7px; }
.ql-call-script-modal .ql-cf-field { display:flex; flex-direction:column; gap:5px; margin-top:14px; font-size:13px; color:#344054; }
.ql-call-script-modal .ql-cf-field input,.ql-call-script-modal .ql-cf-field select,.ql-call-script-modal .ql-cf-field textarea { box-sizing:border-box; width:100%; min-width:0; padding:10px; border:1px solid #d0d5dd; border-radius:7px; background:#fff; color:#101828; font:inherit; }
.ql-call-script-modal .ql-cf-error { margin-top:12px; color:#b42318; font-size:13px; }
.ql-call-script-modal [hidden] { display:none!important; }
.ql-call-script-modal [data-script-action="save"] { background:#5b5ef4; border-color:#5b5ef4; color:#fff; }
.ql-call-script-modal button:focus-visible { outline:2px solid #5b5ef4; outline-offset:2px; }
.ql-call-script-modal button:disabled { opacity:.6; cursor:wait; }
.ql-dc-status[data-current-status="wrong_number"],.ql-dc-status[data-current-status="do_not_contact"] { background:#fef3f2; border-color:#fecdca; color:#b42318; }
@media(max-width:600px) { .ql-call-script-modal > .ql-dc-modal-body { padding:12px; } .ql-call-script-modal .ql-call-script-step { padding:12px; font-size:15px; } .ql-call-script-modal .ql-call-script-actions button { min-height:40px; } }