:root{--clid-blue:#28547b;--clid-yellow:#76d3bd;--clid-ink:#172d42;--clid-muted:#677b8d;--clid-border:#d7e2eb;--clid-card-radius:12px}*{box-sizing:border-box}body{margin:0;background:#f3f7fb;color:var(--clid-ink);font:15px system-ui,sans-serif}.top{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:20px 28px;background:#102e46;color:white}.top strong{font-size:23px}.top strong span{display:block;font-size:13px;font-weight:400}.top label{font-size:12px}.badge{background:#245570;border-radius:20px;padding:8px 12px}.main-nav{padding:12px 28px;display:flex;gap:10px;background:white;border-bottom:1px solid var(--clid-border)}button,select,input,textarea{font:inherit;border:1px solid var(--clid-border);border-radius:7px;padding:9px;background:white;color:var(--clid-ink)}button{cursor:pointer}button:hover{background:#e4f4ef}button.active,.sch-btn--primary{background:#28547b;color:white}label{display:grid;gap:5px}h1,h2,h3,p{margin-top:0}.sch-page-head{display:flex;justify-content:space-between;gap:15px;padding:24px 28px 8px}.sch-page-head p,.sch-muted{color:var(--clid-muted)}.sch-tabs{padding:0 20px}.sch-page-body{padding:20px}.sch-card{background:white;padding:20px;border:1px solid var(--clid-border);border-radius:12px}.sch-chip{font-size:11px;background:#edf4fa;padding:4px 8px}.panel{margin:24px auto;max-width:1080px;padding:0 24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel form{display:grid;gap:14px}.call-item{padding:14px;border-bottom:1px solid var(--clid-border)}.call-item small{display:block;color:var(--clid-muted)}#config{width:100%;min-height:480px;font:13px monospace}#error:empty{display:none}#error{margin:12px 28px;color:#9d2020}.sch-chat-task-actions{display:flex;gap:8px;align-items:center}.sch-chat-status{padding:12px}.status-error{color:#9d2020}@media(max-width:750px){.grid{grid-template-columns:1fr}.top{padding:16px}.main-nav{padding:10px}.panel{padding:0 12px}}
:root .sch-chat-room.active{color:var(--clid-ink);background:#e4f4ef} .sch-chat-room.active strong{color:var(--clid-ink)}
:root .call-admin{margin-top:22px}.voice-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--clid-border)}.voice-row small{display:block;color:var(--clid-muted);margin:6px 0}.voice-row audio{display:block;max-width:100%;height:34px}.voice-row input{max-width:250px}.call-admin form{margin-top:22px}.call-admin textarea{font:13px monospace;width:100%}@media(max-width:700px){.voice-row{flex-direction:column}}
/* Compact desktop setup follows the supplied configuration reference. */
.call-setup-page{max-width:900px}.call-setup-page>h1{font-size:25px;margin-top:26px}.call-setup-page>p{font-size:14px}.call-flow{background:white;border:1px solid #ebebeb;border-radius:16px;padding:12px}.call-flow-agent{background:#eff5fc;border:1px solid #e0edff;border-radius:13px;text-align:center;padding:16px 12px;color:#24282c}.call-flow-agent strong{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600}.call-flow-agent strong svg{color:#2e75da}.call-flow-agent p{font-size:13px;margin:14px 0}.call-flow-agent small{display:block;border-top:1px solid #e1e9f2;padding-top:16px;font-size:12px}.call-flow-arrow{text-align:center;padding:8px}.call-flow-departments{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.call-flow-departments>div{background:#f6f6f6;border-radius:11px;padding:12px;display:grid;justify-items:center;gap:7px;color:#25282a;font-size:13px}.call-setup-card{display:grid;gap:14px;background:white;color:#25282a;border:1px solid #e7e7e7;border-radius:16px;padding:16px}.call-setup-card h2{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;margin:0}.call-setup-card h3{font-size:14px;font-weight:500;margin:0}.call-setup-card label{font-size:13px;color:#686b70}.call-setup-card input,.call-setup-card textarea{border:1px solid #dedfe1;border-radius:24px;background:white;padding:10px 14px;color:#25282a;font-size:14px;width:100%;min-width:0}.call-setup-card textarea{border-radius:17px;resize:vertical}.call-setup-note,.call-setup-card small{font-size:12px;color:#76797e;margin:0;line-height:1.5}.call-setup-department{display:grid;grid-template-columns:1fr 1fr 28px;gap:8px;margin-bottom:9px;align-items:center}.call-setup-department input{padding:7px 14px}.call-setup-department button{border:0;padding:3px;background:transparent;font-size:23px;color:#777}.call-setup-department button:disabled{opacity:.4;cursor:default}.call-setup-actions{display:flex;justify-content:space-between;gap:12px}.call-setup-actions button{border-radius:24px;font-size:13px;padding:8px 16px}.call-setup-actions .call-setup-save{background:#1c1f21;color:white;border-color:#1c1f21}.call-setup-actions .call-setup-save:hover{background:#363a3d}.call-setup-card [data-setup-result]:empty{display:none}.call-advanced{background:white;border:1px solid #e7e7e7;border-radius:14px;margin-top:12px;overflow:hidden}.call-advanced summary{padding:16px;cursor:pointer;font-size:14px}.call-advanced>.sch-card,.call-advanced>form,.call-advanced>[data-voice-pack]{padding:16px;border:0;margin:0}.call-advanced form{display:grid;gap:14px}.call-advanced fieldset{border:1px solid #e4e4e4;border-radius:12px;padding:14px}.call-advanced input,.call-advanced textarea,.call-advanced select{max-width:100%}@media(max-width:550px){.call-setup-department{grid-template-columns:minmax(0,1fr) 28px}.call-setup-department input:nth-child(2){grid-row:2}.call-setup-department button{grid-column:2;grid-row:1/3}.call-setup-actions{flex-wrap:wrap}.call-setup-actions .call-setup-save{margin-left:auto}.call-flow-departments{grid-template-columns:1fr}}