:root { --ink:#17212b; --muted:#74808b; --line:#dce2e5; --paper:#f6f7f4; --white:#fff; --blue:#2455d6; --blue-deep:#173a98; --mist:#e9eef9; --mint:#d9eee4; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#edf0ec; font-family:"DM Sans",sans-serif; font-size:14px; }
button, textarea { font:inherit; } button { cursor:pointer; }
.app-shell { min-height:100vh; padding:22px; }
.topbar { max-width:1440px; margin:0 auto 12px; height:44px; display:flex; align-items:center; }
.wordmark { color:var(--ink); text-decoration:none; font-weight:700; letter-spacing:-.06em; font-size:25px; }.wordmark span{color:var(--blue)}
.connection { margin-left:auto; color:#52606a; font-size:12px; display:flex; align-items:center; gap:7px; }.connection i { width:7px; height:7px; background:#67aa80; border-radius:50%; }
.avatar { margin-left:25px; width:34px; height:34px; border:0; border-radius:50%; background:#dce4f7; color:#24428f; font-weight:700; font-size:11px; }
.dialer { max-width:1440px; min-height:calc(100vh - 100px); margin:auto; display:grid; grid-template-columns:68px minmax(240px,.92fr) minmax(440px,1.85fr) minmax(250px,.92fr); background:var(--white); border:1px solid #dce1dd; box-shadow:0 18px 46px rgba(40,53,45,.09); overflow:hidden; border-radius:16px; }
.rail { background:#f8faf8; border-right:1px solid var(--line); padding:18px 0; display:flex; align-items:center; flex-direction:column; gap:13px; }.rail-item { width:38px;height:38px;border:0;background:transparent;color:#78838a;border-radius:10px;font-size:19px;display:grid;place-items:center;text-decoration:none;}.rail-item.active{background:#e0e9fd;color:var(--blue)}.rail-bottom{margin-top:auto}
.session-panel,.notes-panel{padding:36px 27px; background:#fbfcfa}.session-panel{border-right:1px solid var(--line)}.notes-panel{border-left:1px solid var(--line);display:flex;flex-direction:column}
.eyebrow { margin:0 0 9px; font-size:11px; font-weight:700; color:#79848c; letter-spacing:.035em; }.session-heading h1 { font:600 26px/1.1 "Newsreader",serif; margin:0 0 15px; letter-spacing:-.03em; }.list-button { padding:0; border:0; background:transparent; color:var(--blue); font-weight:600; font-size:12px; }.list-button span{margin-left:6px}
.progress-wrap{margin:52px 0 33px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:9px}.progress-label strong{color:var(--ink);font-weight:600}.progress-bar{height:5px;border-radius:5px;background:#e8ece9;display:block;overflow:hidden}.progress-bar span{display:block;background:var(--blue);height:100%;width:6.25%;transition:width .35s ease}
.session-stats{margin:0;display:grid;gap:24px}.session-stats div{display:grid;gap:3px}.session-stats dt{color:var(--muted);font-size:12px}.session-stats dd{margin:0;font:600 19px "Newsreader",serif}.sync-note{margin-top:auto;color:#97a1a8;font-size:11px}.sync-note span{font-size:15px;vertical-align:-1px}
.contact-stage{padding:29px 44px;display:flex;align-items:center;flex-direction:column;text-align:center;background:radial-gradient(circle at 50% 42%, #f1f5ff 0, #fff 40%)}.stage-topline{width:100%;display:flex;justify-content:space-between;color:#9aa3a9;font-size:11px}.stage-topline button{border:0;color:#7c878f;background:none;font-size:11px;text-decoration:underline;text-underline-offset:3px}.contact-orbit{width:186px;height:186px;margin:54px 0 23px;border:1px solid #e2e6ea;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.orbit-line{position:absolute;border:1px solid #e8ebee;border-radius:50%;transform:rotate(-34deg)}.line-one{width:224px;height:104px}.line-two{width:105px;height:224px}.initials{position:relative;width:98px;height:98px;display:grid;place-items:center;border-radius:50%;background:var(--blue);box-shadow:0 11px 24px #b9c8ec;color:white;font:600 27px "Newsreader",serif}.company{margin:0;color:#718092;font-size:12px;font-weight:600}.contact-stage h2{margin:4px 0 4px;font:600 clamp(29px,3.5vw,42px)/1 "Newsreader",serif;letter-spacing:-.035em}.contact-role{margin:0;color:#78848d;font-size:13px}.phone{margin:25px 0 4px;font-size:17px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:.01em}.call-hint{font-size:11px;color:#919ba2;margin:0 0 18px}.call-button{border:0;border-radius:13px;padding:15px 25px;background:var(--blue);color:white;font-weight:700;box-shadow:0 9px 16px rgba(36,85,214,.2);min-width:181px;transition:transform .15s,background .15s}.call-button:hover{background:var(--blue-deep);transform:translateY(-1px)}.call-button.active{background:#d55950}.phone-icon{margin-right:8px}.keyboard-hint{font-size:10px;color:#a1a9ae;margin-top:14px}.keyboard-hint kbd{border:1px solid #d7dcde;border-radius:4px;background:#fff;padding:1px 4px;font-family:inherit}
.contact-stage.completed .contact-orbit{border-color:#b8dcc9;background:#f2faf5}.contact-stage.completed .initials{background:#4c9571;box-shadow:0 11px 24px #c9e8d5}.contact-stage.completed .phone,.contact-stage.completed .keyboard-hint{display:none}
.notes-heading{display:flex;justify-content:space-between;align-items:start}.call-state{color:#678172;background:#e4f1e9;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 24px;padding:6px 0}.details p{margin:12px 0;display:grid;gap:3px}.details span,.notes-panel label{font-size:10px;color:var(--muted)}.details strong,.details a{font-size:12px;font-weight:600;color:#40505d;text-decoration:none}.notes-panel label{font-weight:700;margin-bottom:8px}.notes-panel textarea{resize:vertical;min-height:115px;width:100%;border:1px solid #dce2e2;border-radius:9px;background:white;padding:11px;color:var(--ink);outline:none;font-size:12px;line-height:1.45}.notes-panel textarea:focus{border-color:#8ba9ed;box-shadow:0 0 0 3px #e9effe}.outcome-area{margin-top:19px}.outcome-label{font-weight:700;font-size:12px;margin:0 0 9px}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.outcomes button{border:1px solid #dce2e2;border-radius:7px;background:#fff;color:#53616b;padding:8px 5px;font-size:11px}.outcomes button:hover{background:var(--mist);border-color:#94aeec;color:#183d9a}.data-note{margin-top:auto;color:#a2a9ac;font-size:10px;line-height:1.5}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,18px);opacity:0;background:#203243;color:#fff;border-radius:9px;padding:10px 14px;font-size:12px;transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.workspace{max-width:1440px;min-height:calc(100vh - 100px);margin:auto;display:grid;grid-template-columns:68px 1fr;background:var(--white);border:1px solid #dce1dd;box-shadow:0 18px 46px rgba(40,53,45,.09);overflow:hidden;border-radius:16px}.page{padding:50px clamp(28px,5vw,76px);max-width:1220px;width:100%}.page-heading{display:flex;justify-content:space-between;gap:28px;align-items:start;margin-bottom:45px}.page-heading h1{font:600 clamp(31px,4vw,47px)/.98 "Newsreader",serif;letter-spacing:-.04em;margin:0 0 12px}.page-heading p:not(.eyebrow){margin:0;max-width:530px;color:var(--muted);line-height:1.55}.primary-button,.range-button{border:0;background:var(--blue);color:white;padding:12px 14px;border-radius:9px;font-weight:700;white-space:nowrap}.range-button{background:#f1f4f6;color:#33404a}.range-button span{margin-left:8px}.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.list-card,.new-list{min-height:235px;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;flex-direction:column;background:#fff}.list-card{color:var(--ink);text-decoration:none}.list-card.featured{border-color:#b6c8f2;background:linear-gradient(150deg,#f9fbff,#fff)}.list-card-top{display:flex;justify-content:space-between;align-items:start}.list-icon{display:grid;place-items:center;background:#e6edff;color:var(--blue);border-radius:8px;width:31px;height:31px;font-weight:700}.list-icon.amber{background:#fff1d8;color:#b37818}.list-icon.lilac{background:#f0eaff;color:#7654bc}.status-pill,.soft-pill{font-size:10px;font-weight:700;border-radius:99px;padding:5px 8px;background:#e4f1e9;color:#4d8668}.soft-pill{background:#f0f2f3;color:#74808a}.list-card h2{margin:25px 0 5px;font:600 21px "Newsreader",serif;letter-spacing:-.02em}.list-card p{margin:0;color:var(--muted);font-size:11px}.list-card footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.list-card footer strong{color:var(--blue);font-size:11px}.list-card footer b,.next-card b{font-size:15px;margin-left:4px}.avatars{display:flex}.avatars i{width:23px;height:23px;border:2px solid #fff;border-radius:50%;margin-right:-6px;background:#dce7fb;color:#375795;font-size:7px;font-style:normal;display:grid;place-items:center;font-weight:700}.avatars i:nth-child(2){background:#e9ddf7;color:#7a519b}.avatars i:nth-child(3){background:#f0f2ef;color:#6f7b79}.new-list{border-style:dashed;align-items:center;justify-content:center;color:#81909a}.new-list span{display:grid;place-items:center;border:1px solid #ced7dc;border-radius:50%;width:31px;height:31px;font-size:21px}.new-list p{font-size:12px;margin:11px 0 0}.import-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:42px;padding-top:25px}.import-strip>div{display:flex;align-items:center;gap:14px}.import-mark{width:34px;height:34px;display:grid;place-items:center;background:#ff7a59;color:#fff;border-radius:7px;font-weight:700}.import-strip h2{margin:0 0 3px;font-size:13px}.import-strip p{margin:0;color:var(--muted);font-size:11px}.quiet-button{border:1px solid var(--line);border-radius:8px;background:#fff;color:#52606a;padding:9px 11px;font-size:11px;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:21px}.metric-grid article{border:1px solid var(--line);border-radius:12px;padding:19px;background:#fff;display:grid;gap:7px}.metric-grid span,.metric-grid small{font-size:11px;color:var(--muted)}.metric-grid strong{font:600 31px "Newsreader",serif;color:#9aa4a9}.chart-card{border:1px solid var(--line);border-radius:13px;padding:22px;background:#fff}.chart-card header{display:flex;justify-content:space-between}.chart-card h2,.outcome-card h2{margin:0 0 4px;font:600 19px "Newsreader",serif}.chart-card header p{margin:0;font-size:11px;color:var(--muted)}.empty-chart{height:240px;position:relative;margin-top:15px;display:flex;flex-direction:column;justify-content:end}.chart-lines{position:absolute;inset:0 0 22px;display:flex;justify-content:space-between;flex-direction:column}.chart-lines i{border-top:1px dashed #e4e8e8}.empty-chart-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#97a1a6;font-size:12px;width:230px}.empty-chart-message span{font-size:22px}.empty-chart-message p{line-height:1.45}.empty-chart footer{display:flex;justify-content:space-between;color:#a8afb3;font-size:10px}.split-insights{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:20px}.outcome-card,.next-card{border:1px solid var(--line);border-radius:13px;padding:21px;background:#fff}.empty-results{height:100px;margin-top:18px;background:#f8faf8;border-radius:8px;display:grid;place-items:center;color:#98a2a8;font-size:12px}.next-card{background:#e9effe;border-color:#d0ddfb}.next-card h2{font:600 22px "Newsreader",serif;margin:4px 0}.next-card>p:not(.eyebrow){color:#596775;font-size:12px;line-height:1.5;margin:0 0 17px}.next-card a{color:var(--blue);text-decoration:none;font-size:12px;font-weight:700}
.setup-page{max-width:940px}.setup-progress{display:flex;align-items:center;gap:14px;margin:-13px 0 29px}.progress-number{font-size:11px;font-weight:700;color:#64717b;white-space:nowrap}.setup-progress .progress-bar{width:150px}.setup-progress p{font-size:11px;color:#9aa3a8;margin:0}.connection-list{display:grid;gap:14px}.connection-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:23px}.connection-card-top{display:grid;grid-template-columns:38px 1fr auto;align-items:center;column-gap:12px}.service-mark{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:700}.hubspot-mark{background:#ff7a59}.twilio-mark{background:#e7403b}.connection-card h2{margin:0 0 2px;font:600 20px "Newsreader",serif}.connection-card p{margin:0;color:var(--muted);font-size:11px}.connection-card ul{display:flex;gap:23px;margin:20px 0 17px;padding:16px 0 0;list-style:none;border-top:1px solid #edf0ef}.connection-card li{font-size:12px;color:#56636d}.connection-card li:before{content:'✓';margin-right:7px;color:#5a966f;font-weight:700}.connection-card button{border:0;border-radius:8px;background:#f0f2f3;color:#9aa2a7;padding:10px 12px;font-size:11px;font-weight:700}.setup-note{margin-top:24px;border-radius:10px;background:#edf4ff;padding:14px;display:flex;gap:10px;align-items:start;color:#526370;font-size:11px;line-height:1.5}.setup-note span{background:#d8e7ff;color:#2c63d4;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto}.setup-note p{margin:0}
@media(max-width:980px){.dialer{grid-template-columns:55px minmax(190px,.7fr) minmax(390px,1.5fr)}.notes-panel{display:none}.session-panel{padding:30px 20px}.contact-stage{padding:29px 25px}.list-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:690px){.app-shell{padding:10px}.topbar{padding:0 5px}.dialer{min-height:calc(100vh - 78px);display:block}.rail{display:none}.session-panel{display:none}.contact-stage{min-height:calc(100vh - 82px)}.contact-orbit{margin-top:70px}.contact-stage h2{font-size:35px}.notes-panel{display:none}.workspace{display:block}.page{padding:35px 22px}.page-heading{display:block;margin-bottom:28px}.page-heading h1{font-size:36px}.primary-button,.range-button{margin-top:18px}.list-grid,.metric-grid,.split-insights{grid-template-columns:1fr}.import-strip{align-items:start;flex-direction:column}.list-card{min-height:205px}.connection-card-top{grid-template-columns:38px 1fr}.connection-card-top .soft-pill{display:none}.connection-card ul{display:grid;gap:9px}.setup-progress{align-items:start;flex-wrap:wrap}.setup-progress p{flex-basis:100%}}

/* MVP pass: an unembellished, operational interface */
:root { --ink:#20252b; --muted:#6c747c; --line:#e3e6e8; --paper:#f5f6f7; --white:#fff; --blue:#1867c0; --blue-deep:#10549e; --mist:#eaf2fb; }
body { background:#f4f5f6; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); }
.app-shell { padding:18px; }.topbar { height:38px; margin-bottom:10px; }.wordmark { font-size:17px; letter-spacing:-.03em; }.wordmark span { display:none; }.connection { font-size:12px; }.avatar { width:30px;height:30px;background:#e9ecef;color:#424a52; }
.dialer,.workspace { max-width:1360px; min-height:calc(100vh - 84px); border-radius:8px; box-shadow:none; border-color:#dfe3e5; }
.rail { background:#fafbfb; padding:14px 0; gap:8px; }.rail-item { width:36px;height:36px;border-radius:6px;font-size:17px; }.rail-item.active { background:#e4eef9;color:#155fae; }
.rail-item svg { width:18px;height:18px;display:block; }
.phone-icon svg { width:16px;height:16px;vertical-align:-3px; }
.session-panel,.notes-panel { background:#fff; padding:28px 24px; }.session-heading h1,.contact-stage h2,.page-heading h1,.connection-card h2,.chart-card h2,.outcome-card h2,.next-card h2,.list-card h2 { font-family:inherit; letter-spacing:-.025em; }
.eyebrow { display:none; }.session-heading h1 { font-size:18px; margin-bottom:10px; }.progress-wrap { margin:36px 0 27px; }.session-stats dd { font:600 17px/1.1 inherit; }.sync-note { margin-top:45px; }
.contact-stage { background:#fff; padding:28px 42px; }.contact-orbit { width:72px;height:72px;margin:62px 0 22px;border:0;background:#edf1f4; }.orbit-line { display:none; }.initials { width:72px;height:72px;background:#dce7f5;color:#1c578f;box-shadow:none;font:600 20px inherit; }.company { color:#59636c; font-size:12px; }.contact-stage h2 { font-size:35px; margin:5px 0; }.phone { font-size:16px;margin-top:26px; }.call-button { border-radius:7px;box-shadow:none;padding:12px 18px;min-width:165px; }.keyboard-hint { display:none; }
.notes-panel { padding:28px 22px; }.details { margin-top:13px; }.call-state { border-radius:4px; }.notes-panel textarea { border-radius:6px; }.outcomes button { border-radius:5px; }
.opener-panel{margin:16px 0 0;padding:13px;border:1px solid #dce5ed;border-left:3px solid #3b7fc3;border-radius:6px;background:#f8fbfe}.opener-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.opener-heading label{margin:0!important;color:#384650!important;font-size:11px!important;font-weight:700}.opener-heading span{color:#8a959d;font-size:9px;white-space:nowrap}.opener-panel textarea{display:block;min-height:105px;border-color:#d5e0ea;background:#fff;font-size:11px;line-height:1.5}.opener-panel textarea::placeholder{color:#99a3aa}.opener-panel + .details{margin-top:17px}
.dialer{grid-template-rows:minmax(0,1fr) auto}.dialer>.rail,.dialer>.session-panel{grid-row:1 / span 2}.dialer>.opener-panel{grid-column:3 / 5;grid-row:2;margin:0;border:0;border-top:1px solid #dce5ed;border-left:3px solid #3b7fc3;border-radius:0;background:#f8fbfe;padding:18px 28px}.dialer>.opener-panel textarea{min-height:122px;font-size:12px}.dialer>.opener-panel .opener-heading{max-width:920px}.dialer>.opener-panel textarea{max-width:920px}@media(max-width:980px){.dialer>.opener-panel{grid-column:3;grid-row:2}.dialer>.session-panel{grid-row:1 / span 2}}@media(max-width:690px){.dialer>.opener-panel{display:none}}
.tag-row { display:flex;flex-wrap:wrap;gap:6px;margin-top:9px; }.tag-option { border:1px solid #dce2e5;background:#fff;border-radius:4px;color:#65717b;padding:5px 7px;font-size:10px; }.tag-option.selected { background:#e6f0fb;border-color:#8bb4df;color:#155fae; }
.lead-status-field{display:block;margin-top:16px!important}.lead-status-select{width:100%;height:34px;border:1px solid #dce2e5;border-radius:5px;background:#fff;color:#38434c;padding:0 9px;font-size:11px;outline:none}.lead-status-select:focus{border-color:#8bb4df;box-shadow:0 0 0 3px #e8f1fb}
.power-toggle{display:flex;align-items:center;gap:7px;margin-top:17px;padding:0;border:0;background:transparent;color:#69757e;font-size:11px;font-weight:650}.power-toggle-dot{display:block;width:18px;height:10px;border-radius:8px;background:#cbd2d6;position:relative;transition:background .15s}.power-toggle-dot:after{content:'';position:absolute;top:2px;left:2px;width:6px;height:6px;border-radius:50%;background:#fff;transition:left .15s}.power-toggle[aria-pressed="true"]{color:#1762ad}.power-toggle[aria-pressed="true"] .power-toggle-dot{background:#2d78c2}.power-toggle[aria-pressed="true"] .power-toggle-dot:after{left:10px}
.dialer-settings{margin-top:26px;border:1px solid var(--line);border-radius:7px;padding:20px;background:#fff}.dialer-settings h2{margin:0 0 4px;font-size:16px}.dialer-settings>div>p{margin:0;color:var(--muted);font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:19px 0}.settings-grid label{display:grid;gap:7px;color:#4f5a63;font-size:11px;font-weight:650}.settings-grid select{height:34px;border:1px solid #dce2e5;border-radius:5px;background:#fff;color:#38434c;padding:0 8px;font:inherit}.settings-grid small{font-size:10px;line-height:1.45;color:#88929a;font-weight:400}.dialer-settings .primary-button{margin:0}
@media(max-width:700px){.settings-grid{grid-template-columns:1fr}}
.session-panel{display:flex;flex-direction:column;position:relative;min-height:0}.list-button{position:relative}.list-menu{position:absolute;top:83px;left:18px;right:18px;z-index:4;padding:5px;background:#fff;border:1px solid #dce2e5;border-radius:7px;box-shadow:0 8px 22px rgba(25,37,48,.12);max-height:290px;overflow:auto}.list-menu-option{display:flex;width:100%;gap:3px;flex-direction:column;align-items:flex-start;border:0;border-radius:4px;background:#fff;color:#2d353c;padding:9px;text-align:left}.list-menu-option:hover,.list-menu-option:focus{background:#edf4fc;outline:0}.list-menu-option strong{font-size:11px;font-weight:650}.list-menu-option span{font-size:10px;color:#7e8992}.queue-panel{border-top:1px solid #e7ebec;margin-top:19px;padding-top:14px;min-height:0}.queue-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;color:#5d6870;font-size:10px}.queue-heading strong{font-size:10px}.queue-heading span{background:#eef1f3;border-radius:10px;padding:2px 6px;color:#6b767e}.queue-list{max-height:220px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#bfc8ce transparent}.queue-list::-webkit-scrollbar{width:5px}.queue-list::-webkit-scrollbar-thumb{background:#bfc8ce;border-radius:8px}.queue-contact{display:flex;align-items:center;gap:8px;width:100%;padding:7px 5px;border:0;border-radius:5px;background:transparent;text-align:left;color:#4e5962}.queue-contact:hover{background:#f3f6f8}.queue-contact.current{background:#eaf2fb;color:#1d5e9f}.queue-initials{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#e8edf0;color:#62717c;font-size:9px;font-weight:700}.queue-contact.current .queue-initials{background:#d1e2f5;color:#1d5e9f}.queue-copy{display:grid;min-width:0;gap:1px}.queue-copy strong,.queue-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-copy strong{font-size:10px;font-weight:650}.queue-copy small{color:#849099;font-size:9px}.queue-contact:focus-visible{outline:2px solid #70a7dd;outline-offset:1px}
.call-controls { display:flex;gap:6px;margin-top:11px; }.call-controls button { border:1px solid #dce2e5;border-radius:5px;background:#fff;color:#59656d;padding:6px 8px;font-size:10px; }.call-controls button.selected { color:#155fae;background:#e8f1fb;border-color:#a9c7e8; }
.page { max-width:none;padding:38px 44px; }.page-heading { margin-bottom:30px; }.page-heading h1 { font-size:28px;line-height:1.1; }.page-heading p:not(.eyebrow) { font-size:13px; }.primary-button,.range-button { border-radius:6px;padding:10px 12px;font-size:12px; }.compact-heading { align-items:center; }
.list-grid,.import-strip { display:none; }.list-toolbar { display:flex;justify-content:space-between;align-items:center;margin-bottom:14px; }.list-tabs { display:flex;gap:3px; }.list-tabs button { border:0;border-radius:5px;background:transparent;color:#68717a;padding:8px 10px;font-size:12px; }.list-tabs button.active { background:#eef1f3;color:#232a30;font-weight:600; }.search { border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:6px;padding:0 9px;color:#7b858d; }.search input { border:0;outline:0;width:170px;height:32px;font:12px inherit; }
.list-table-wrap { border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff; }.list-table { width:100%;border-collapse:collapse;text-align:left;font-size:12px; }.list-table th { background:#fafbfb;color:#6c747c;font-size:11px;font-weight:600;padding:11px 15px;border-bottom:1px solid var(--line); }.list-table td { padding:14px 15px;border-bottom:1px solid #edf0f1;vertical-align:middle;color:#505960; }.list-table tbody tr:last-child td { border-bottom:0; }.list-table tbody tr:hover { background:#f8fbfe; }.list-table .current-list { background:#f5f9fe; }.list-name { display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:215px; }.list-name strong { color:#252b31;font-weight:600;display:block;margin-bottom:3px; }.list-name small { color:#858e95;font-size:10px; }.folder-mark { width:26px;height:26px;display:grid;place-items:center;background:#dfeafa;color:#2666ab;border-radius:4px;font-size:12px; }.folder-mark.muted { background:#edf0f1;color:#75818a; }.table-progress { display:inline-block;vertical-align:middle;width:52px;height:5px;border-radius:4px;background:#e8ecee;margin-right:6px;overflow:hidden; }.table-progress i { display:block;height:100%;background:#4787c7;border-radius:4px; }.table-status { padding:4px 7px;border-radius:4px;background:#eaf4ed;color:#38744e;font-size:10px;font-weight:600; }.table-status.ready { background:#e7f0fc;color:#2663a4; }.table-status.paused { background:#f1f2f3;color:#69727a; }.table-status.draft { background:#faf1df;color:#967022; }.open-list { color:#1c64ac;text-decoration:none;font-weight:600;font-size:11px; }.table-footer { display:flex;justify-content:space-between;color:#899197;font-size:11px;padding:13px 3px; }
.search svg { width:15px;height:15px; }.cell-sub { display:block;margin-top:3px;color:#848e95;font-size:10px;font-weight:400; }.tag-chip { display:inline-block;background:#eef1f3;color:#65707a;border-radius:4px;padding:3px 5px;font-size:10px;margin:1px 2px 1px 0; }.empty-history { min-height:260px;display:grid;place-content:center;justify-items:center;gap:10px;color:#71808a;text-align:center;font-size:12px; }.empty-history svg { width:28px;height:28px;color:#93a0a9; }.empty-history p { max-width:250px;line-height:1.5;margin:0; }.empty-history a { color:#1964ae;text-decoration:none;font-weight:600; }
.folder-mark svg,.empty-chart-message svg { width:15px;height:15px; }.empty-chart-message svg { width:24px;height:24px; }
.active-number{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #d9e5f2;border-left:3px solid #2872ba;background:#f6faff;padding:16px 18px;margin:-8px 0 18px;border-radius:6px}.active-number div{display:grid;gap:4px}.active-number span{font-size:10px;color:#687781}.active-number strong{font-size:16px;color:#245c95}.active-number p{margin:0;color:#78848c;font-size:11px}.number-table-wrap{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.number-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.number-table th{background:#fafbfb;color:#6c747c;font-size:11px;font-weight:600;padding:11px 15px;border-bottom:1px solid var(--line)}.number-table td{padding:14px 15px;border-bottom:1px solid #edf0f1;vertical-align:middle;color:#505960}.number-table tbody tr:last-child td{border-bottom:0}.number-table tbody tr:hover{background:#f8fbfe}.number-active{border:0;border-radius:4px;background:#e7f0fc;color:#2460a2;padding:6px 8px;font-size:10px;font-weight:650}.empty-numbers{min-height:190px;display:grid;place-content:center;justify-items:center;gap:10px;color:#8a959c;font-size:12px}.empty-numbers svg{width:25px;height:25px}.empty-numbers p{margin:0;max-width:310px;text-align:center;line-height:1.5}.number-note{margin-top:18px;border-radius:7px;background:#f5f7f8;padding:14px;display:flex;gap:9px;align-items:flex-start;color:#5a6770;font-size:11px;line-height:1.5}.number-note svg{width:17px;height:17px;color:#2864a7;flex:0 0 auto}.number-note p{margin:0}.number-note strong{color:#36434c}
.row-button { border:0;background:transparent;color:#1c64ac;font-size:11px;font-weight:600; }.team-link { align-items:center; }.team-link svg { width:19px;height:19px;color:#2864a7;flex:0 0 auto; }.team-link a { margin-left:auto;color:#1c64ac;text-decoration:none;font-size:11px;font-weight:600;white-space:nowrap; }
.metric-grid article,.chart-card,.outcome-card,.next-card,.connection-card { border-radius:7px;box-shadow:none; }.metric-grid strong { font-family:inherit; }.next-card { background:#f3f7fc; }
@media(max-width:700px){.page{padding:25px 17px}.list-toolbar{align-items:stretch;flex-direction:column;gap:12px}.search input{width:100%}.list-table-wrap{overflow-x:auto}.list-table{min-width:760px}.table-footer{gap:8px;flex-direction:column}.contact-stage{padding:24px}.contact-orbit{margin-top:45px}.contact-stage h2{font-size:30px}}
/* Webex is the active telephone client for this workspace. */
.placetel-mark{background:#315c9d}
.connection-card .service-action{display:inline-block;border:0;border-radius:8px;background:#f0f2f3;color:#53616b;padding:10px 12px;font-size:11px;font-weight:700;text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.manual-page{max-width:1020px}.manual-dialer-grid{display:grid;grid-template-columns:minmax(320px,460px) minmax(230px,1fr);gap:20px;align-items:start}.manual-card,.manual-info section{background:#fff;border:1px solid var(--line);border-radius:7px;padding:25px}.manual-status{display:flex;align-items:center;gap:7px;color:#65717a;font-size:11px;font-weight:600}.manual-status i{width:7px;height:7px;border-radius:50%;background:#a2abb2}.manual-status i[data-kind="ready"],.manual-status i[data-kind="connected"]{background:#55a270}.manual-status i[data-kind="calling"]{background:#d89932}.manual-status i[data-kind="error"]{background:#c95858}.manual-card h2,.manual-info h2{margin:19px 0 9px;font-size:16px;letter-spacing:-.015em}.manual-number-field{display:flex;align-items:center;border:1px solid #cfd7dc;border-radius:6px;background:#fff}.manual-number-field:focus-within{border-color:#6f9fd1;box-shadow:0 0 0 3px #e8f1fb}.manual-number-field input{min-width:0;width:100%;height:48px;border:0;outline:0;padding:0 13px;font:500 19px/1 inherit;letter-spacing:.015em}.manual-number-field button{width:42px;border:0;background:transparent;color:#7d8991;font-size:23px}.manual-help{margin:8px 0 20px;color:#7d8790;font-size:10px}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:340px;margin:auto}.dialpad button{height:48px;border:1px solid #e0e4e7;border-radius:6px;background:#fff;color:#263039;font-size:17px;line-height:1;font-weight:550}.dialpad button:hover{background:#f3f7fb;border-color:#b8cee4}.dialpad button span{display:block;margin-top:3px;color:#89939a;font-size:7px;letter-spacing:.06em}.manual-actions{display:flex;align-items:center;gap:8px;margin-top:21px}.manual-actions .call-button{margin:0;min-width:142px}.manual-actions .call-button svg{width:16px;height:16px;margin-right:6px;vertical-align:-3px}.manual-end{border:0;border-radius:6px;background:#bf4b4b;color:#fff;padding:11px 14px;font-size:12px;font-weight:700}.manual-info{display:grid;gap:12px}.manual-info section{padding:20px}.manual-info h2{margin:0 0 7px}.manual-info p{margin:0;color:#6c7780;font-size:12px;line-height:1.55}.manual-info a{display:inline-block;margin-top:13px;color:#1b64ad;text-decoration:none;font-size:11px;font-weight:700}@media(max-width:700px){.manual-dialer-grid{grid-template-columns:1fr}.manual-card{padding:20px}.dialpad{max-width:none}}