#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} /* Personal calling totals and goals; keep Settings at the right of the top strip. */ #hq-calling header{gap:12px;flex-wrap:wrap}#hq-calling header>div:has(h1){display:none} #hq-calling .calling-metrics{display:flex;align-items:center;gap:12px;flex:1;min-width:0;flex-wrap:wrap} #hq-calling .calling-metrics label{margin:0;font-size:12px}#hq-calling .calling-metrics select{width:125px;padding:8px;margin-top:4px} #hq-calling .calling-metric-cards{display:flex;gap:12px;flex:1;flex-wrap:wrap}#hq-calling .calling-metric{display:grid;gap:5px;flex:1;min-width:140px;padding:12px 16px;background:#fff;border:1px solid #e5e6f0;border-radius:14px} #hq-calling .calling-metric strong{font-size:13px}#hq-calling .calling-metric span{font-size:16px;font-variant-numeric:tabular-nums}#hq-calling .calling-metric progress{width:100%;height:6px;accent-color:#6952df} #hq-calling .calling-metric-note{flex-basis:100%;font-size:11px;color:#687086}#hq-calling .calling-goals-form{display:flex;flex-basis:100%;gap:10px;align-items:end;flex-wrap:wrap}#hq-calling .calling-goals-form input{max-width:160px} @media(max-width:620px){#hq-calling .calling-metric-cards{flex-basis:100%}#hq-calling .calling-metric{min-width:100px;padding:10px}#hq-calling .calling-metrics{flex-basis:100%}} /* Compact dialler: identity and call actions share a row; optional tools expand below. */ #hq-calling.calling-modern .calling-screen{text-align:left;padding:12px 14px} #hq-calling .calling-compact-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap} #hq-calling.calling-modern .calling-compact-header .call-avatar{width:32px;height:32px;font-size:18px;margin:0;flex-shrink:0} #hq-calling .calling-contact-identity{flex:1;min-width:120px} #hq-calling.calling-modern .calling-contact-identity h2{font-size:17px;line-height:1.3;margin:0} #hq-calling.calling-modern #active-phone{font-size:13px;line-height:1.4;margin:2px 0 0;overflow-wrap:anywhere} #hq-calling.calling-modern .calling-actions{margin:0;gap:6px;flex-wrap:wrap;justify-content:flex-start} #hq-calling.calling-modern .calling-actions button{margin:0;min-height:40px;padding:8px 16px} #hq-calling.calling-modern #call-start,#hq-calling.calling-modern #call-end{min-width:88px} #hq-calling.calling-modern #call-status{font-size:13px;line-height:1.4;font-weight:500;margin:8px 0 0} #hq-calling.calling-modern #call-timer{font-size:24px;margin:6px 0} #hq-calling.calling-modern .calling-digits{margin-top:4px;font-size:13px} #hq-calling.calling-modern .calling-digits summary{padding:6px 0} #hq-calling.calling-modern .calling-keypad{margin:8px 0} /* One compact metrics row, aligned with the 36px Settings control. */ .manage-mode.business-horizontal #hq-calling.calling-modern>header{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:8px;padding-bottom:2px} #hq-calling .calling-metrics{flex:1 0 auto;flex-wrap:nowrap;gap:8px} #hq-calling .calling-metrics select{width:110px;height:36px;min-height:36px;margin:0;padding:6px 10px;font-size:13px;border-radius:8px} #hq-calling .calling-metric-cards{display:flex;flex-wrap:nowrap;gap:8px;flex:1} #hq-calling .calling-metric{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:110px;height:36px;box-sizing:border-box;padding:6px 12px;border-radius:8px;white-space:nowrap} #hq-calling .calling-metric strong,#hq-calling .calling-metric span{font-size:13px;line-height:20px} #hq-calling .calling-metric-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .manage-mode.business-horizontal #hq-calling.calling-modern>header>.button{flex-shrink:0;box-sizing:border-box;white-space:nowrap} /* Match the agenda to the calling workspace without letting the list grow the row. */ @media(min-width:1001px){ .manage-mode.business-horizontal #hq-calling.calling-modern .calling-grid{align-items:stretch;min-height:max(720px,calc(100dvh - 240px))} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda{display:flex;flex-direction:column;min-height:0} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-heading, .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-tabs{flex-shrink:0} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-panel{flex:1 1 0;height:0;min-height:0;max-height:none;overflow-y:auto} } /* Lead review and focused dial workspace only; global navigation is unchanged. */ #hq-calling .calling-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px} #hq-calling .calling-lead-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#f7f6fd;padding:16px;border-radius:14px} #hq-calling .calling-lead-facts dt{font-size:12px;color:#727188}#hq-calling .calling-lead-facts dd{margin:4px 0;overflow-wrap:anywhere} #hq-calling .calling-brief-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}#hq-calling .calling-brief-sections section{max-height:480px;overflow:auto;min-width:0}#hq-calling .calling-brief-sections article{border-bottom:1px solid #eee;padding:10px 0;font-size:13px}#hq-calling .calling-brief-sections p{white-space:pre-wrap;overflow-wrap:anywhere} #hq-calling .calling-prepare-dialog{width:min(1400px,94vw);max-width:94vw;height:88dvh;max-height:88dvh;box-sizing:border-box;border:1px solid #e4def4;border-radius:22px;padding:24px;color:#28243c;background:#fff;overflow:auto} #hq-calling .calling-prepare-dialog::backdrop{background:#26213e80}#hq-calling .calling-prepare-dialog>header{position:sticky;top:-24px;background:white;z-index:2;padding:8px 0;border-bottom:1px solid #eee} #hq-calling .calling-prepare-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;padding-top:16px}#hq-calling .calling-prepare-controls,#hq-calling #calling-script-panel{min-width:0}#hq-calling #calling-script-panel{border:1px solid #e5e0f0;border-radius:16px;padding:18px} @media(max-width:800px){#hq-calling .calling-prepare-columns,#hq-calling .calling-brief-sections{grid-template-columns:1fr}#hq-calling .calling-prepare-dialog{padding:14px;width:96vw;max-width:96vw}} #hq-calling .calling-script-document{height:55dvh;min-height:360px;resize:vertical;line-height:1.75;font-size:16px;padding:24px;background:#fff;white-space:pre-wrap;font-family:inherit} /* Lead briefing: compact facts and three independent review cards. */ #hq-calling .calling-review-heading h2{margin:0;font-size:20px} #hq-calling .calling-review-heading h2 small{font-size:13px;font-weight:600} #hq-calling .calling-brief-company{margin:6px 0 16px;color:#727188} #hq-calling .calling-lead-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:14px 8px} #hq-calling .calling-lead-facts>div{display:flex;align-items:center;gap:10px;padding:0 12px;min-width:0;border-right:1px solid #e5e1f3} #hq-calling .calling-lead-facts>div:last-child{border-right:0} #hq-calling .calling-lead-facts>div>div{min-width:0} #hq-calling .calling-brief-icon{width:20px;height:20px;flex-shrink:0;color:#7053f5} #hq-calling .calling-brief-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #hq-calling .calling-brief-card{border:1px solid #e5e1f3;border-radius:14px;padding:14px;min-height:190px} #hq-calling .calling-brief-card header{display:flex;align-items:center;justify-content:space-between;gap:8px} #hq-calling .calling-brief-card h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px} #hq-calling .calling-brief-card header a,#hq-calling .calling-brief-toggle{color:#7053f5;font-size:12px;white-space:nowrap} #hq-calling .calling-brief-toggle{background:none;border:0;padding:0;min-height:0;box-shadow:none;cursor:pointer} #hq-calling .calling-brief-sections article{padding:12px 0;border-bottom:1px solid #eee} #hq-calling .calling-brief-sections article small{display:block;margin-top:4px;color:#727188} #hq-calling .calling-brief-sections article p{margin:6px 0 0;color:#727188} #hq-calling .calling-brief-notes,#hq-calling .calling-brief-empty{font-size:13px;color:#727188;line-height:1.6} #hq-calling .calling-brief-record{display:inline-block;margin-top:16px;font-size:13px} @media(max-width:1100px){#hq-calling .calling-lead-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}#hq-calling .calling-lead-facts>div:nth-child(2){border-right:0}} @media(max-width:800px){#hq-calling .calling-brief-sections{grid-template-columns:1fr}} @media(max-width:480px){#hq-calling .calling-lead-facts{grid-template-columns:1fr}#hq-calling .calling-lead-facts>div{border:0}} /* Goals share a single progress strip; the period sits beside Settings. */ #hq-calling .calling-metrics{flex:1 1 auto;min-width:0} #hq-calling .calling-metric-cards{gap:0;border:1px solid #e5e6f0;border-radius:10px;background:#fff;padding:8px 0;min-width:540px} #hq-calling .calling-metric{height:44px;border:0;border-right:1px solid #ece9f6;border-radius:0;background:transparent;padding:0 12px;gap:10px;min-width:0} #hq-calling .calling-metric:last-child{border-right:0} #hq-calling .calling-metric .calling-metric-icon{display:flex;align-items:center;justify-content:center;background:#f5f2ff;color:#7053f5;width:34px;height:34px;flex:0 0 34px;border-radius:9px} #hq-calling .calling-metric-icon svg{width:22px;height:22px} #hq-calling .calling-metric-details{flex:1;min-width:0} #hq-calling .calling-metric-details>strong{display:block;font-size:11px;line-height:16px;font-weight:500} #hq-calling .calling-metric-progress{display:flex;align-items:center;gap:8px;position:relative} #hq-calling .calling-metric-progress>span{font-weight:700;font-size:14px} #hq-calling .calling-metric-progress>small{position:absolute;right:0;top:-14px;font-size:9px;color:#727188} #hq-calling .calling-metric-track{flex:1;height:5px;min-width:20px;background:#eae6f6;border-radius:999px;overflow:hidden} #hq-calling .calling-metric-track>div{height:100%;background:#7053f5;border-radius:inherit} #hq-calling .calling-metrics select{flex:0 0 110px} /* Keep four progress metrics readable on narrow screens. */ @media(max-width:900px){#hq-calling .calling-metric-cards{min-width:0;flex-wrap:wrap}#hq-calling .calling-metric{flex:1 1 40%;margin:4px 0}#hq-calling .calling-metric:nth-child(2){border-right:0}} .calling-brief-call-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.calling-brief-call-heading button{margin-left:auto}.calling-brief-card audio{width:100%;margin-top:.5rem} #hq-calling #calling-agenda-search{display:block;width:100%;box-sizing:border-box;margin:0 0 10px;} #hq-calling .call-history-item[hidden]{display:none!important;} /* Compact lead facts and the real lead workspace, without leaving the call page. */ #hq-calling .calling-lead-facts{gap:10px;padding:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} #hq-calling .calling-lead-facts>div{border:0;padding:10px;background:#fff;border-radius:8px;align-items:flex-start} #hq-calling .calling-lead-name{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;text-decoration:underline;text-decoration-color:#c7baf5;text-underline-offset:4px;cursor:pointer} #hq-calling .calling-lead-name:focus-visible{outline:2px solid #7450e8;outline-offset:4px} #hq-calling .calling-lead-dialog{width:min(1200px,94vw);height:90dvh;max-height:94dvh;padding:16px;border:1px solid #ded9ec;border-radius:16px} #hq-calling .calling-lead-dialog[open]{display:flex;flex-direction:column;gap:10px} #hq-calling .calling-lead-dialog::backdrop{background:rgb(20 15 40 / .45)} #hq-calling .calling-lead-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px} #hq-calling .calling-lead-dialog h2{font-size:18px;margin:0} #hq-calling .calling-lead-dialog iframe{flex:1;min-height:0;width:100%;border:0;background:white} @media(max-width:480px){#hq-calling .calling-lead-facts{grid-template-columns:1fr}} /* Fit the actual desktop viewport at normal zoom; content scrolls inside its pane. */ @media(min-width:1001px) and (min-height:600px){ .manage-mode.business-horizontal #main:has(#hq-calling.calling-modern){padding-bottom:12px} .manage-mode.business-horizontal #hq-calling.calling-modern{height:var(--calling-available-height,calc(100dvh - 144px));min-height:0;display:flex;flex-direction:column;max-width:none;overflow:hidden} .manage-mode.business-horizontal #hq-calling.calling-modern>header{flex:0 0 auto} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-grid{flex:1;min-height:0;height:auto;grid-template-columns:clamp(260px,28vw,380px) minmax(0,1fr);gap:16px;margin-top:12px;overflow:hidden;align-items:stretch} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-card{padding:16px;min-height:0;overflow:hidden} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda{display:flex;flex-direction:column} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-panel{flex:1;min-height:0;height:0;max-height:none;overflow:auto;padding:4px 0;overscroll-behavior:contain} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-heading, .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-tabs, .manage-mode.business-horizontal #hq-calling.calling-modern #calling-agenda-search{flex-shrink:0} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace{display:flex;flex-direction:column;gap:0} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace-title{flex:0 0 auto;margin-bottom:8px} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-setup{flex:0 0 auto;padding:0;border:0} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-lead-review{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-top:8px} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-review-heading{position:sticky;top:0;background:#fff;z-index:1;padding:4px 0} #hq-calling .calling-lead-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:8px} #hq-calling .calling-lead-facts>div{padding:8px} #hq-calling .calling-brief-card{min-height:0;padding:12px} #hq-calling .calling-brief-sections section{max-height:clamp(160px,32dvh,360px)} } @media(max-width:1000px),(max-height:599px){ .manage-mode.business-horizontal #hq-calling.calling-modern .calling-grid{min-height:0;grid-template-columns:minmax(0,1fr)} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-panel{height:240px;min-height:0;max-height:40dvh} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace{display:block} } #hq-calling .calling-brief-sections{min-width:0} #hq-calling .calling-brief-sections>section{min-width:0;overflow-wrap:anywhere} /* A single ordered fact strip; narrow screens scroll the strip instead of shrinking text. */ #hq-calling .calling-lead-facts{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;padding:6px;overflow-x:auto} #hq-calling .calling-lead-facts>div{min-width:0;padding:8px;display:block} #hq-calling .calling-lead-facts>div>svg{display:none} #hq-calling .calling-lead-facts>div>div{min-width:0} #hq-calling .calling-lead-facts dt{font-size:11px;line-height:1.3;margin-bottom:6px} #hq-calling .calling-lead-facts dd{font-size:12px;line-height:1.4;overflow-wrap:anywhere;word-break:normal} @media(max-width:1200px){#hq-calling .calling-lead-facts{grid-template-columns:repeat(10,minmax(100px,1fr))}} /* Align the agenda controls and list; create leads without leaving the current call workspace. */ #hq-calling.calling-modern .calling-agenda .agenda-tabs{width:100%;max-width:none;box-sizing:border-box} #hq-calling .calling-agenda-search-row{display:flex;align-items:stretch;gap:8px;width:100%;box-sizing:border-box;flex-shrink:0;margin-bottom:10px} #hq-calling .calling-agenda-search-row #calling-agenda-search{flex:1;min-width:0;width:auto;margin:0} #hq-calling .calling-agenda-add-lead{flex:0 0 38px;min-height:38px;margin:0;padding:0;font-size:24px;line-height:1;border-radius:8px} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-panel{width:100%;box-sizing:border-box;padding:4px 0} #hq-calling.calling-modern .calling-agenda .call-history-item{box-sizing:border-box;width:100%;margin-left:0;margin-right:0} #hq-calling .calling-phone-error{display:block;color:#a4262c;font-size:11px;line-height:1.4;margin-top:6px} /* Keep lead selection and call preparation together without duplicate identity rows. */ #hq-calling.calling-modern .calling-lead-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 8px} #hq-calling.calling-modern .calling-lead-toolbar>label{margin:0;margin-right:auto} #hq-calling.calling-modern .calling-lead-toolbar .calling-availability{margin:0} #hq-calling.calling-modern .calling-lead-toolbar button{margin:0} #hq-calling.calling-modern .calling-lead-toolbar .calling-review-heading{position:static;padding:0;background:transparent} #hq-calling.calling-modern .calling-lead-toolbar .calling-lead-name{font-size:12px;font-weight:500} #hq-calling.calling-modern #call-lead-search{display:block;width:100%;max-width:none;min-width:0;box-sizing:border-box;margin:0} #hq-calling.calling-modern #call-lead-hint{margin:4px 0 0;font-size:11px} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-setup{margin-bottom:4px} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-lead-review{padding-top:0} @media(max-width:600px){#hq-calling.calling-modern .calling-lead-toolbar{gap:8px}#hq-calling.calling-modern .calling-lead-toolbar .calling-review-heading{flex-basis:100%}} #hq-calling.calling-modern .calling-setup{width:100%;min-width:0;box-sizing:border-box;align-self:stretch} #hq-calling.calling-modern .calling-lead-toolbar .calling-review-heading h2{display:block;margin:0} /* Compact, expandable lead history cards. */ #hq-calling .calling-brief-sections{margin-top:24px;gap:16px;align-items:start} #hq-calling .calling-brief-sections>.calling-brief-card{background:#fff;border:1px solid #e8e7ef;border-radius:16px;padding:16px;min-height:0;max-height:none;overflow:visible;box-shadow:0 2px 8px #29234d04} #hq-calling .calling-brief-card>header{padding-bottom:12px;border-bottom:1px solid #efedf5;margin-bottom:4px} #hq-calling .calling-brief-sections article{padding:0;border-bottom:1px solid #f0eef5} #hq-calling .calling-brief-sections article:last-child{border-bottom:0} #hq-calling .calling-activity-row>summary,#hq-calling .calling-note-row>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:12px 0;margin:0;font-size:12px;font-weight:500;color:#343047} #hq-calling .calling-activity-row>summary::-webkit-details-marker,#hq-calling .calling-note-row>summary::-webkit-details-marker{display:none} #hq-calling .calling-activity-row>summary:before,#hq-calling .calling-note-row>summary:before{content:'›';font-size:18px;line-height:1;color:#8a819e;flex-shrink:0;transition:transform .15s} #hq-calling .calling-activity-row[open]>summary:before,#hq-calling .calling-note-row[open]>summary:before{transform:rotate(90deg)} #hq-calling .calling-activity-row>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1} #hq-calling .calling-activity-row time{font-size:10px;color:#81798e;white-space:nowrap;font-weight:400;flex-shrink:0} #hq-calling .calling-activity-detail{padding:0 0 12px 18px;font-size:12px;line-height:1.6} #hq-calling .calling-activity-detail button{margin:8px 0 0;font-size:12px} #hq-calling .calling-brief-card .calling-note-row{border-bottom:1px solid #f0eef5} #hq-calling .calling-brief-card .calling-note-row:last-child{border-bottom:0} #hq-calling .calling-note-row>p,#hq-calling .calling-note-row>small{display:block;margin:0 0 12px;padding-left:18px;font-size:12px;line-height:1.6} #hq-calling .calling-brief-empty{padding:12px 0;margin:0;font-size:12px;color:#81798e} #hq-calling .calling-activity-row>summary:focus-visible,#hq-calling .calling-note-row>summary:focus-visible{outline:2px solid #7455f6;outline-offset:3px;border-radius:4px} @media(min-width:801px) and (max-width:1150px){#hq-calling .calling-brief-sections{grid-template-columns:1fr 1fr}#hq-calling .calling-brief-sections>.calling-brief-card:last-child{grid-column:1/-1}} /* Message history stays compact; open each email independently. */ #hq-calling .calling-message-cards{display:grid;gap:10px;padding-top:4px} #hq-calling .calling-message-card{min-width:0;border:1px solid #e7e4ee;border-radius:10px;background:#faf9fc;padding:0 12px} #hq-calling .calling-message-card>summary{cursor:pointer;padding:12px 0;margin:0;display:flex;gap:8px;align-items:center;list-style:none;font-weight:500} #hq-calling .calling-message-card>summary:before{content:'›';flex-shrink:0} #hq-calling .calling-message-card[open]>summary:before{transform:rotate(90deg)} #hq-calling .calling-message-card>summary::-webkit-details-marker{display:none} #hq-calling .calling-message-card>summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} #hq-calling .calling-message-card>p{margin:0 0 12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere} #hq-calling .calling-message-card>summary:focus-visible{outline:2px solid #7455f6;outline-offset:2px;border-radius:4px} /* Lead identity opens details; actions stay aligned at the right edge. */ #hq-calling.calling-modern .calling-lead-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center} #hq-calling.calling-modern .calling-lead-toolbar>label{margin:0} #hq-calling.calling-modern .calling-lead-toolbar .calling-review-heading{min-width:0;margin:0} #hq-calling.calling-modern .calling-lead-toolbar .calling-review-heading h2{margin:0;min-width:0} #hq-calling.calling-modern .calling-lead-toolbar .calling-lead-name{background:transparent;border:0;padding:4px 0;text-align:left;color:#5135bf;font-size:16px;font-weight:700;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px} #hq-calling.calling-modern .calling-lead-toolbar #prepare-dial{grid-column:4;justify-self:end;white-space:nowrap;min-height:42px} #hq-calling.calling-modern #callback-toggle{min-height:42px;border:2px solid #111;border-radius:10px;padding:9px 14px;background:#fff;color:#111;font-weight:700;white-space:nowrap} #hq-calling.calling-modern #callback-toggle[aria-checked="true"]{background:#7053f5;color:#fff} #hq-calling.calling-modern #callback-toggle:focus-visible{outline:3px solid #b5a5ff;outline-offset:3px} @media(max-width:600px){#hq-calling.calling-modern .calling-lead-toolbar{grid-template-columns:auto minmax(0,1fr);gap:10px}#hq-calling.calling-modern .calling-lead-toolbar .calling-availability{grid-column:1;grid-row:2}#hq-calling.calling-modern .calling-lead-toolbar #prepare-dial{grid-column:2;grid-row:2}} #hq-calling.calling-modern #callback-toggle:before{display:none} /* Equal-height activity cards with restrained, readable colour accents. */ #hq-calling .calling-brief-sections{align-items:stretch} #hq-calling .calling-brief-sections>.calling-brief-card{box-sizing:border-box;min-height:190px;background:#faf8ff;border-color:#ddd4f4;border-top:3px solid #8765d8} #hq-calling .calling-brief-sections>.calling-brief-card:nth-of-type(2){background:#f4f9ff;border-color:#ccdeef;border-top-color:#5186b8} #hq-calling .calling-brief-sections>.calling-brief-card:nth-of-type(3){background:#f2faf7;border-color:#cce6db;border-top-color:#43866f} #hq-calling .calling-brief-card>header{min-height:42px;box-sizing:border-box;border-bottom-color:#dce0e9} #hq-calling .calling-brief-card h3{color:#29233d} #hq-calling .calling-brief-card .calling-brief-empty,#hq-calling .calling-activity-row time{color:#625a71} @media(max-width:800px){#hq-calling .calling-brief-sections>.calling-brief-card{min-height:0}} /* Prepare Dial: viewport-sized workspace, one-third controls and two-thirds script. */ #hq-calling .calling-prepare-dialog{width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;margin:12px;padding:16px;border-radius:16px;overflow:hidden} #hq-calling .calling-prepare-dialog[open]{display:flex;flex-direction:column} #hq-calling .calling-prepare-dialog>header{position:static;flex:none;padding:0 0 12px} #hq-calling .calling-prepare-dialog>header h2{margin:0} #hq-calling .calling-prepare-columns{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px;flex:1;min-height:0;padding-top:12px;overflow:hidden} #hq-calling .calling-prepare-controls{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto} #hq-calling.calling-modern .calling-prepare-from{margin:0;padding:0;display:block} #hq-calling .calling-prepare-from .calling-from{margin:0;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px} #hq-calling .calling-prepare-from .calling-from>div{min-width:0} #hq-calling .calling-prepare-from #call-from-hint{grid-column:1/-1;margin:0;font-size:11px} #hq-calling .calling-prepare-dialog select{width:100%;min-width:0;box-sizing:border-box} #hq-calling .calling-prepare-dialog .calling-destination{margin:0} #hq-calling.calling-modern .calling-prepare-controls .calling-interaction{display:grid;grid-template-rows:minmax(200px,1fr) minmax(200px,1fr);gap:10px;flex:1;min-height:420px;padding:0;border:0} #hq-calling.calling-modern .calling-prepare-dialog .calling-screen,#hq-calling .calling-prepare-dialog .calling-conversation{box-sizing:border-box;margin:0;padding:12px;border:1px solid #ddd9ed;border-radius:12px;min-height:0;overflow:auto} #hq-calling .calling-prepare-dialog .calling-conversation{display:flex;flex-direction:column;background:#f8f6ff} #hq-calling .calling-prepare-dialog #lead-conversation{height:auto;min-height:32px;max-height:none;flex:1} #hq-calling .calling-prepare-dialog .calling-conversation>summary{flex:none} #hq-calling .calling-prepare-dialog .calling-compact-header{flex-wrap:wrap;gap:8px} #hq-calling .calling-prepare-dialog .calling-actions{flex-wrap:wrap;margin:0} #hq-calling .calling-prepare-dialog #calling-script-panel{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:16px;background:#fcfbff} #hq-calling .calling-prepare-dialog #calling-script-panel h2,#hq-calling .calling-prepare-dialog #calling-script-panel p{margin:0} #hq-calling .calling-prepare-dialog .calling-script-document{flex:1;min-height:160px;height:auto;width:100%;box-sizing:border-box;resize:none;padding:16px;font-size:15px;line-height:1.55} #hq-calling .calling-prepare-dialog .calling-script-import{font-size:12px} #hq-calling[data-call-phase=outcome] .calling-prepare-controls .calling-interaction{display:flex;flex-direction:column} @media(max-width:800px){#hq-calling .calling-prepare-dialog{margin:6px;width:calc(100vw - 12px);height:calc(100dvh - 12px);padding:12px}#hq-calling .calling-prepare-columns{grid-template-columns:1fr;overflow:auto}#hq-calling .calling-prepare-controls{overflow:visible}#hq-calling .calling-prepare-dialog #calling-script-panel{min-height:480px;overflow:visible}#hq-calling .calling-prepare-dialog .calling-script-document{min-height:300px}} #hq-calling .calling-prepare-dialog .cloudtalk-panel{margin:8px 0 0;padding:8px;font-size:12px;border-radius:8px} #hq-calling .calling-prepare-dialog .cloudtalk-panel h3{margin:0 0 4px;font-size:12px} #hq-calling .calling-prepare-dialog .cloudtalk-panel p{margin:0;line-height:1.4} #hq-calling .calling-prepare-dialog .calling-conversation>h3{flex:none;margin:0 0 8px;font-size:13px} #hq-calling .calling-prepare-dialog .calling-conversation .chat-composer{flex:none} /* User-specific callback preference and browser connection status. */ #hq-calling .callback-settings{width:min(100%,340px);min-width:220px;text-align:left} #hq-calling .callback-settings details{padding:8px;border:1px solid var(--border,#d9e1e8);border-radius:8px} #hq-calling .callback-settings summary{cursor:pointer;font-weight:600} #hq-calling .callback-settings label{display:grid;gap:4px;margin:8px 0} #hq-calling .callback-settings select,#hq-calling .callback-settings input{width:100%;min-width:0} #hq-calling .callback-settings p{font-size:12px;line-height:1.5;margin:8px 0;max-width:340px} #hq-calling .callback-settings [data-callback-schedule]:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:8px} #hq-calling .callback-settings [data-callback-schedule]>label:first-child{grid-column:1/-1} #hq-calling .callback-settings #callback-toggle{border:1px solid #52647a;border-radius:8px;padding:8px 12px;background:#fff;color:#152b44;white-space:normal} #hq-calling .callback-settings #callback-toggle:before{display:none} /* Calling review: readable facts, distinct controls, and full-width notes. */ #hq-calling .calling-workspace{container-type:inline-size;container-name:calling-review} #hq-calling.calling-modern .calling-lead-toolbar{display:flex;justify-content:flex-end;align-items:flex-start;gap:16px;flex-wrap:wrap} #hq-calling.calling-modern .calling-lead-toolbar>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #hq-calling.calling-modern .calling-lead-toolbar .calling-review-heading{margin-right:auto;align-self:center} #hq-calling.calling-modern .calling-lead-toolbar .calling-lead-name{font-size:13px;font-weight:600} #hq-calling.calling-modern .calling-lead-toolbar #prepare-dial{align-self:flex-start;flex:none} #hq-calling .callback-settings{width:280px;min-width:0;max-width:100%} #hq-calling .callback-settings details{border:0;padding:0;background:transparent} #hq-calling .callback-settings summary{padding:10px 0;color:#5135bf;font-size:13px;text-decoration:underline;text-underline-offset:3px;list-style:revert} #hq-calling .callback-settings details[open]{padding:0 12px 12px;background:#f7f6fd;border:1px solid #e5e0f0;border-radius:10px} #hq-calling .callback-settings #callback-toggle{font-size:12px;min-height:36px;box-shadow:none} #hq-calling .calling-lead-facts{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;padding:10px;overflow:visible} #hq-calling .calling-lead-facts>div{grid-column:span 2;padding:12px;border:0} #hq-calling .calling-lead-facts>div:nth-child(n+7){grid-column:span 3} #hq-calling .calling-lead-facts dt{font-size:12px} #hq-calling .calling-lead-facts dd{font-size:13px;line-height:1.5} #hq-calling .calling-brief-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #hq-calling .calling-brief-sections>.calling-brief-card:last-child,#hq-calling .calling-brief-sections>[role="status"]{grid-column:1/-1} #hq-calling .calling-brief-sections>.calling-brief-card:last-child{min-height:0} @container calling-review (max-width:650px){ #hq-calling .calling-lead-facts{grid-template-columns:repeat(3,minmax(0,1fr))} #hq-calling .calling-lead-facts>div,#hq-calling .calling-lead-facts>div:nth-child(n+7){grid-column:auto} } @container calling-review (max-width:420px){ #hq-calling .calling-lead-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px} #hq-calling .calling-brief-sections{grid-template-columns:minmax(0,1fr)} #hq-calling.calling-modern .calling-lead-toolbar .calling-availability{flex:1 1 100%;order:3} #hq-calling .callback-settings{width:100%} } /* The three requested actions share one top-right button treatment. */ #hq-calling.calling-modern .calling-lead-toolbar{align-items:flex-start} #hq-calling .callback-settings{width:auto;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:start} #hq-calling .callback-settings details{grid-column:1;grid-row:1;padding:0;border:0;background:transparent} #hq-calling .callback-settings details[open]{max-width:320px;padding:0;background:transparent;border:0} #hq-calling .callback-settings [data-callback-status]{grid-column:1/-1;grid-row:2;margin:0;font-size:12px} #hq-calling .callback-settings #callback-toggle{grid-column:2;grid-row:1} #hq-calling.calling-modern .callback-settings summary, #hq-calling.calling-modern .callback-settings #callback-toggle, #hq-calling.calling-modern .calling-lead-toolbar #prepare-dial{box-sizing:border-box;display:block;min-height:42px;margin:0;padding:10px 14px;border:1px solid #7053f5;border-radius:10px;background:#7053f5;color:white;font-family:inherit;font-size:13px;font-weight:600;line-height:20px;text-decoration:none;white-space:nowrap;box-shadow:none;cursor:pointer} #hq-calling.calling-modern .callback-settings summary{list-style:none;font-family:inherit;font-size:13px;font-weight:600;line-height:20px} #hq-calling .callback-settings summary::-webkit-details-marker{display:none} #hq-calling .callback-settings summary:focus-visible{outline:3px solid #b5a5ff;outline-offset:3px} #hq-calling .callback-settings #callback-toggle:disabled{cursor:default;opacity:.5} @container calling-review (max-width:420px){ #hq-calling .callback-settings{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)} #hq-calling.calling-modern .callback-settings summary,#hq-calling.calling-modern .callback-settings #callback-toggle{white-space:normal;text-align:center} } /* Selected lead occupies half the desktop action row and opens its full record. */ #hq-calling.calling-modern .calling-lead-toolbar{display:grid;grid-template-columns:minmax(0,50%) auto auto;gap:12px;align-items:start} #hq-calling .calling-lead-selection{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px} #hq-calling .calling-lead-selection>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #hq-calling.calling-modern .calling-lead-selection .calling-review-heading{margin:0;min-width:0;align-self:stretch} #hq-calling.calling-modern .calling-lead-selection .calling-lead-name{display:block;width:100%;min-height:42px;box-sizing:border-box;padding:10px 12px;border:1px solid #d9d2ed;border-radius:10px;background:#fbfaff;color:#5135bf;font-size:13px;line-height:20px;text-align:left;overflow-wrap:anywhere} #hq-calling .calling-lead-selection #call-lead-search,#hq-calling .calling-lead-selection #call-lead-hint{grid-column:1/-1} #hq-calling.calling-modern .calling-lead-toolbar #prepare-dial{grid-column:auto} #hq-calling .calling-lead-selection [hidden]{display:none!important} @container calling-review (max-width:760px){ #hq-calling.calling-modern .calling-lead-toolbar{grid-template-columns:minmax(0,1fr) auto} #hq-calling .calling-lead-selection{grid-column:1/-1} #hq-calling.calling-modern .calling-lead-toolbar .calling-availability{grid-column:1;grid-row:auto;order:0} #hq-calling.calling-modern .calling-lead-toolbar #prepare-dial{grid-column:2;grid-row:auto} } @container calling-review (max-width:420px){ #hq-calling.calling-modern .calling-lead-toolbar{display:flex} #hq-calling .calling-lead-selection{flex:1 1 100%} #hq-calling.calling-modern .calling-lead-toolbar .calling-availability{order:0} } /* Let the lead review use the whole card and grow with expanded history. */ .manage-mode.business-horizontal #hq-calling.calling-modern{height:auto;min-height:0;overflow:visible} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-grid{height:auto;min-height:0;overflow:visible;align-items:start} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-workspace{width:100%;box-sizing:border-box;overflow:visible;align-items:stretch} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-lead-review{flex:none;width:100%;max-width:none;min-height:0;height:auto;max-height:none;overflow:visible;align-self:stretch;box-sizing:border-box} #hq-calling #calling-lead-overview{width:100%;min-width:0;box-sizing:border-box} @media(min-width:1001px) and (min-height:600px){ .manage-mode.business-horizontal #hq-calling.calling-modern .calling-agenda .agenda-panel{flex:none;height:auto;max-height:60dvh;overflow:auto} } /* Ten facts: five equal tiles per row; Revenue starts the second row. */ #hq-calling .calling-lead-facts{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr} #hq-calling .calling-lead-facts>div,#hq-calling .calling-lead-facts>div:nth-child(n+7){grid-column:auto} @container calling-review (max-width:650px){#hq-calling .calling-lead-facts{grid-template-columns:repeat(3,minmax(0,1fr))}} @container calling-review (max-width:420px){#hq-calling .calling-lead-facts{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Left-aligned lead selection and two equal primary controls. */ #hq-calling.calling-modern .calling-lead-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 136px 136px;justify-content:stretch;align-items:start;gap:12px} #hq-calling.calling-modern .calling-lead-toolbar .calling-availability{grid-column:2;grid-row:1;order:0;display:block;margin:0} #hq-calling .calling-lead-selection{grid-column:1;grid-row:1;width:100%} #hq-calling .callback-settings{display:block;width:100%} #hq-calling.calling-modern .calling-lead-toolbar .callback-launcher,#hq-calling.calling-modern .calling-lead-toolbar #prepare-dial{grid-column:3;grid-row:1;width:136px;height:44px;min-height:44px;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid #d9d2ed;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;line-height:20px;white-space:nowrap;box-shadow:none} #hq-calling.calling-modern .calling-lead-toolbar .callback-launcher{background:#fff;color:#29233d;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer} #hq-calling.calling-modern .callback-launcher[data-state="connected"]{background:#16803c;color:#fff;border-color:#16803c} #hq-calling.calling-modern .callback-launcher[data-state="disconnected"]{background:#b42318;color:#fff;border-color:#b42318} #hq-calling .callback-launcher:focus-visible{outline:3px solid #b5a5ff;outline-offset:3px} #hq-calling #call-lead-hint{display:none} #hq-calling .calling-lead-review:has(#calling-lead-overview:empty){display:none} #hq-calling .callback-dialog{width:min(420px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-sizing:border-box;padding:20px;border:1px solid #d9d2ed;border-radius:16px;background:#fff;color:#29233d} #hq-calling .callback-dialog::backdrop{background:rgb(25 20 40 / 35%)} #hq-calling .callback-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px} #hq-calling .calling-setup .callback-dialog h2{display:block;margin:0;font-size:18px} #hq-calling .callback-dialog label{display:grid;gap:6px;margin-bottom:12px} #hq-calling .callback-dialog select,#hq-calling .callback-dialog input{width:100%;box-sizing:border-box} #hq-calling .callback-dialog [data-callback-status]{margin:12px 0;font-size:13px} #hq-calling .callback-dialog #callback-toggle{margin-top:12px} @container calling-review (max-width:760px){ #hq-calling.calling-modern .calling-lead-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} #hq-calling .calling-lead-selection{grid-column:1/-1;grid-row:1} #hq-calling.calling-modern .calling-lead-toolbar .calling-availability{grid-column:1;grid-row:2} #hq-calling.calling-modern .calling-lead-toolbar #prepare-dial{grid-column:2;grid-row:2} #hq-calling.calling-modern .calling-lead-toolbar .callback-launcher,#hq-calling.calling-modern .calling-lead-toolbar #prepare-dial{width:100%} } /* V2 is mounted only by a newly loaded calling bundle. Older sessions retain their layout. */ #hq-calling[data-calling-layout="v2"] .calling-activity-column{display:grid;gap:12px;min-width:0} #hq-calling[data-calling-layout="v2"] .calling-queue-toggle{text-align:left;margin:0;width:100%} #hq-calling[data-calling-layout="v2"] .calling-inline-controls{margin-top:16px;padding-top:16px;border-top:1px solid #e5e0f0;min-width:0} #hq-calling[data-calling-layout="v2"] .calling-inline-controls h2{margin:0 0 12px} #hq-calling[data-calling-layout="v2"] .calling-inline-controls .calling-interaction{border:0;padding:0;min-width:0} #hq-calling[data-calling-layout="v2"] .calling-script-card{background:#fcfbff} #hq-calling[data-calling-layout="v2"] .calling-script-document{box-sizing:border-box;width:100%;min-height:45dvh;resize:vertical;font:inherit;line-height:1.55} .manage-mode.business-horizontal #hq-calling[data-calling-layout="v2"] .calling-inline-controls .calling-workspace-title .calling-from{display:flex;flex-wrap:wrap} @media(min-width:1001px){ .manage-mode.business-horizontal #hq-calling.calling-modern[data-calling-layout="v2"] .calling-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .manage-mode.business-horizontal #hq-calling[data-calling-layout="v2"] .calling-queue-toggle:not([hidden])~.calling-agenda .agenda-panel{max-height:25dvh} } /* Persistent provider frame: route changes and minimisation never detach it. */ .cloudtalk-dock{position:fixed;right:12px;bottom:12px;z-index:1000;width:444px;max-width:calc(100vw - 24px);background:white;color:#211d3c;border:1px solid #d7d1ed;border-radius:12px;box-shadow:0 8px 40px #211d3c33;padding:12px} .cloudtalk-dock[hidden]{display:none}.cloudtalk-dock header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cloudtalk-dock header strong{flex:1}.cloudtalk-dock p{font-size:13px}.cloudtalk-dock-viewport{overflow:auto;max-height:calc(100vh - 160px)}.cloudtalk-dock iframe{display:block;width:420px;height:700px;border:0;background:white}.cloudtalk-dock[data-minimised="true"] .cloudtalk-dock-viewport{height:0;visibility:hidden}.cloudtalk-dock[data-minimised="true"] p,.cloudtalk-dock[data-minimised="true"]>div:not(.cloudtalk-dock-viewport){display:none} /* Date and exact/quick time share one row without changing the saved local timestamp. */ #hq-calling .calling-followup-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px} #hq-calling .calling-followup-row>div{min-width:0} #hq-calling .calling-followup-row input{box-sizing:border-box;width:100%;min-width:0} #hq-calling .calling-followup-hint{display:block;margin:6px 0 12px} @media(max-width:480px){#hq-calling .calling-followup-row{grid-template-columns:minmax(0,1fr)}} /* Floating workspace is mounted only by a newly loaded bundle. */ #hq-calling[data-calling-layout="v3"] .calling-activity-column{display:flex;min-width:0;min-height:0} #hq-calling[data-calling-layout="v3"] .calling-script-card{width:100%;display:flex;flex-direction:column;min-height:0;overflow:auto} #hq-calling[data-calling-layout="v3"] .calling-script-document{flex:1;min-height:240px;width:100%;resize:vertical;box-sizing:border-box;font:inherit;line-height:1.55} #hq-calling[data-calling-layout="v3"] .calling-script-card h2{margin:0} #hq-calling[data-calling-layout="v3"] .calling-overview-body{min-height:0;overflow:auto;flex:1;padding-bottom:var(--floating-clearance,12px)} #hq-calling[data-calling-layout="v3"] .calling-workspace .calling-lead-review{overflow:visible;height:auto;max-height:none} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px} #hq-calling[data-calling-layout="v3"] .calling-lead-selection{grid-column:1/-1;grid-row:1} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar .calling-availability{grid-row:2;grid-column:1/-1} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar .callback-launcher{width:auto} #hq-calling[data-calling-layout="v3"] .calling-schedule-open{grid-column:1;grid-row:3} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar #prepare-dial{grid-column:2;grid-row:3;width:100%} #hq-calling[data-calling-layout="v3"] .calling-lead-facts{gap:4px;padding:4px;grid-auto-rows:auto} #hq-calling[data-calling-layout="v3"] .calling-lead-facts>div{padding:5px} #hq-calling[data-calling-layout="v3"] .calling-lead-facts dt{font-size:11px;margin-bottom:2px} #hq-calling[data-calling-layout="v3"] .calling-lead-facts dd{font-size:12px;line-height:1.4} #hq-calling .calling-floating{position:fixed;width:370px;max-width:calc(100vw - 24px);box-sizing:border-box;z-index:1001;background:#fff;border:1px solid #ded8ed;border-radius:14px;box-shadow:0 6px 26px #21163a26;padding:8px;color:#29233d} #hq-calling .calling-floating-heading{display:flex;align-items:center;gap:6px} #hq-calling .calling-floating-heading strong{flex:1;font-size:13px} #hq-calling .calling-floating-heading button{padding:4px 8px;min-height:32px;margin:0} #hq-calling .calling-move{touch-action:none;cursor:grab} #hq-calling .calling-floating-body{max-height:35dvh;overflow:auto;overscroll-behavior:contain} #hq-calling .calling-control-tabs{display:flex;gap:4px;margin:8px 0;position:sticky;top:0;background:#fff;z-index:1} #hq-calling .calling-control-tabs button{flex:1;margin:0;font-size:12px;padding:6px} #hq-calling .calling-control-tabs [aria-selected=true]{background:#eee9ff;color:#5135bf;border-color:#b9a8ed} #hq-calling .calling-floating .calling-inline-controls h2{font-size:14px;margin:4px 0} #hq-calling .calling-floating .calling-interaction{display:flex;flex-direction:column;min-height:0;gap:8px} #hq-calling .calling-floating .calling-screen{padding:8px} #hq-calling .calling-floating #call-timer{font-size:20px;margin:4px 0} #hq-calling .calling-floating .calling-conversation{margin:0;border:0;padding:4px} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-prepare-from .calling-from{ display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:4px; } #hq-calling .calling-floating .calling-from>div:first-child{grid-column:1/-1} #hq-calling .calling-floating .calling-prepare-from .calling-from>div{min-width:0} #hq-calling .calling-floating select,#hq-calling .calling-floating input{max-width:100%;box-sizing:border-box} #hq-calling .calling-schedule-dialog{width:min(620px,calc(100vw - 24px));max-height:85dvh;box-sizing:border-box;overflow:auto;padding:12px;border:1px solid #ded8ed;border-radius:16px;color:#29233d} #hq-calling .calling-schedule-dialog::backdrop{background:#21163a55} #hq-calling .calling-schedule-close{display:block;margin-left:auto} #hq-calling .calling-schedule-dialog .calling-agenda{padding:12px;border:0;overflow:visible} #hq-calling .calling-schedule-dialog .agenda-panel{height:auto;max-height:50dvh;overflow:auto} @media(min-width:1001px) and (min-height:600px){ .manage-mode.business-horizontal #hq-calling.calling-modern[data-calling-layout="v3"]{height:var(--calling-available-height,calc(100dvh - 144px));overflow:hidden} .manage-mode.business-horizontal #hq-calling.calling-modern[data-calling-layout="v3"] .calling-grid{flex:1;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);align-items:stretch;overflow:hidden} .manage-mode.business-horizontal #hq-calling[data-calling-layout="v3"] .calling-workspace{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px} #hq-calling[data-calling-layout="v3"] #call-pending-outcomes{flex:none;max-height:12dvh;overflow:auto} } @media(max-width:1000px),(max-height:599px){ #hq-calling .calling-floating{position:static;width:100%;max-width:none;margin-top:12px} #hq-calling .calling-move{display:none} #hq-calling .calling-floating-body{max-height:55dvh} #hq-calling[data-calling-layout="v3"] .calling-script-document{min-height:300px} #hq-calling[data-calling-layout="v3"] .calling-overview-body{padding-bottom:12px;overflow:visible} } #hq-calling .calling-floating-live{display:flex;align-items:center;gap:6px;flex-wrap:wrap} #hq-calling .calling-floating-live #call-status{flex:1;margin:4px 0;font-size:12px} #hq-calling .calling-floating-live #call-timer{font-size:15px} #hq-calling .calling-floating-live button{margin:0;padding:6px 10px;min-height:34px} #hq-calling[data-call-phase="outcome"] .calling-floating-live #call-mute,#hq-calling[data-call-phase="outcome"] .calling-floating-live #call-end{display:none} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar .calling-schedule-open,#hq-calling[data-calling-layout="v3"] .calling-lead-toolbar #prepare-dial{grid-row:2} #hq-calling[data-calling-layout="v3"] .calling-script-card{background:#fcfbff;padding:16px;border:1px solid #e5dfef;border-radius:16px} #hq-calling[data-calling-layout="v3"] .calling-script-card>p{font-size:12px;margin:8px 0} #hq-calling[data-calling-layout="v3"] .calling-script-card>details{font-size:12px;margin-top:4px} #hq-calling .calling-control-settings{font-size:13px;margin:8px 0} #hq-calling .calling-control-settings>summary{cursor:pointer;font-weight:600} #hq-calling .calling-control-settings .calling-availability{margin-top:8px} #hq-calling.calling-modern .calling-floating .calling-prepare-controls .calling-interaction{display:flex;flex-direction:column;flex:none;min-height:0;padding:0;border:0;gap:8px} #hq-calling .calling-floating .calling-prepare-controls{gap:4px;overflow:visible} #hq-calling .calling-floating .calling-control-settings{margin:4px 0} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px} #hq-calling[data-calling-layout="v3"] .calling-lead-selection{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:4px;width:100%} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar .calling-review-heading{justify-self:stretch;margin:0} #hq-calling[data-calling-layout="v3"] .calling-review-heading h2{flex:1;min-width:0} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar .calling-lead-name{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:34px;width:100%;padding:5px 8px} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar .calling-schedule-open,#hq-calling[data-calling-layout="v3"] .calling-lead-toolbar #prepare-dial{grid-row:1;grid-column:2;box-sizing:border-box;width:clamp(78px,8vw,96px);height:35px;min-height:35px;margin:0;padding:4px;align-self:center;font-size:12px;line-height:1.2;white-space:nowrap} @media(min-width:641px){ #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar:has(#call-lead-search:not([hidden])) :is(.calling-schedule-open,#prepare-dial){align-self:start} } #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar #prepare-dial{grid-column:3} #hq-calling[data-calling-layout="v3"] #calling-script-panel{position:relative;padding:0;background:#fff;min-height:280px;overflow:visible} #calling-script-panel .script-paper,#calling-script-panel .script-google-paper{flex:1;min-height:0;overflow:auto;border-radius:inherit} #hq-calling[data-calling-layout="v3"] #calling-script-panel .calling-script-document,#calling-script-panel .script-google-paper{height:100%;width:100%;box-sizing:border-box;margin:0;padding:clamp(20px,3vw,44px);padding-right:clamp(54px,5vw,72px);border:0;background:white;resize:none;font:inherit;line-height:1.65} #calling-script-panel .script-paper{display:flex}#calling-script-panel [hidden]{display:none!important} #calling-script-panel .script-google-paper p{margin:0 0 .7em;min-height:1em;white-space:pre-wrap;overflow-wrap:anywhere} #calling-script-panel .script-document-heading{font-weight:700} #calling-script-panel .script-google-paper [contenteditable]{min-width:1ch;outline-offset:2px} #calling-script-panel .script-google-paper [contenteditable]:empty:before{content:'\200b'} #calling-script-panel .script-google-paper table{border-collapse:collapse}#calling-script-panel .script-google-paper td{border:1px solid #ddd;padding:.3em} #hq-calling[data-calling-layout="v3"] #calling-script-panel .script-settings{position:absolute;right:6px;top:6px;margin:0;z-index:3} #calling-script-panel .script-settings>summary{display:grid;place-items:center;list-style:none;width:36px;height:36px;border:1px solid #ded9ea;border-radius:8px;background:white;color:#514a65;font-size:19px;cursor:pointer} #calling-script-panel .script-settings>summary::-webkit-details-marker{display:none} #calling-script-panel .script-settings>summary:focus-visible{outline:2px solid #674be5} #calling-script-panel .script-settings-tools{position:absolute;top:40px;right:0;width:min(260px,76vw);padding:12px;background:white;border:1px solid #ded9ea;border-radius:10px;box-shadow:0 6px 22px #30294b20;max-height:45vh;overflow:auto} #calling-script-panel .script-settings-tools button{display:block;width:100%;margin:4px 0} #hq-calling .calling-floating .calling-control-tabs{margin:4px 0} #hq-calling .calling-floating .calling-inline-controls>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0} #hq-calling .calling-floating .calling-digits{margin:0;border-top:1px solid #e5e0f0} #hq-calling .calling-floating .calling-digits summary{padding:5px 0;cursor:pointer} #hq-calling .calling-floating #lead-conversation{height:auto;min-height:2em;max-height:180px} #hq-calling .calling-floating .chat-composer textarea{min-width:0;flex:1} #hq-calling .calling-floating .calling-prepare-from .calling-from{margin:0} #hq-calling .calling-floating .calling-screen p{margin-block:4px} #hq-calling .calling-lead-tools{display:flex;gap:3px} #hq-calling .calling-lead-tools button{display:grid;place-items:center;min-height:32px;width:32px;margin:0;padding:0} #hq-calling .calling-lead-selection .calling-lead-results{grid-column:1/-1;max-height:180px;overflow:auto;min-width:0} #hq-calling .calling-lead-results button{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:5px 8px;margin:2px 0} @media(max-width:640px){ #hq-calling[data-calling-layout="v3"] .calling-lead-selection{display:contents} #hq-calling[data-calling-layout="v3"] .calling-lead-selection .calling-review-heading{grid-row:1;grid-column:1/-1} #hq-calling[data-calling-layout="v3"] .calling-lead-tools{grid-row:2;grid-column:1;justify-self:end} #hq-calling[data-calling-layout="v3"] .calling-lead-selection #call-lead-search{grid-column:1/-1} #hq-calling[data-calling-layout="v3"] .calling-lead-selection:has(.calling-review-heading[hidden]) #call-lead-search{grid-row:1} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar .calling-schedule-open,#hq-calling[data-calling-layout="v3"] .calling-lead-toolbar #prepare-dial{grid-row:2} } /* Keep the movable phone usable at its compact size, including at browser zoom. */ #hq-calling[data-calling-layout="v3"] .calling-floating{ width:min(370px,100%);max-height:min(348px,90dvh);padding:4px; display:flex;flex-direction:column;gap:2px;font-size:12px;border-radius:10px } #hq-calling .calling-floating .calling-floating-body{min-height:0;overflow:auto;scrollbar-width:thin} #hq-calling .calling-floating .calling-floating-heading{gap:3px} #hq-calling .calling-floating .calling-floating-heading strong{font-size:12px} #hq-calling[data-calling-layout="v3"] .calling-floating :is(button,select,input:not([type=checkbox])){ box-sizing:border-box;font-size:12px;line-height:1.15;min-height:24px;padding:2px 4px;max-width:100%;margin:0 } #hq-calling .calling-floating :is(label,summary){font-size:12px} #hq-calling .calling-floating .calling-control-tabs{margin:0;gap:2px} #hq-calling .calling-floating .calling-floating-live #call-status{margin:0;font-size:12px} #hq-calling.calling-modern .calling-floating .calling-workspace-title{padding:0;margin:0} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-workspace-title .calling-from{ display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px;padding:0;flex:auto } .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-from>div{ display:flex;gap:2px;align-items:center;min-width:0;grid-column:1/-1;flex-wrap:nowrap } .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-from>div:has(#call-from){grid-column:1;flex-direction:column;align-items:flex-start} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating #call-from{width:100%;flex:none} #hq-calling .calling-floating #call-from-auto{align-self:end} #hq-calling .calling-floating .calling-from>div[hidden]{display:none!important} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-from select{width:0;min-width:0;flex:1} #hq-calling .calling-floating .calling-from p{grid-column:1/-1;white-space:normal} #hq-calling .calling-floating .calling-control-settings,#hq-calling .calling-floating .calling-control-settings .calling-availability{margin:0} #hq-calling .calling-floating .calling-contact-identity{min-width:0} #hq-calling .calling-floating .calling-compact-header{gap:3px} #hq-calling.calling-modern .calling-floating .calling-screen{padding:4px;margin:0} #hq-calling.calling-modern .calling-floating .calling-contact-identity h2{font-size:12px} #hq-calling.calling-modern .calling-floating .call-avatar{width:20px;height:20px;font-size:13px} #hq-calling.calling-modern .calling-floating #call-start,#hq-calling.calling-modern .calling-floating #call-end{min-width:0} #hq-calling.calling-modern .calling-floating .calling-keypad{grid-template-columns:repeat(3,1fr);gap:1px;margin:1px 0} #hq-calling.calling-modern .calling-floating .calling-keypad button{width:26px;height:24px;margin:auto;font-size:14px} #hq-calling.calling-modern .calling-floating .calling-digits summary{padding:1px 0} #hq-calling .calling-floating .calling-phone-state{font-size:12px;font-weight:650} #hq-calling .calling-floating .calling-phone-state:empty{display:none} #hq-calling.calling-modern .calling-floating :is(.calling-screen,.calling-floating-live)[data-phone-state]{transition:none;background:#f7f8fc;color:#282d46;border:1px solid #ddd8eb} #hq-calling.calling-modern .calling-floating :is(.calling-screen,.calling-floating-live)[data-phone-state=live]{background:#d8f4df;color:#14532d} #hq-calling.calling-modern .calling-floating :is(.calling-screen,.calling-floating-live)[data-phone-state=ringing]{background:#fff3bc;color:#5b4500} #hq-calling.calling-modern .calling-floating :is(.calling-screen,.calling-floating-live)[data-phone-state=unanswered]{background:#ffe4c4;color:#763600} #hq-calling.calling-modern .calling-floating :is(.calling-screen,.calling-floating-live)[data-phone-state=failed]{background:#ffe1e3;color:#831b2b} #hq-calling[data-calling-layout="v3"] .calling-floating .calling-control-settings>summary, #hq-calling[data-calling-layout="v3"] .calling-floating .calling-digits>summary{min-height:24px;cursor:pointer} #hq-calling[data-calling-layout="v3"] .calling-floating .calling-prepare-controls{gap:2px} #hq-calling[data-calling-layout="v3"] .calling-floating .calling-destination{margin:0;padding:0;gap:2px} #hq-calling[data-calling-layout="v3"] .calling-floating label{margin:0;line-height:1.15} #hq-calling[data-calling-layout="v3"] .calling-floating .calling-availability button, #hq-calling[data-calling-layout="v3"] .calling-floating #call-from-auto{height:auto;min-height:24px;padding:2px 4px} #hq-calling[data-calling-layout="v3"] .calling-floating:has(.calling-floating-body:not([hidden]) .calling-digits[open]){height:min(348px,90dvh)} #hq-calling .calling-floating-live .calling-mini-state{flex:1;font-weight:650} #hq-calling .calling-floating:has(.calling-floating-body:not([hidden])) .calling-mini-state, #hq-calling .calling-mini-state:empty, #hq-calling .calling-floating:has(.calling-floating-body[hidden]) .calling-mini-state:not(:empty)~#call-status, #hq-calling .calling-floating-live button:disabled{display:none} #hq-calling .calling-floating-live{padding:2px 4px;border-radius:6px} #hq-calling .calling-metrics{--period-height:36px} #hq-calling .calling-metrics select{height:var(--period-height);width:auto;field-sizing:content;flex:0 0 auto;padding:2px 4px} #hq-calling .calling-metric-cards{flex:1 1 0;min-width:0;height:var(--period-height);box-sizing:border-box;padding:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none} #hq-calling .calling-metric{flex:1 0 134px;height:100%;margin:0;padding:0 6px;gap:4px} #hq-calling .calling-metric .calling-metric-icon{width:23px;height:23px;flex-basis:23px} #hq-calling .calling-metric-icon svg{width:16px;height:16px} #hq-calling .calling-metric-details>strong{line-height:13px} #hq-calling .calling-metric-progress>span{line-height:16px} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar{--lead-field-height:44px} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar :is(#call-lead-search,#prepare-dial,.calling-schedule-open,.calling-lead-name){ height:var(--lead-field-height);min-height:var(--lead-field-height);box-sizing:border-box } @media(max-width:640px){ #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar:has(.calling-review-heading[hidden]) #call-lead-search{grid-column:1;grid-row:1} #hq-calling[data-calling-layout="v3"] .calling-lead-toolbar:has(.calling-review-heading[hidden]) :is(.calling-schedule-open,#prepare-dial){grid-row:1} } #hq-calling[data-calling-layout="v3"] #calling-script-panel .script-paper{overflow:hidden} #calling-script-panel .script-google-paper,#calling-script-panel .calling-script-document{ overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom } @media(max-width:1000px),(max-height:599px){ #hq-calling[data-calling-layout="v3"] #calling-script-panel{height:65dvh;min-height:0} #hq-calling[data-calling-layout="v3"] #calling-script-panel .calling-script-document{min-height:0} } /* Fit the three call selectors to their selected labels. */ .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-workspace-title .calling-from{ display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end } .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating :is(#call-provider,#call-from,#call-saved-number){ field-sizing:content;width:auto;min-width:0;max-width:100%;flex:0 1 auto } .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-from>div:has(#call-provider){flex:1 0 100%;flex-wrap:wrap} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-from>div:has(#call-from){flex:0 1 auto;max-width:calc(100% - 40px)} #hq-calling .calling-floating #call-from-auto{flex:0 0 auto;width:auto} /* A compact phone panel using the dashboard's typography and control rhythm. */ #hq-calling[data-calling-layout="v3"] .calling-floating{ padding:10px;gap:8px;border-color:#e3e0eb;border-radius:14px; box-shadow:0 12px 36px #21163a1a,0 2px 6px #21163a0a;font-family:inherit } #hq-calling .calling-floating .calling-floating-heading{gap:8px} #hq-calling .calling-floating .calling-floating-heading strong{font-size:14px;font-weight:650;letter-spacing:-.2px} #hq-calling[data-calling-layout="v3"] .calling-floating :is(button,select,input:not([type=checkbox])){ font-family:inherit;font-size:12px;line-height:1.35;min-height:36px;padding:7px 10px;border-radius:7px } #hq-calling .calling-floating .calling-floating-heading button{border-color:transparent;background:transparent;color:#696577} #hq-calling .calling-floating .calling-floating-heading .calling-move{width:32px;min-width:32px;padding:4px;color:#898493} #hq-calling .calling-floating .calling-floating-heading button:hover{background:#f3f1f8;color:#312b45} #hq-calling .calling-floating .calling-floating-live{padding:7px 10px;gap:8px;border-radius:8px} #hq-calling .calling-floating .calling-floating-live #call-status{font-weight:550;line-height:1.5} #hq-calling .calling-floating .calling-floating-live #call-timer{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.5px} #hq-calling .calling-floating .calling-floating-body{scroll-padding:8px} #hq-calling .calling-floating .calling-control-tabs{gap:4px;padding:3px;background:#f3f1f7;border-radius:9px;margin-bottom:10px} #hq-calling .calling-floating .calling-control-tabs button{border:0;background:transparent;color:#726b81;min-height:32px;padding:5px 10px;font-weight:550} #hq-calling .calling-floating .calling-control-tabs [aria-selected=true]{background:#fff;color:#5140b5;box-shadow:0 1px 3px #21163a14} #hq-calling[data-calling-layout="v3"] .calling-floating .calling-prepare-controls{gap:8px} #hq-calling.calling-modern .calling-floating .calling-screen{padding:10px;border-radius:9px;text-align:left;background:#faf9fc} #hq-calling .calling-floating .calling-compact-header{gap:10px;flex-wrap:nowrap} #hq-calling.calling-modern .calling-floating .call-avatar{display:none} #hq-calling.calling-modern .calling-floating .calling-contact-identity{flex:1;min-width:0} #hq-calling.calling-modern .calling-floating .calling-contact-identity h2{font-size:14px;line-height:1.4;margin:0;overflow-wrap:anywhere} #hq-calling .calling-floating #active-phone{font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#696577} #hq-calling.calling-modern .calling-floating #call-start{min-width:64px;background:#6050df;border-color:#6050df;color:white;font-weight:600} #hq-calling .calling-floating .calling-control-settings,#hq-calling .calling-floating .calling-digits{border:0;border-top:1px solid #e9e6ef;margin:0;padding:0} #hq-calling[data-calling-layout="v3"] .calling-floating :is(.calling-control-settings,.calling-digits)>summary{ min-height:36px;padding:9px 2px;color:#62596f;font-weight:550;line-height:18px } #hq-calling .calling-floating .calling-control-settings[open]>summary{margin-bottom:8px} #hq-calling .calling-floating .calling-control-settings .calling-availability{margin-bottom:10px} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-workspace-title .calling-from{gap:8px 4px;align-items:flex-end} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-from>div{gap:5px;flex-direction:column;align-items:flex-start} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating .calling-from>div:has(#call-from){max-width:calc(100% - 48px)} #hq-calling[data-calling-layout="v3"] .calling-floating label{font-size:11px;font-weight:550;line-height:1.4;color:#70687d} .manage-mode.business-horizontal #hq-calling.calling-modern .calling-floating :is(#call-provider,#call-from,#call-saved-number){ background-color:#fff;border:1px solid #ddd8e7;padding:7px 8px;border-radius:7px;color:#302b40 } #hq-calling[data-calling-layout="v3"] .calling-floating #call-from-auto{min-height:36px;padding:7px 6px;color:#6050bf;border-color:#e2dcf2;background:#f6f3ff} #hq-calling .calling-floating #call-from-auto[aria-pressed=true]{background:#ede8ff;border-color:#cfc3f5} #hq-calling .calling-floating #call-from-hint{font-size:11px;line-height:1.5;color:#777082;margin:0 0 8px} #hq-calling[data-calling-layout="v3"] .calling-floating .calling-availability button{min-height:36px;padding:7px 10px} #hq-calling[data-calling-layout="v3"] .calling-floating .calling-destination{gap:5px;margin-top:10px} #hq-calling.calling-modern .calling-floating .calling-keypad{gap:4px;margin:4px 0 0;grid-template-columns:repeat(3,1fr)} #hq-calling.calling-modern .calling-floating .calling-keypad button{width:100%;height:36px;min-height:36px;padding:4px;font-size:15px;background:#faf9fc;border-color:#e7e3ee} #hq-calling .calling-floating :is(button,select,input,summary):focus-visible{outline:2px solid #6050df;outline-offset:2px} #hq-calling .calling-floating .calling-conversation{padding:4px 0} #hq-calling .calling-floating .chat-composer{gap:6px} #hq-calling .calling-floating .calling-control-tabs button{white-space:nowrap;padding-inline:6px} #hq-calling.calling-modern .calling-floating .calling-outcome-tab .calling-outcome{margin:0;padding:0;border:0} #hq-calling .calling-floating .calling-outcome-empty{font-size:12px;line-height:1.6;color:#70687d;margin:8px 2px}