#hq-calling{position:relative;width:100%;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #e7e4f2;border-radius:16px;box-shadow:0 12px 40px #342c5520;padding:24px;color:#28243c}#hq-calling[hidden]{display:none}#hq-calling header{margin:0;padding:0;position:static;height:auto;display:flex;justify-content:space-between;align-items:center}#hq-calling h1{margin:4px 0;font-size:26px}#hq-calling h2{font-size:17px;margin:20px 0 12px}#hq-calling label{display:block;margin:14px 0 6px;font-weight:600;font-size:13px}#hq-calling input,#hq-calling select,#hq-calling textarea{display:block;width:100%;padding:10px;border:1px solid #ddd8eb;border-radius:8px;box-sizing:border-box;background:white;color:inherit}#hq-calling button{padding:9px 14px;border-radius:8px;border:1px solid #ddd8eb;margin:4px;background:white;cursor:pointer}#hq-calling button.primary{background:#7455f6;color:white}#hq-calling button:disabled{opacity:.45;cursor:not-allowed}.calling-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:32px}.calling-keypad{display:grid;grid-template-columns:repeat(3,1fr);max-width:240px}.call-history-item{padding:14px 0;border-bottom:1px solid #eee}.call-history-item a{margin-left:10px}#call-status{display:block;margin-top:16px}#hq-calling .calling-grid>section{min-width:0}#hq-calling input[type=checkbox]{display:inline-block;width:auto;margin-right:6px}#hq-calling [hidden]{display:none}#hq-calling .call-history-item{overflow-wrap:anywhere}@media(max-width:1100px){.calling-grid{grid-template-columns:1fr}}@media(max-width:620px){#hq-calling{padding:16px}#hq-calling input,#hq-calling select,#hq-calling textarea{font-size:16px}}

