/* Apex Mob is the suite; Pipeline is the product. Shared mark from MobLaunch. */
:root{--ink:#1c304b;--muted:#50627a;--line:#d2ddeb;--wash:#edf2f8;--accent:#245fb5;--accent-soft:#e5efff;--pipeline-ink:#163b68;--pipeline-blue:#336db5;--control-border:#7b8ea8}
.brand{display:flex;align-items:center;gap:11px;padding:0 10px;letter-spacing:normal;color:var(--pipeline-ink)}
.suite-mark{display:block;flex:0 0 auto;width:38px;height:38px}
.brand-type{display:flex;flex-direction:column;gap:2px;margin:0;line-height:1}
.brand-suite{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase;color:#426083}
.brand-product{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:400;letter-spacing:-1.1px;line-height:1.08;color:var(--pipeline-ink)}
.sidebar>.brand{padding-top:3px;padding-bottom:7px}
.sidebar>.workspace-label{margin-top:22px}
.button.primary:hover{background:#245fae}
.nav button.active{color:#fff;background:var(--accent)}
.login{background:#fff;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.login-art{padding:54px 64px;background:#edf5ff;color:var(--pipeline-ink);border-right:1px solid #dfeaf8;min-height:100vh}
.login-art .brand{padding:0;gap:14px}
.login-art .suite-mark{width:46px;height:46px}
.login-art .brand-suite{font-size:11px}
.login-art .brand-product{font-size:37px}
.login-copy{max-width:560px;margin:76px 0}
.login-copy .eyebrow{font-size:10px;font-weight:650;letter-spacing:.2em;color:#567397;margin-bottom:23px}
.login-copy h1{font-size:clamp(34px,3.5vw,58px);font-weight:520;letter-spacing:-1.9px;line-height:1.14;margin:0}
.login-copy h1 em{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;font-size:1.09em;color:var(--pipeline-blue);letter-spacing:-2px;margin-top:7px}
.login-copy p{font-size:14px;line-height:1.8;max-width:340px;color:#4b6583;margin-top:28px}
.login-art>small{position:relative;padding-top:22px;border-top:1px solid #d1e1f4;font-size:11px;color:#56708e;letter-spacing:.01em}
.login-art>small span{font-weight:650}
.login-form-wrap{padding:54px}
.login-form{width:350px}
.login-form>.eyebrow{font-size:10px;color:#5275a0;letter-spacing:.17em;margin-bottom:16px}
.login-form h1{font-weight:550;letter-spacing:-.8px;font-size:30px}
.login-form .field input{min-height:44px;border-radius:7px;border-color:#c9d7e8;background:#fcfdff}
.login-form .button.primary{min-height:44px;border-radius:7px}
@media(max-width:1150px) and (min-width:761px){.sidebar>.brand{gap:9px;padding-left:6px}.sidebar .suite-mark{width:33px;height:33px}.sidebar .brand-product{font-size:27px}.sidebar .brand-suite{font-size:9px}.login-art{padding:40px}.login-copy h1{font-size:37px}}
@media(max-width:760px){.sidebar>.brand{padding:0;gap:9px}.sidebar .suite-mark{width:31px;height:31px}.sidebar .brand-suite{font-size:9px}.sidebar .brand-product{font-size:26px}.sidebar .brand-type{gap:0}.login{grid-template-columns:1fr}.login-art{padding:28px 27px;min-height:0;border-right:0;border-bottom:1px solid #dfeaf8}.login-art .suite-mark{width:38px;height:38px}.login-art .brand-product{font-size:31px}.login-art .brand-suite{font-size:10px}.login-copy{margin:30px 0 0}.login-copy .eyebrow{display:none}.login-copy h1{font-size:29px;letter-spacing:-1px;max-width:none}.login-copy h1 em{font-size:1.1em;letter-spacing:-1px;margin-top:3px}.login-copy p,.login-art>small{display:none}.login-form-wrap{padding:31px 27px 45px}.login-form{width:100%;max-width:400px}.login-form h1{font-size:26px}}

/* Agent workspace legibility. Light surfaces, clear controls, decisive actions. */
.sidebar{background:#202225;border-color:#36393e;color:#eef0f3}
.sidebar .brand-product{color:#fff}.sidebar .brand-suite{color:#bac5d6}
.sidebar .nav button{color:#d5d9df;font-size:14px;min-height:44px;border-radius:6px}
.sidebar .nav button:hover{color:#fff;background:#2d3035}
.sidebar .nav button.active,.sidebar .nav button.active:hover{color:#fff;background:#3a3e45;box-shadow:inset 3px 0 #77aaff}
.sidebar .nav .count{color:#e4eaf4;background:#373e49;font-size:12px}
.sidebar .nav button.active .count{color:#fff;background:#52627b}
.sidebar .workspace-label{font-size:10px;color:#aeb8c8}
.sidebar .support-nav,.sidebar .profile{border-color:#3d4148}
.sidebar .profile .name{color:#f2f4f7}.sidebar .profile small{color:#bac3d0}
.sidebar .profile .avatar{background:#384557;color:#dce9ff}
.sidebar .icon-button{color:#bac5d6}.sidebar .icon-button:hover{background:#363b43;color:#fff}
.sidebar button:focus-visible,.sidebar a:focus-visible{outline-color:#a5c7ff}
.saved-nav button{font-size:12px;min-height:40px}
.topbar{border-bottom-color:#cfdae8}.breadcrumb{color:#52647c}
.profile .name{font-size:13px}
.description{font-size:14px;color:#50627a;max-width:720px}
.agent-head{margin-bottom:20px}.agent-head h1{font-size:28px}
.button{font-size:13px;min-height:40px;border-color:var(--control-border);font-weight:600}
.button.small{font-size:12px;min-height:36px}
.agent-head .button{height:42px}
.button.primary{box-shadow:0 1px 2px #173c6818}
.button.danger{color:#9f2f32;border-color:#b77878;background:#fff4f3}
.icon-button{color:#38577b;min-width:38px;min-height:38px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #174c97;outline-offset:3px}
button:disabled{cursor:default}
.work-strip{gap:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 8px;margin-bottom:20px;color:#415873;font-size:13px}
.work-strip>button,.work-strip>span{min-height:40px;padding:6px 12px;gap:8px}
.work-strip>button{border-radius:5px}.work-strip>button:hover{background:#e9f1fc;color:#174d94}
.work-strip strong{font-weight:700;color:#1c304b}.work-strip svg{width:17px;height:17px;color:#365d8b}
.work-strip .work-hint{font-size:11px;color:#52647c}
.panel{border-color:#cbd7e6}.lead-workspace{box-shadow:0 3px 10px #173c6808}
.view-tabs{background:#fff;gap:24px}.view-tab{font-size:13px;font-weight:500;color:#4c607b}
.view-tab.active{color:#194f99;border-bottom:3px solid #245fb5;font-weight:700}
.view-tabs .save-view{font-size:12px;color:#365676;min-height:40px}
.toolbar{background:#f9fbfe}.toolbar input,.toolbar select{font-size:13px;height:40px;color:#273f60;border-color:var(--control-border)}
.search{max-width:270px}.search input::placeholder{color:#536780;opacity:1}.search kbd{top:11px;color:#4c607b;border-color:#b7c6da}
.sort-group select{border-color:var(--control-border);background:#fff;max-width:135px}
.filter-summary{background:#f9fbfe;font-size:12px}.filter-summary button{min-height:32px;color:#194f99;background:#e5efff;border:1px solid #a8bedb}
.filter-summary .reset-view{border-color:transparent}
.leads-table th,.data-table th{background:#eaf0f8;color:#354f70;font-size:12px;font-weight:650;border-bottom-color:#bfcedf}
.leads-table td,.data-table td{font-size:13px;color:#3d526e;border-bottom-color:#dce5ef}
.leads-table tbody tr:hover{background:#f2f7ff}.leads-table tr.is-selected{background:#e8f1ff}.leads-table tr.is-selected td:first-child{box-shadow:inset 3px 0 #245fb5}
.leads-table .lead-name{font-size:14px;color:#162f52;font-weight:650;min-height:25px}
.lead-name:hover{color:#164f9d;text-decoration:underline;text-underline-offset:3px}
.lead-id{color:#536780;font-size:11px}.lead-initial{font-size:11px;color:#315788;background:#e8f0fb;border-color:#c5d5e9}
.leads-table input[type=checkbox]{width:17px;height:17px}
.leads-table .status,.status{font-size:11px;padding:5px 8px;font-weight:600;background:#e8effa;color:#31547f}
.status.working{background:#fff0d2;color:#79500d}.status.follow-up{background:#efe7fa;color:#684486}
.status.appointment{background:#e1edff;color:#25548f}.status.won,.status.committed{background:#e4f3e9;color:#2c6542}
.status.not-interested,.status.failed{background:#fae9e5;color:#914438}
.local-time strong{font-size:13px;font-weight:600;color:#263f60}.local-time small{font-size:11px;color:#52647c}
.follow-up-link{font-size:12px;min-height:36px;color:#3d5c80}.follow-up-link.overdue{color:#87500d;font-weight:650}.due-dot{background:#975814;width:6px;height:6px}
.button.row-call{min-height:36px;padding:6px 9px;font-size:12px;gap:6px;color:#2059a2;border-color:#819abd;background:#f4f8ff}
.row-call:hover{color:#fff;background:#245fb5;border-color:#245fb5}.row-call svg{width:15px;height:15px}
.selection-bar{background:#e5efff;color:#193e70;border-bottom:1px solid #aec4e2}
.table-footer{font-size:12px;color:#475d78}.workspace-footnote{font-size:11px;color:#52647c;line-height:1.6}
.record-navigation{background:#f8fafd;border-bottom-color:#c6d4e6}.record-navigation .back-to-leads{font-size:13px;min-height:38px}
.record-position{font-size:12px;color:#4b607b}.record-nav-actions{gap:7px}.record-nav-actions button{border-color:var(--control-border);min-height:36px;padding:6px 9px}
.record-nav-actions .record-step{font-size:12px;gap:6px}.record-nav-actions .record-step svg{width:15px;height:15px}
.record-contact{background:#f4f7fc;border-right-color:#c6d4e6}.record-contact .drawer-header h2{color:#152f52;font-size:22px}
.lead-workbench .lead-phone-row strong{font-size:18px;color:#162f52}.lead-workbench .lead-phone-row small{font-size:10px;color:#52647c}
.lead-workbench .lead-phone-row .button{min-height:40px;padding:8px 14px}
.contact-local-time{font-size:12px}.contact-local-time>span:last-child{font-size:11px}
.field label,.record-contact .field label{font-size:12px;color:#405875}
.field input,.field select,.field textarea,.record-contact .field input,.record-contact .field select{font-size:13px;border-color:var(--control-border);min-height:40px}
.field small,.record-contact .field small{font-size:11px}
.follow-up-shortcuts .button{font-size:12px;min-height:36px;padding:6px 9px}
.details-heading{font-size:13px;color:#243f61}.detail-field label{font-size:12px;color:#52647c}.detail-field span{font-size:13px;color:#263f60}
.secondary-controls summary{font-size:12px;color:#405b7f;min-height:32px}.owner-actions .button{font-size:12px;min-height:36px}
.conversation-heading h2{font-size:20px;color:#173352}.conversation-heading p{font-size:12px}
.note-composer{border-color:#8195b1;box-shadow:0 2px 6px #173c6809;padding:16px}
.note-composer>label{font-size:13px;color:#243f61}.note-composer textarea{font-size:14px;min-height:96px}.note-composer textarea::placeholder{color:#586b83;opacity:1}
.note-footer small{font-size:11px;line-height:1.6}.note-shortcut{display:block;color:#425c7d}
.record-conversations .activity-title{font-size:14px;color:#243f61}.record-conversations .activity-meta{font-size:12px;color:#536780}.record-conversations .activity-body{font-size:14px;color:#304b6b;line-height:1.7}
.activity-empty{color:#536780}.activity-empty h3{font-size:14px;color:#385372;font-weight:600}.activity-empty p{font-size:13px}
.calling-readiness{display:flex;align-items:flex-start;gap:13px;padding:18px 20px;border:1px solid #b58b4c;border-left-width:4px;border-radius:9px;background:#fff6e6;color:#68491c;margin-bottom:20px}
.calling-readiness h2{font-size:16px;line-height:1.3;margin:0 0 6px;color:inherit}.calling-readiness p{font-size:13px;line-height:1.6;margin:0;max-width:850px}.calling-readiness p.readiness-limits{font-size:12px;margin-top:7px}
.readiness-symbol{display:flex;align-items:center;justify-content:center;border:1.5px solid currentColor;border-radius:50%;width:24px;height:24px;flex-shrink:0;font-weight:750}
.calling-readiness.is-ready{background:#edf7f1;color:#2b6041;border-color:#6f9a7c}
.calling-entry-cards{gap:16px;margin-bottom:20px}.calling-entry-cards .section{padding:20px}.calling-entry-cards h2{font-size:18px}.calling-entry-cards .card-icon{float:left;width:36px;height:36px;margin:0 13px 10px 0}.calling-entry-cards .section p{font-size:13px;max-width:440px;line-height:1.65;clear:both}
.call-recent{margin:0 0 24px}.section p{font-size:13px}.tiny{font-size:12px}
.number-panel h2{font-size:20px}.number-selector>label,.number-form>label{font-size:13px;color:#405875}
.number-selector select,.number-form input:not([type=checkbox]),.number-form select,.number-form textarea,.number-search-form input,.number-search-form select{border-color:var(--control-border);font-size:13px}
.number-card-heading p,.number-caption,.number-metrics dt,.number-metrics small{font-size:12px}.number-badge{font-size:12px;color:#24528b}.number-attention{color:#8b4126}
.number-guidance,.number-guidance p{font-size:12px}.number-guidance strong{font-size:13px}#calling-settings summary{font-size:13px;min-height:28px}
.number-setup-hint{padding:12px 14px;background:#eaf2ff;border:1px solid #aec5e5;border-radius:6px;color:#294e7c}
.number-setup{margin:16px 0;padding:16px;background:#f0f5fc;border:1px solid #c0d1e8;border-radius:7px;color:#243f61}
.number-setup>strong{font-size:14px}.number-setup p{font-size:13px;line-height:1.6;margin:7px 0 13px}.number-setup-actions{display:flex;flex-wrap:wrap;gap:8px}
.call-bar{border-bottom:2px solid #245fb5}.call-mode strong{font-size:13px}.call-mode small,.call-current small{font-size:11px}.call-current strong{font-size:14px}.call-phase{font-size:10px;font-weight:700}
.call-bar .button{font-size:12px;min-height:38px}.call-session-summary,.call-session-options,.call-check,.call-pack-summary{font-size:12px}.call-check input{width:17px;height:17px}.call-gate{font-size:12px;color:#714b1e;background:#fff5df;border-color:#b79151}.call-countdown{font-size:12px}.call-queue{font-size:11px}.call-save-state,.call-facts,.call-wrap-footer span{font-size:12px}.call-composer{border-color:#a1b7d4}
@media(max-width:1150px){.work-strip .work-hint{display:none}.record-nav-actions{gap:5px}.record-position{font-size:11px}}
@media(max-width:760px){
  .nav button{font-size:13px;min-height:44px;padding:9px}.nav .count{font-size:11px}.support-nav button{font-size:12px}.sidebar .support-nav{margin-top:7px}
  .description,.agent-head .description{font-size:13px}.agent-head .button{font-size:13px;min-height:44px}.work-strip{padding:5px;gap:0;font-size:12px}.work-strip>button,.work-strip>span{padding:8px;min-height:40px}.work-strip .work-hint{display:none}
  .view-tabs{gap:20px}.view-tabs .view-tab{font-size:13px}.view-tabs .save-view{font-size:12px}.toolbar select,.toolbar input{font-size:13px;min-height:44px}.search kbd{display:none}
  .button,.button.small,.icon-button{min-height:44px}.button{font-size:13px}.icon-button{min-width:44px}.button.row-call{min-height:40px}.record-navigation{flex-wrap:wrap;padding:8px 12px;gap:8px}.record-navigation .back-to-leads{font-size:12px;min-height:40px}.record-position{order:3;width:100%;margin:0;font-size:11px}.record-nav-actions{margin-left:auto}.record-nav-actions button{min-height:40px}.record-nav-actions .record-step{font-size:12px;padding:6px}.record-nav-actions .record-step span{display:none}
  .record-contact .field input,.record-contact .field select,.field textarea{font-size:16px;min-height:44px}.follow-up-shortcuts .button{min-height:40px}.lead-workbench .lead-phone-row .button{min-height:44px}.record-conversations .conversation-heading p{font-size:12px}
  .note-composer textarea{font-size:16px}.note-footer small{max-width:none}.call-bar .button{min-height:44px;font-size:12px}.call-current{min-width:0}.calling-readiness{padding:16px}.calling-entry-cards{gap:12px}.number-selector select,.number-form input:not([type=checkbox]),.number-form select,.number-form textarea{font-size:16px;min-height:44px}
}
.filter-controls{display:contents}.filter-toggle,.mobile-activity-jump{display:none}
#calling-settings>.panel.section{margin-bottom:24px}
.calling-readiness>.button{margin-left:auto;align-self:center;flex-shrink:0}
@media(max-width:760px){
  .sidebar>.nav[aria-label="Main navigation"]{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:5px}.sidebar>.nav[aria-label="Main navigation"] button{width:100%}
  .toolbar .search{min-width:0;max-width:none;flex:1}.filter-toggle{display:inline-flex;font-size:12px;gap:5px;padding:8px 10px}.filter-toggle svg{width:16px;height:16px}.filter-active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
  .filter-controls{display:none}.filters-open .filter-controls{display:flex;flex-wrap:wrap;gap:8px;width:100%}
  .mobile-activity-jump{display:inline-flex;font-size:12px;min-height:36px;padding:6px 8px;order:4;margin-left:auto}.record-position{width:auto;flex:1}
  .calling-readiness{flex-wrap:wrap}.calling-readiness>div{flex:1;min-width:200px}.calling-readiness>.button{margin-left:37px;align-self:flex-start}
}