/* Calling workspace layout. */
#hq-calling.calling-modern{background:#f7f8fc;border:0;box-shadow:none;padding:24px;max-width:1500px;margin:auto}
#hq-calling.calling-modern .calling-grid{grid-template-columns:minmax(340px,1fr) minmax(340px,.9fr);gap:24px;margin-top:22px;align-items:start}
#hq-calling.calling-modern .calling-card{background:#fff;border:1px solid #e5e6f0;border-radius:22px;padding:26px;box-shadow:0 4px 22px #1b214507;min-width:0}
#hq-calling.calling-modern h2{font-size:22px;margin:8px 0 20px;letter-spacing:-.4px}
#hq-calling.calling-modern .eyebrow{font-size:10px;letter-spacing:1.8px;color:#767b91}
#hq-calling.calling-modern input,#hq-calling.calling-modern select,#hq-calling.calling-modern textarea{border-radius:12px;padding:12px;background:#fcfcff;min-height:44px}
#hq-calling.calling-modern button{border-radius:12px;min-height:42px;font-weight:600;transition:background .15s}
#hq-calling.calling-modern .calling-zone{margin:16px 0;background:#f5f6fb;padding:12px 14px;border-radius:12px;font-size:12px}
#hq-calling.calling-modern summary{cursor:pointer;font-weight:600;padding:6px 0}
#hq-calling.calling-modern #call-zone-note{font-size:12px;color:#687086}
#hq-calling.calling-modern .calling-screen{text-align:center;border-radius:18px;background:#f7f8fc;padding:24px 18px;margin-top:20px;transition:background .2s;color:#282d46}
#hq-calling.calling-modern .calling-screen h2{margin:12px 0 4px;font-size:25px;overflow-wrap:anywhere}
#hq-calling.calling-modern .call-avatar{height:64px;width:64px;display:grid;place-items:center;background:#e9e5ff;border-radius:50%;margin:auto;color:#6a50db;font-size:28px}
#hq-calling.calling-modern #active-phone{margin:6px 0;color:#72778c}
#hq-calling.calling-modern #call-status{font-size:16px;margin:18px 0 6px}
#hq-calling.calling-modern #call-timer{font-size:36px;letter-spacing:2px;font-variant-numeric:tabular-nums;margin:6px}
#hq-calling.calling-modern .calling-actions{display:flex;justify-content:center;gap:8px;margin:20px 0}
#hq-calling.calling-modern #call-start{background:#6952df;color:#fff;min-width:160px;border:0}
#hq-calling.calling-modern #call-end{background:#dc3d55;color:#fff;border:0;min-width:110px}
#hq-calling.calling-modern[data-call-phase=idle] #call-end,#hq-calling.calling-modern[data-call-phase=idle] #call-mute{display:none}
#hq-calling.calling-modern[data-call-phase=dialling] #call-start,#hq-calling.calling-modern[data-call-phase=ringing] #call-start,#hq-calling.calling-modern[data-call-phase=connected] #call-start{display:none}
#hq-calling.calling-modern[data-call-phase=connected] .calling-screen{background:#e9f8ef;border:1px solid #bce6cb}
#hq-calling.calling-modern[data-call-phase=connected] .call-avatar{background:#c5edd5;color:#16713a}
#hq-calling.calling-modern[data-call-phase=ringing] .calling-screen,#hq-calling.calling-modern[data-call-phase=dialling] .calling-screen{background:#efedff;border:1px solid #d9d2fc}
#hq-calling.calling-modern[data-call-result=failed] .calling-screen{background:#fff0f1;border:1px solid #f3c1c6}
#hq-calling.calling-modern[data-call-result=failed] #call-status{color:#ae2337}
#hq-calling.calling-modern .calling-keypad{margin:12px auto;gap:8px;max-width:240px}
#hq-calling.calling-modern .calling-keypad button{border-radius:50%;height:54px;width:54px;font-size:21px;background:white;margin:auto}
#hq-calling.calling-modern .calling-recording{text-align:left;border-top:1px solid #dde2eb;margin-top:12px;padding-top:8px;font-size:12px}
#hq-calling.calling-modern #recording-controls{border:0;padding:0}#hq-calling.calling-modern #recording-controls legend{display:none}
#hq-calling.calling-modern .calling-outcome{margin-top:24px;padding-top:8px;border-top:1px solid #ecebf3}
#hq-calling.calling-modern #call-save{background:#6952df;color:white;border:0}
#hq-calling.calling-modern .agenda-tabs{display:flex;gap:4px;background:#f4f5fa;padding:4px;border-radius:13px;flex-wrap:wrap}
#hq-calling.calling-modern .agenda-tabs button{flex:1;border:0;background:none;font-size:12px;margin:0;padding:8px}
#hq-calling.calling-modern .agenda-tabs button[aria-selected=true]{background:#fff;color:#6952df;box-shadow:0 2px 5px #27274712}
#hq-calling.calling-modern .agenda-panel{min-height:300px;max-height:650px;overflow:auto;padding-top:14px}
#hq-calling.calling-modern .agenda-panel h2{font-size:16px}
#hq-calling.calling-modern .call-history-item{border:1px solid #ececf3;border-radius:14px;padding:16px;margin:10px 0;font-size:13px;background:#fff}
#hq-calling.calling-modern .call-history-item p,#hq-calling.calling-modern .agenda-panel>p{color:#767b91;font-size:13px;line-height:1.6}
#hq-calling.calling-modern audio{width:100%;max-width:100%}
#hq-calling.calling-modern .calling-agenda>details{border-top:1px solid #ececf3;padding-top:16px;margin-top:20px;font-size:13px}
#hq-calling.calling-modern #incoming-controls{padding:18px;background:#fff8d9;border-radius:12px}
#hq-calling.calling-modern input[type=checkbox]{min-height:0}
@media(max-width:950px){#hq-calling.calling-modern .calling-grid{grid-template-columns:1fr}#hq-calling.calling-modern .calling-card{padding:20px}}
@media(prefers-reduced-motion:reduce){#hq-calling.calling-modern *{transition:none;scroll-behavior:auto}}
#hq-calling.calling-modern[data-call-phase=outcome] .calling-actions,#hq-calling.calling-modern[data-call-phase=outcome] .calling-digits,#hq-calling.calling-modern[data-call-phase=outcome] .calling-recording,#hq-calling.calling-modern[data-call-phase=outcome] .call-avatar{display:none}
#hq-calling.calling-modern[data-call-phase=outcome] .calling-screen{padding:12px;margin-top:0}
#hq-calling.calling-modern[data-call-phase=idle] #call-timer,#hq-calling.calling-modern[data-call-phase=idle] .calling-recording{display:none}

#hq-calling .calling-from{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;background:white;border:1px solid #e5e4ee;border-radius:16px;margin:16px 0;}#hq-calling .calling-from label{display:block;font-weight:650;margin-bottom:6px;}#hq-calling .calling-from select{min-width:280px;max-width:100%;}#hq-calling .calling-from p{flex-basis:100%;margin:0;color:#646577;font-size:12px;}@media(max-width:600px){#hq-calling .calling-from select{min-width:0;width:100%;}}

#hq-calling .calling-conversation{margin-top:24px;border-top:1px solid #e5e4ee;padding-top:20px;}#hq-calling .calling-conversation summary{font-weight:700;margin-bottom:16px;}#hq-calling #lead-conversation{max-height:340px;overflow:auto;margin:12px 0;}#hq-calling .lead-conversation-item{padding:12px;border-radius:12px;background:#f7f8fc;margin:8px 0;}#hq-calling .lead-conversation-item strong{font-size:12px;color:#66677b;}#hq-calling .lead-conversation-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;}

/* Full-width activity followed by a single split lead workspace. */
#hq-calling.calling-modern .calling-agenda{margin-top:20px;}
#hq-calling.calling-modern .calling-agenda .agenda-heading{display:flex;gap:16px;align-items:center;}
#hq-calling.calling-modern .calling-agenda h2{margin:0;}
#hq-calling.calling-modern .calling-agenda .agenda-tabs{margin:14px 0;max-width:650px;}
#hq-calling.calling-modern .calling-agenda .agenda-panel{height:170px;min-height:0;overflow:auto;}
#hq-calling.calling-modern .calling-agenda .agenda-panel h2{margin:8px 0;}
#hq-calling.calling-modern .calling-grid{display:block;}
#hq-calling.calling-modern .calling-workspace{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(340px,1.2fr);gap:0 32px;align-items:start;}
#hq-calling.calling-modern .calling-workspace-title{grid-column:1/-1;border-bottom:1px solid #ececf3;margin-bottom:22px;padding-bottom:16px;}
#hq-calling.calling-modern .calling-workspace-title h2{margin:6px 0 0;font-size:24px;}
#hq-calling.calling-modern .calling-interaction{min-width:0;border-left:1px solid #ececf3;padding-left:28px;}
#hq-calling.calling-modern .calling-interaction .calling-screen{margin-top:0;}
@media(max-width:950px){#hq-calling.calling-modern .calling-workspace{grid-template-columns:1fr;gap:20px;}#hq-calling.calling-modern .calling-interaction{padding-left:0;border-left:0;border-top:1px solid #ececf3;padding-top:20px;}}

#hq-calling .calling-conversation{border:1px solid #e5e6ee;border-radius:18px;padding:12px;margin-top:12px;background:#fff;}#hq-calling .calling-conversation summary{font-size:13px;margin:0 0 8px;}#hq-calling #lead-conversation{height:180px;max-height:180px;display:flex;flex-direction:column;gap:8px;padding:4px;margin:0;overflow:auto;}#hq-calling .lead-conversation-item{flex-shrink:0;max-width:85%;border-radius:16px;padding:8px 12px;margin:0;font-size:13px;}#hq-calling .lead-conversation-item.chat-out{align-self:flex-end;background:#e9e5ff;}#hq-calling .lead-conversation-item.chat-in{align-self:flex-start;background:#f0f1f4;}#hq-calling .lead-conversation-item.chat-event{align-self:center;background:transparent;text-align:center;font-size:11px;color:#767888;}#hq-calling .lead-conversation-item strong{font-size:10px;font-weight:400;}#hq-calling .lead-conversation-item p{margin:3px 0;}#hq-calling .chat-composer{display:flex;gap:6px;align-items:end;border-top:1px solid #eee;padding-top:8px;margin-top:8px;}#hq-calling .chat-composer textarea{resize:none;border-radius:18px;min-height:38px;max-height:80px;}#hq-calling .chat-composer button{background:#7455f6;color:white;border-radius:20px;}#hq-calling #call-text-status{font-size:11px;margin:4px 0 0;}#hq-calling.calling-modern .calling-screen{padding:12px;}#hq-calling.calling-modern .call-avatar{width:36px;height:36px;font-size:20px;margin:0 auto;}#hq-calling.calling-modern .calling-screen h2{font-size:18px;margin:6px 0;}#hq-calling.calling-modern .calling-agenda .agenda-panel{height:90px;}#hq-calling.calling-modern .calling-card{padding:16px;}#hq-calling.calling-modern .calling-workspace-title{padding-bottom:8px;margin-bottom:10px;}#hq-calling .calling-from{padding:8px 14px;margin:8px 0;}

#hq-calling.calling-modern .calling-workspace-title{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:14px;}#hq-calling .calling-title-label{margin-right:auto;min-width:150px;}#hq-calling.calling-modern .calling-workspace-title .calling-from{border:0;border-radius:0;padding:0;margin:0;gap:8px;flex:1 1 430px;max-width:570px;}#hq-calling.calling-modern .calling-workspace-title .calling-from label{margin:0 0 4px;}#hq-calling.calling-modern .calling-workspace-title .calling-from select{min-width:220px;}#hq-calling .calling-availability{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;}#hq-calling .calling-availability button{margin:0;}#hq-calling.calling-modern .calling-agenda .agenda-panel{height:297px;max-height:none;}#hq-calling.calling-modern .calling-agenda .call-history-item{padding:8px 12px;margin:4px 0;}#hq-calling.calling-modern .calling-agenda .call-history-item p{margin:4px 0;}#hq-calling.calling-modern .calling-agenda .call-history-item button{min-height:30px;padding:5px 10px;margin:2px;}@media(max-width:700px){#hq-calling .calling-availability{align-items:flex-start;}#hq-calling.calling-modern .calling-workspace-title .calling-from{max-width:100%;}#hq-calling.calling-modern .calling-agenda .agenda-panel{height:297px;}}

#hq-calling.calling-modern .calling-agenda .agenda-panel{overflow-y:scroll;scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:auto;}

/* Business calling presentation mirrors the shared HQ calling workspace. */
.manage-mode.business-horizontal #hq-calling.calling-modern{max-width:none;padding:16px;background:var(--color-brand-50,#f5f3ff);border-radius:12px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-card{border-radius:12px;padding:20px;box-shadow:none}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace{grid-template-columns:1fr 1fr;gap:20px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace-title{margin:0;padding:0;border:0;align-items:start}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace-title h2{font-size:20px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-interaction{padding:0;border:0}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-panel{height:260px;min-height:150px;max-height:260px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda{margin:20px 0 0}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-grid{margin-top:20px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-screen{border-radius:12px}
@media(max-width:800px){.manage-mode.business-horizontal #hq-calling.calling-modern{padding:8px}.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace{grid-template-columns:1fr}}
.manage-mode.business-horizontal #hq-calling.calling-modern>header{justify-content:flex-end;gap:8px;background:transparent}
.manage-mode.business-horizontal #hq-calling.calling-modern>header>div:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.manage-mode.business-horizontal #hq-calling.calling-modern>header .button,.manage-mode.business-horizontal #hq-calling.calling-modern>header button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:8px 12px;margin:0;border:1px solid #e5e7eb;border-radius:8px;background:#ffffffb3;text-decoration:none;font-size:14px;font-weight:500}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda{border-radius:22px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-panel{height:300px;min-height:300px;max-height:400px;padding:20px 16px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace{grid-template-columns:40% 1fr;border-radius:22px;padding:16px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-setup{padding-right:20px;border-right:1px solid #e9eaf0}
@media(max-width:800px){.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace{grid-template-columns:1fr}.manage-mode.business-horizontal #hq-calling.calling-modern .calling-setup{padding-right:0;border:0}}
.manage-mode.business-horizontal #main:has(#hq-calling.calling-modern){padding:8px 28px 32px}
.manage-mode.business-horizontal #hq-calling.calling-modern{padding:0;background:transparent}
.manage-mode.business-horizontal #hq-calling.calling-modern>header a{color:inherit;text-decoration:none}

/* Compact Business Mode calling workspace and activity sidebar. */
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px;align-items:start}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-grid>[hidden],#hq-calling [hidden]{display:none!important}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda{margin:0;min-width:0}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace{display:block;min-width:0}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace-title{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin-bottom:16px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace-title .calling-from{display:flex;flex:1;flex-wrap:nowrap;min-width:0;max-width:none}
#hq-calling .calling-from>div{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
#hq-calling.calling-modern .calling-workspace-title .calling-from label{white-space:nowrap;margin:0;font-size:12px}
#hq-calling.calling-modern .calling-workspace-title .calling-from select{min-width:0;width:100%;flex:1;margin:0}
#hq-calling #call-from-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#hq-calling #call-from-auto{margin:0;padding:8px;min-height:36px;font-size:12px}
#hq-calling #call-from-auto[aria-pressed=true]{background:#ede9fe;color:#5b3fbd}
#hq-calling .calling-availability{flex-shrink:0}
#hq-calling #callback-toggle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:none;border:0;padding:6px 0;font-size:12px;min-height:36px}
#hq-calling #callback-toggle:before{content:'';display:block;width:32px;height:20px;border-radius:12px;background:radial-gradient(circle at 10px 10px,#fff 7px,transparent 8px),#9294a1;flex-shrink:0}
#hq-calling #callback-toggle[aria-checked=true]:before{background:radial-gradient(circle at 22px 10px,#fff 7px,transparent 8px),#684ee5}
#hq-calling #callback-toggle:focus-visible{outline:2px solid #684ee5;outline-offset:3px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-setup{padding:0;border:0;margin-bottom:16px}
#hq-calling .calling-setup h2{display:none}
#hq-calling #call-target-feedback{font-size:13px;color:#8b4c16}
#hq-calling #call-edit-lead{font-size:13px}
.manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-heading .eyebrow{display:none}
#hq-calling.calling-modern .calling-agenda .agenda-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
#hq-calling.calling-modern .calling-agenda .agenda-panel{overflow-wrap:anywhere}
@media(max-width:1000px){.manage-mode.business-horizontal #hq-calling.calling-modern .calling-grid{grid-template-columns:1fr}.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace-title{flex-wrap:wrap}}
@media(max-width:600px){.manage-mode.business-horizontal #main:has(#hq-calling.calling-modern){padding:8px 12px 24px}.manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace-title .calling-from{flex-basis:100%}#hq-calling .calling-from>div{flex-wrap:wrap}#hq-calling .calling-from select{flex-basis:100%}}

#hq-calling .upcoming-lead{display:flex;align-items:center;gap:8px}#hq-calling .upcoming-lead>div{flex:1;min-width:0}#hq-calling .upcoming-lead button{flex:none}#hq-calling .upcoming-lead p{margin:4px 0}