#customer-crm-root{--cb-bg:#f5f8f7;--cb-card:#fff;--cb-text:#23363c;--cb-muted:#77898f;--cb-line:#dce6e6;--cb-orange:#ff710b;--cb-side:#14252a;font:13px/1.5 Arial,sans-serif;background:var(--cb-bg);color:var(--cb-text);border:1px solid var(--cb-line);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:156px minmax(0,1fr)}#customer-crm-root *{box-sizing:border-box}#customer-crm-root button,#customer-crm-root input,#customer-crm-root select,#customer-crm-root textarea{font:inherit}#customer-crm-root button{cursor:pointer}#customer-crm-root button:focus-visible,#customer-crm-root input:focus-visible,#customer-crm-root select:focus-visible,#customer-crm-root textarea:focus-visible{outline:3px solid #ffc18c;outline-offset:2px}#customer-crm-root [hidden]{display:none!important}#customer-crm-root .cb-side{background:linear-gradient(155deg,#1c3035,#0d1b20);color:#9bb0b6;padding:24px 10px 18px;display:flex;flex-direction:column}#customer-crm-root .cb-brand{display:flex;align-items:center;gap:8px;color:#fff;margin:2px 2px 32px}#customer-crm-root .cb-brand img{width:32px;height:32px;object-fit:contain}#customer-crm-root .cb-brand strong{display:block;font-size:14px;white-space:nowrap}#customer-crm-root .cb-brand em{color:var(--cb-orange);font-style:normal}#customer-crm-root .cb-brand small{font-size:11px;letter-spacing:1.1px;color:#9bb0b6}#customer-crm-root .cb-workspace{font-size:11px;letter-spacing:1.5px;color:#6f8a92;padding:0 10px 13px}#customer-crm-root .cb-mainnav{display:grid;gap:7px}#customer-crm-root .cb-mainnav span{display:flex;align-items:center;gap:10px;padding:11px 11px;border-radius:11px;font-size:12px}#customer-crm-root svg{width:17px;height:17px;flex:none}#customer-crm-root .cb-mainnav .active{background:#ffffff0d;color:#fff;box-shadow:inset 3px 0 var(--cb-orange);border:1px solid #ffffff20;font-weight:600}#customer-crm-root .cb-mainnav .active svg{color:var(--cb-orange)}#customer-crm-root .cb-sidefooter{margin-top:auto;padding:35px 11px 0;font-size:11px}#customer-crm-root .cb-sidefooter small{display:block;color:#738e96;margin-top:7px}#customer-crm-root .cb-topbar{padding:16px 24px;border-bottom:1px solid var(--cb-line);background:var(--cb-card);display:flex;align-items:center;justify-content:space-between;gap:12px}#customer-crm-root .cb-breadcrumb{font-size:12px;color:var(--cb-muted)}#customer-crm-root .cb-breadcrumb b{color:var(--cb-text);font-weight:500}#customer-crm-root .cb-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff0e4;color:#d66a17;font-size:11px}#customer-crm-root .cb-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 24px 18px}#customer-crm-root h1{font-size:25px;letter-spacing:-.6px;line-height:1.2;margin:0 0 6px}#customer-crm-root h2{font-size:19px;margin:0}#customer-crm-root p{margin:0;color:var(--cb-muted);font-size:12px}#customer-crm-root .cb-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--cb-line);background:var(--cb-card);border-radius:9px;padding:9px 12px;color:var(--cb-text);font-size:12px}#customer-crm-root .cb-primary{color:#fff;border-color:#ff790f;background:linear-gradient(180deg,#ff9e43,#ff710b);box-shadow:inset 0 1px #ffffff40,0 3px 8px #ff710b12;font-weight:600}#customer-crm-root .cb-modules{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin:0 24px;border-bottom:1px solid var(--cb-line)}#customer-crm-root .cb-modules button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--cb-muted);font-size:12px;padding:11px 0;display:flex;align-items:center;gap:6px;font-weight:600}#customer-crm-root .cb-modules svg{width:14px;height:14px}#customer-crm-root .cb-modules button[aria-selected=true]{color:var(--cb-orange);border-bottom-color:var(--cb-orange)}#customer-crm-root .cb-crm{margin:20px 24px 24px;border:1px solid var(--cb-line);border-radius:14px;overflow:hidden;background:var(--cb-card);display:grid;grid-template-columns:139px minmax(0,1fr);min-height:525px}#customer-crm-root .cb-teams{border-right:1px solid var(--cb-line);padding:19px 10px;background:#fafcfc}#customer-crm-root .cb-label{color:var(--cb-muted);font-size:11px;letter-spacing:1.1px;font-weight:600;text-transform:uppercase}#customer-crm-root .cb-teams>.cb-label{padding:0 9px;margin-bottom:13px;display:block}#customer-crm-root .cb-teams button{display:flex;align-items:center;gap:7px;text-align:left;background:transparent;border:0;border-radius:8px;padding:10px 8px;font-size:12px;color:var(--cb-muted);width:100%;margin-bottom:5px}#customer-crm-root .cb-teams button[aria-pressed=true]{color:#d66a17;background:#fff1e6;font-weight:600}#customer-crm-root .cb-teams svg{width:14px;height:14px}#customer-crm-root .cb-team-note{margin-top:26px;padding:15px 9px;border-top:1px solid var(--cb-line);font-size:11px;color:var(--cb-muted)}#customer-crm-root .cb-toolbar{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--cb-line)}#customer-crm-root .cb-toolbar h2{font-size:16px}#customer-crm-root .cb-toolbar-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#customer-crm-root .cb-search{display:flex;align-items:center;gap:6px;border:1px solid var(--cb-line);border-radius:8px;padding:7px 9px;background:#fff;max-width:200px}#customer-crm-root .cb-search svg{width:14px;height:14px;color:var(--cb-muted)}#customer-crm-root .cb-search input{border:0;min-width:0;width:100%;font-size:12px;background:transparent;color:var(--cb-text)}#customer-crm-root select{padding:8px 9px;border:1px solid var(--cb-line);border-radius:8px;background:#fff;color:var(--cb-text);font-size:12px;max-width:100%}#customer-crm-root .cb-board{display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));gap:12px;padding:16px;background:#f6f9f8;min-height:340px;align-items:start}#customer-crm-root .cb-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 2px 13px;font-size:12px;font-weight:600;min-height:44px}#customer-crm-root .cb-count{font-size:11px;color:var(--cb-muted);font-weight:400;background:#eaf0ef;border-radius:5px;padding:1px 6px}#customer-crm-root .cb-contact-card{position:relative;display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--cb-line);border-radius:11px;padding:13px 12px;margin-bottom:11px;box-shadow:0 3px 8px #14252a04;color:var(--cb-text)}#customer-crm-root .cb-contact-card:hover{border-color:#ffb575;box-shadow:0 4px 14px #14252a0a}#customer-crm-root .cb-card-id{font-size:11px;color:var(--cb-muted);letter-spacing:.4px}#customer-crm-root .cb-contact-card h3{font-size:13px;line-height:1.4;margin:6px 0 4px;font-weight:600;padding-right:14px}#customer-crm-root .cb-car{color:var(--cb-muted);font-size:11px;line-height:1.6;margin-bottom:12px}#customer-crm-root .cb-card-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--cb-muted);border-top:1px solid #edf1f0;padding-top:10px}#customer-crm-root .cb-source{font-size:11px;color:#78888d;background:#f4f7f6;border-radius:4px;padding:2px 5px}#customer-crm-root .cb-card-owner{margin-left:auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f1f5f5;color:#6e858c;font-size:11px}#customer-crm-root .cb-due{font-size:11px;color:#bd7929;margin-top:9px;display:flex;align-items:center;gap:5px}#customer-crm-root .cb-due svg{width:12px;height:12px}#customer-crm-root .cb-stage-empty{padding:19px 7px;border:1px dashed #dce5e3;border-radius:10px;color:#a0afad;text-align:center;font-size:11px}#customer-crm-root .cb-pipelines{display:flex;flex-wrap:wrap;gap:0 18px;padding:0 16px;border-top:1px solid var(--cb-line);background:#fff}#customer-crm-root .cb-pipelines button{border:0;border-top:2px solid transparent;border-radius:0;padding:12px 0;background:none;font-size:11px;color:var(--cb-muted)}#customer-crm-root .cb-pipelines button[aria-selected=true]{color:var(--cb-orange);border-top-color:var(--cb-orange);font-weight:600}#customer-crm-root .cb-footnote{font-size:11px;color:var(--cb-muted);padding:11px 16px;border-top:1px solid #edf1f0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}#customer-crm-root .cb-list{padding:0 16px 18px}#customer-crm-root .cb-table{border-collapse:collapse;width:100%;font-size:12px}#customer-crm-root .cb-table th{text-align:left;font-weight:500;color:var(--cb-muted);font-size:11px;padding:12px 9px;border-bottom:1px solid var(--cb-line);background:#fafcfc}#customer-crm-root .cb-table td{padding:14px 9px;border-bottom:1px solid #eaf0ef;overflow-wrap:anywhere}#customer-crm-root .cb-link{color:var(--cb-text);border:0;background:transparent;text-align:left;padding:0;font-weight:600}#customer-crm-root .cb-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px}#customer-crm-root .cb-stat{padding:22px;border:1px solid var(--cb-line);border-radius:12px;background:#fff}#customer-crm-root .cb-stat strong{font-size:27px;display:block;margin-top:12px}#customer-crm-root .cb-detail{padding:18px}#customer-crm-root .cb-back{border:0;background:none;color:var(--cb-muted);padding:0;margin-bottom:18px;font-size:12px}#customer-crm-root .cb-record-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}#customer-crm-root .cb-record-head h2{font-size:21px;margin:3px 0 5px}#customer-crm-root .cb-record-layout{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);gap:22px}#customer-crm-root .cb-info{padding-right:18px;border-right:1px solid var(--cb-line)}#customer-crm-root .cb-info-row{border-bottom:1px solid #edf1f0;padding:10px 0;display:grid;gap:5px;font-size:12px}#customer-crm-root .cb-info-row small{color:var(--cb-muted);font-size:11px}#customer-crm-root .cb-info-title{font-size:11px;color:#d66a17;font-weight:600;margin:19px 0 3px}#customer-crm-root .cb-record-tabs{display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--cb-line)}#customer-crm-root .cb-record-tabs button{font-size:11px;padding:0 0 11px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--cb-muted)}#customer-crm-root .cb-record-tabs button[aria-selected=true]{color:var(--cb-orange);border-bottom-color:var(--cb-orange)}#customer-crm-root .cb-event{position:relative;padding:0 0 24px 22px;border-left:1px solid var(--cb-line);margin-left:4px;font-size:12px}#customer-crm-root .cb-event:before{position:absolute;content:'';width:7px;height:7px;background:var(--cb-orange);border:3px solid #fff;border-radius:50%;box-sizing:content-box;left:-7px;top:2px}#customer-crm-root .cb-event small{display:block;font-size:11px;color:var(--cb-muted);margin:5px 0}#customer-crm-root .cb-timeline{padding-top:22px}#customer-crm-root .cb-note{padding:15px;background:#f7faf9;border:1px solid var(--cb-line);border-radius:10px;margin-top:16px;font-size:12px}#customer-crm-root .cb-note small{display:block;color:var(--cb-muted);margin-top:9px;font-size:11px}#customer-crm-root .cb-dialog{position:absolute;inset:0;background:#14252a66;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}#customer-crm-root .cb-main{position:relative;min-width:0}#customer-crm-root .cb-dialog-card{width:100%;max-width:570px;background:#fff;border:1px solid var(--cb-line);border-radius:16px;box-shadow:0 20px 50px #14252a24;padding:25px}#customer-crm-root .cb-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}#customer-crm-root .cb-formgrid label{font-size:11px;color:var(--cb-muted);display:grid;gap:7px}#customer-crm-root .cb-formgrid input{width:100%;min-width:0;padding:10px;border:1px solid var(--cb-line);border-radius:8px;color:var(--cb-text);background:#fff}#customer-crm-root .cb-formactions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#customer-crm-root .cb-stage-badge{padding:5px 9px;border-radius:6px;color:#bb7222;background:#fff5e9;font-size:11px}#customer-crm-root .cb-close{background:none;border:0;color:var(--cb-muted);font-size:22px;padding:0 5px}#customer-crm-root .cb-rightrow{display:flex;justify-content:space-between;align-items:center;gap:15px}@media(max-width:950px){#customer-crm-root{grid-template-columns:58px minmax(0,1fr)}#customer-crm-root .cb-side{padding:20px 6px}#customer-crm-root .cb-brand{justify-content:center;margin:0 0 30px}#customer-crm-root .cb-brand>div,#customer-crm-root .cb-workspace,#customer-crm-root .cb-sidefooter{display:none}#customer-crm-root .cb-mainnav span{justify-content:center;padding:13px 6px}#customer-crm-root .cb-mainnav span b{display:none}#customer-crm-root .cb-heading{padding-top:22px}#customer-crm-root .cb-crm{grid-template-columns:125px minmax(0,1fr)}}@media(max-width:720px){#customer-crm-root .cb-crm{grid-template-columns:1fr;margin:16px}#customer-crm-root .cb-teams{display:flex;flex-wrap:wrap;gap:5px;border-right:0;border-bottom:1px solid var(--cb-line);padding:10px}#customer-crm-root .cb-teams>.cb-label,#customer-crm-root .cb-team-note{display:none}#customer-crm-root .cb-teams button{width:auto;margin:0;padding:8px}#customer-crm-root .cb-board{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}#customer-crm-root .cb-heading{padding:20px 16px}#customer-crm-root .cb-modules{margin:0 16px;gap:14px}#customer-crm-root .cb-modules svg{display:none}#customer-crm-root .cb-record-layout{grid-template-columns:1fr}#customer-crm-root .cb-info{border:0;padding:0}#customer-crm-root .cb-table th:last-child,#customer-crm-root .cb-table td:last-child{display:none}}@media(max-width:460px){#customer-crm-root{grid-template-columns:minmax(0,1fr)}#customer-crm-root .cb-side{display:none}#customer-crm-root .cb-board{grid-template-columns:1fr}#customer-crm-root .cb-topbar{padding:13px 16px}#customer-crm-root .cb-heading{align-items:flex-start;flex-wrap:wrap}#customer-crm-root .cb-formgrid{grid-template-columns:1fr}#customer-crm-root .cb-dialog{padding:18px 10px}#customer-crm-root .cb-dialog-card{padding:18px}#customer-crm-root .cb-mini-stats{grid-template-columns:1fr}} #customer-crm-root .cb-follow{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--cb-muted);border-top:1px solid var(--cb-line);margin-top:11px;padding-top:10px}#customer-crm-root input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:17px;height:17px;border:1px solid #cddadd;border-radius:5px;background:linear-gradient(#fff,#edf2f2);margin:0;cursor:pointer}#customer-crm-root input[type=checkbox]:checked{background:linear-gradient(180deg,#ffad56,#ff8b29 44%,#ff710b 52%,#ef6400);border-color:#f17516;box-shadow:inset 0 1px 1px #ffffff99,0 1px 3px #d5651738}#customer-crm-root input[type=checkbox]:checked:after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}#customer-crm-root .cb-card-open{width:100%;background:transparent;color:inherit;text-align:left;border:0;padding:0}#customer-crm-root .cb-missed{display:inline-block;color:#bd7929;background:#fff4e6;padding:2px 6px;border-radius:4px;font-size:11px;margin-top:5px}#customer-crm-root .cb-flowhint{padding:10px 16px;border-bottom:1px solid var(--cb-line);font-size:11px;color:var(--cb-muted);background:#fcfdfc}#customer-crm-root .cb-footnote button{background:transparent;border:0;color:#c2742b;padding:0;font:inherit}#customer-crm-root .cb-record-layout{grid-template-columns:minmax(225px,.9fr) minmax(0,1.4fr)}#customer-crm-root .cb-info-row{position:relative;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:3px}#customer-crm-root .cb-info-row small{grid-column:1}#customer-crm-root .cb-info-row>span{grid-column:1;overflow-wrap:anywhere}#customer-crm-root .cb-pencil{grid-column:2;grid-row:1/3;background:transparent;border:0;padding:3px;opacity:0;color:var(--cb-muted);height:24px}#customer-crm-root .cb-pencil svg{width:13px;height:13px}#customer-crm-root .cb-info-row:hover .cb-pencil,#customer-crm-root .cb-info-row:focus-within .cb-pencil{opacity:1}#customer-crm-root .cb-field-edit{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;gap:5px}#customer-crm-root .cb-field-edit input{width:100%;min-width:0;padding:7px;border:1px solid var(--cb-line);border-radius:6px;background:#fff;color:var(--cb-text)}#customer-crm-root .cb-field-edit button{padding:5px 7px;border:1px solid var(--cb-line);border-radius:6px;background:#fff;color:var(--cb-text);font-size:11px}#customer-crm-root .cb-tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 18px}#customer-crm-root .cb-tags span{font-size:11px;color:var(--cb-muted);padding:3px 7px;background:#f1f6f5;border-radius:5px}#customer-crm-root .cb-vehicle-summary{width:100%;text-align:left;color:var(--cb-text);background:#fff;border:1px solid var(--cb-line);border-radius:10px;padding:12px;margin:0 0 9px;display:grid;gap:5px}#customer-crm-root .cb-vehicle-summary strong{font-size:12px}#customer-crm-root .cb-vehicle-summary small{color:var(--cb-muted);font-size:11px}#customer-crm-root .cb-vehicle-back{padding:0;background:none;border:0;color:#c5752c;font-size:11px;margin:10px 0}#customer-crm-root .cb-info details{border-bottom:1px solid var(--cb-line);padding:11px 0}#customer-crm-root .cb-info summary{font-size:12px;font-weight:600;cursor:pointer}#customer-crm-root .cb-notes-tools{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:18px 0;flex-wrap:wrap}#customer-crm-root .cb-notes-tools select{max-width:230px;min-width:0}#customer-crm-root .cb-note-meta{display:flex;justify-content:space-between;gap:9px;margin-bottom:9px;font-size:11px;color:var(--cb-muted)}#customer-crm-root .cb-note-actions{display:flex;gap:10px;margin-top:11px}#customer-crm-root .cb-note-actions button{padding:0;border:0;background:none;color:#c5752c;font-size:11px}#customer-crm-root .cb-lock{color:var(--cb-muted);font-size:11px;display:flex;align-items:center;gap:5px;margin-top:12px}#customer-crm-root .cb-lock svg{width:12px;height:12px}#customer-crm-root textarea{width:100%;min-width:0;min-height:95px;resize:vertical;padding:10px;color:var(--cb-text);background:#fff;border:1px solid var(--cb-line);border-radius:8px}#customer-crm-root .cb-activity-tabs{display:flex;gap:15px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--cb-line)}#customer-crm-root .cb-activity-tabs button{background:none;border:0;padding:0;font-size:11px;color:var(--cb-muted)}#customer-crm-root .cb-activity-tabs button[aria-selected=true]{color:var(--cb-orange)}#customer-crm-root .cb-activity-tools{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}#customer-crm-root .cb-activity-table{font-size:11px;width:100%;border-collapse:collapse}#customer-crm-root .cb-activity-table td,#customer-crm-root .cb-activity-table th{padding:10px 5px;text-align:left;border-bottom:1px solid var(--cb-line);overflow-wrap:anywhere}#customer-crm-root .cb-activity-table th{color:var(--cb-muted);font-weight:400}#customer-crm-root .cb-form-section{margin-top:18px;padding-top:14px;border-top:1px solid var(--cb-line)}#customer-crm-root .cb-form-section summary{cursor:pointer;font-size:12px;font-weight:600}#customer-crm-root .cb-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}#customer-crm-root .cb-duplicate{padding:15px;background:#fff6eb;border:1px solid #ffe0bd;border-radius:10px;margin-top:16px;font-size:12px}#customer-crm-root .cb-form-error{color:#c4323e;font-size:12px;margin-top:12px}#customer-crm-root .cb-dialog{padding-top:24px}#customer-crm-root .cb-formgrid select{width:100%;min-width:0}#customer-crm-root .cb-dialog-card p{margin-top:9px}#customer-crm-root .cb-new-note{margin-top:18px;display:grid;gap:10px}#customer-crm-root .cb-notice{font-size:11px;color:#ad702d;margin-top:9px}#customer-crm-root .cb-contact-card{cursor:default}#customer-crm-root .cb-record-head .cb-button{font-size:11px;padding:8px 11px}@media(max-width:720px){#customer-crm-root .cb-record-layout{grid-template-columns:1fr}#customer-crm-root .cb-pencil{opacity:1}}@media(pointer:coarse){#customer-crm-root .cb-pencil{opacity:1}}@media(max-width:480px){#customer-crm-root .cb-activity-table th:last-child,#customer-crm-root .cb-activity-table td:last-child{display:none}} #customer-crm-root .cb-multiple{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:12px 0;border-radius:8px;background:#fff5e9;color:#9b551d;font-size:12px}#customer-crm-root .cb-multiple svg{flex:none} #customer-crm-root .cb-phone-actions{display:inline-flex;gap:5px;margin-left:8px;vertical-align:middle}#customer-crm-root .cb-phone-actions button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--cb-line);border-radius:8px;background:#fff;color:#f87816}#customer-crm-root .cb-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 18px}#customer-crm-root .cb-outcomes button{padding:11px 9px;border:1px solid var(--cb-line);border-radius:9px;background:#fff;color:var(--cb-text);font:inherit;text-align:left}#customer-crm-root .cb-outcomes button[aria-pressed=true]{background:#fff2e6;border-color:#ff8b31;color:#a94d08;box-shadow:inset 3px 0 #ff7914}#customer-crm-root .cb-call-customer{display:grid;gap:5px;margin:6px 0 20px}#customer-crm-root .cb-call-customer small{color:var(--cb-muted)}#customer-crm-root .cb-message-label{display:grid;gap:7px;margin:14px 0;font-size:12px}#customer-crm-root .cb-message-label textarea{width:100%;box-sizing:border-box;resize:vertical;padding:11px;border:1px solid var(--cb-line);border-radius:9px;background:#fff;color:var(--cb-text);font:inherit;line-height:1.6}#customer-crm-root .cb-call-impact{font-size:12px;color:var(--cb-muted);padding:12px 0;border-top:1px solid var(--cb-line)}#customer-crm-root .cb-call-request{font-size:13px;margin:10px 0}#customer-crm-root .cb-button:disabled{opacity:.5}#customer-crm-root .cb-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px}@media(max-width:450px){#customer-crm-root .cb-phone-actions button{width:44px;height:44px}#customer-crm-root .cb-outcomes{grid-template-columns:1fr}} #customer-crm-root #cb-work{min-width:0}#customer-crm-root .cb-board-scroll{overflow-x:auto;max-width:100%;scrollbar-width:none}#customer-crm-root .cb-board-scroll::-webkit-scrollbar{display:none}#customer-crm-root .cb-board{display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:16px;min-height:340px;width:max-content;min-width:100%;box-sizing:border-box}#customer-crm-root .cb-board>section{flex:0 0 230px;width:230px;box-sizing:border-box;border-radius:8px;min-height:300px;transition:background .12s}#customer-crm-root .cb-board-slider{padding:8px 18px 12px;background:#f7faf9}#customer-crm-root .cb-board-slider input{display:block;width:100%;margin:0;accent-color:#9eafb3;height:16px}#customer-crm-root .cb-drop-active{background:#fff0df!important;box-shadow:inset 0 0 0 2px #ff8a30}#customer-crm-root .cb-dragging{opacity:.45}#customer-crm-root .cb-move-record{display:flex;align-items:center;gap:5px;margin-top:10px;padding:3px 0;border:0;background:transparent;color:var(--cb-muted);font-size:11px}#customer-crm-root .cb-pipelines{flex-wrap:wrap} #customer-crm-root .cb-detail-box{margin:14px 0;padding:14px;background:#fff;border:1px solid var(--cb-line);border-radius:12px;box-shadow:0 3px 12px #213f4610}#customer-crm-root .cb-detail-box h3{margin:0 0 10px;font-size:13px;color:var(--cb-text);line-height:1.5}#customer-crm-root .cb-detail-box .cb-info-row{padding:8px 0}#customer-crm-root .cb-update-status{margin:8px 0 2px;width:100%}#customer-crm-root .cb-appointment-state{font-size:11px;line-height:1.7;color:var(--cb-muted);margin:10px 0 0} #customer-crm-root .cb-contact-card.cb-unhandled-today{border:1px solid #efaaaa;box-shadow:0 0 0 2px #f871711c,0 0 12px 2px #ef444428}#customer-crm-root .cb-contact-card.cb-handled-today{border:1px solid #80ce9e;box-shadow:0 0 0 2px #4ade8020,0 0 12px 2px #22c55e2b}#customer-crm-root .cb-handling-label{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;margin:7px 0 10px}#customer-crm-root .cb-handling-label svg{width:13px;height:13px;flex:none}#customer-crm-root .cb-unhandled-today .cb-handling-label{color:#b64d4d}#customer-crm-root .cb-handled-today .cb-handling-label{color:#23824a} #customer-crm-root{display:block;border:0;border-radius:0;overflow:visible;min-height:70vh}#customer-crm-root .cb-main{min-width:0}#customer-crm-root .cb-heading{padding-top:10px}#customer-crm-root .cb-dialog{position:fixed;inset:0;z-index:3000;background:#10262aa3;display:grid;place-items:center;padding:20px;overflow:auto}#customer-crm-root .cb-dialog[hidden]{display:none!important}#customer-crm-root .cb-dialog-card{max-height:calc(100vh - 40px);overflow:auto}#customer-crm-root .cb-save-status{font-size:12px;color:#6a7f84;margin-left:auto;padding-right:8px}#customer-crm-root .cb-save-status.error{color:#bd4d30}#customer-crm-root .cb-vehicle-arrival{margin-top:12px}#customer-crm-root .cb-workspace{background:#fff}#customer-crm-root .cb-main{background:#f5f8f7}body:has(#customer-crm-root) .page-intro{display:none}body:has(#customer-crm-root) .main{padding:0}#customer-crm-root .cb-contact-card{min-width:0}@media(max-width:760px){#customer-crm-root .cb-heading{padding:20px 16px 10px}#customer-crm-root .cb-modules{margin:0 16px}#customer-crm-root .cb-crm{margin:0 12px 20px}} /* Full-height Customer CRM with subpipelines in its left navigation. */ #customer-crm-root .cb-viewbar{display:flex;align-items:center;gap:18px;min-height:64px;padding:0 24px} #customer-crm-root .cb-viewbar .cb-modules{align-self:stretch;flex:1;margin:0;gap:18px} #customer-crm-root .cb-view-actions{display:flex;align-items:center;gap:12px;flex:none} #customer-crm-root .cb-view-actions .cb-save-status{margin:0;max-width:240px} #customer-crm-root .cb-crm{grid-template-columns:164px minmax(0,1fr)} #customer-crm-root .cb-subpipelines{display:grid;gap:5px;border-top:1px solid var(--cb-line);margin-top:19px;padding-top:17px} #customer-crm-root .cb-subpipelines button{position:relative;padding-left:14px;margin:0} #customer-crm-root .cb-subpipelines button[aria-selected=true]{background:#fff1e6;color:#d66a17;font-weight:600} #customer-crm-root .cb-subpipelines button[aria-selected=true]:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--cb-orange)} #customer-crm-root .cb-board-scroll{scrollbar-width:none;-ms-overflow-style:none} #customer-crm-root .cb-board-scroll::-webkit-scrollbar{display:none;width:0;height:0} @media(min-width:761px){ body:has(#customer-crm-root){overflow:hidden} body:has(#customer-crm-root) .content-wrap{height:100vh;height:100dvh;overflow:hidden} body:has(#customer-crm-root) .topbar{display:none} body:has(#customer-crm-root) .main{max-width:none;height:100%;min-height:0;padding:0} body:has(#customer-crm-root) #sectionContent{height:100%;min-height:0} #customer-crm-root{height:100%;min-height:0;overflow:hidden} #customer-crm-root .cb-main{height:100%;min-height:0;display:flex;flex-direction:column} #customer-crm-root .cb-crm{flex:1;min-height:0;margin:16px 24px 18px} #customer-crm-root .cb-teams{min-height:0;overflow-y:auto} #customer-crm-root #cb-work{display:flex;flex-direction:column;min-height:0;overflow:hidden} #customer-crm-root .cb-toolbar{flex:none} #customer-crm-root .cb-board-scroll{flex:1;min-height:0;overflow:auto} #customer-crm-root .cb-board{min-height:100%;align-items:stretch} #customer-crm-root .cb-board>section{min-height:0} #customer-crm-root .cb-board-slider{flex:none;margin-top:auto} #customer-crm-root #cb-work:has(.cb-detail){display:block;overflow:auto} #customer-crm-root .cb-list{flex:1;min-height:0;overflow:auto} } @media(max-width:760px){ #customer-crm-root .cb-viewbar{padding:10px 16px;flex-wrap:wrap;gap:8px 12px} #customer-crm-root .cb-viewbar .cb-modules{min-width:100%;gap:14px} #customer-crm-root .cb-view-actions{margin-left:auto} #customer-crm-root .cb-crm{grid-template-columns:minmax(0,1fr)} #customer-crm-root .cb-teams{display:flex;flex-wrap:wrap;gap:5px;border-right:0;border-bottom:1px solid var(--cb-line);padding:10px} #customer-crm-root .cb-teams>.cb-label{display:none} #customer-crm-root .cb-teams button{width:auto;margin:0;padding:8px} #customer-crm-root .cb-subpipelines{width:100%;display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;padding-top:10px} } /* Selectable vehicle cards and compact stage headers. */ #customer-crm-root .cb-board>section{flex:0 0 285px;width:285px} #customer-crm-root .cb-column-head{--cb-stage-color:#78afff;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;margin:0 0 16px;padding:11px 13px 10px;background:#fff;border:1px solid #e5eded;border-top:3px solid var(--cb-stage-color);border-radius:6px;box-shadow:0 -3px 10px color-mix(in srgb,var(--cb-stage-color) 15%,transparent),0 2px 5px #203b4306} #customer-crm-root .cb-column-head.cb-stage-closing{--cb-stage-color:#4ddba0} #customer-crm-root .cb-column-head.cb-stage-lost{--cb-stage-color:#ff7f89} #customer-crm-root .cb-stage-heading{display:grid;gap:1px;min-width:0} #customer-crm-root .cb-stage-heading>span{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #customer-crm-root .cb-stage-heading>small{font-size:12px;font-weight:400;color:#7b8a90} #customer-crm-root .cb-select-check{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:1px solid #bdcdcf;border-radius:4px;background:#fff;display:inline-block;vertical-align:middle;margin:0;position:relative;flex:none;cursor:pointer} #customer-crm-root .cb-select-check:checked,#customer-crm-root .cb-select-check:indeterminate{background:linear-gradient(#ffa84f,#ff710b);border-color:#ff8a26;box-shadow:inset 0 1px #ffffff80,0 1px 3px #ff710b26} #customer-crm-root .cb-select-check:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)} #customer-crm-root .cb-select-check:indeterminate:after{content:"";position:absolute;left:3px;right:3px;top:7px;height:2px;background:#fff;border:0;transform:none} #customer-crm-root .cb-select-check:disabled{opacity:.55;cursor:default} #customer-crm-root .cb-contact-card{position:relative;padding:0;margin-bottom:14px;overflow:hidden} #customer-crm-root .cb-contact-card.cb-selected-card{border-color:#ff8b31;box-shadow:0 0 0 2px #ff951f26,0 0 12px #fa7e8020} #customer-crm-root .cb-select-card{position:absolute;right:12px;top:15px;z-index:1} #customer-crm-root .cb-card-open{display:grid;width:100%;grid-template-columns:minmax(0,1fr) 17px;column-gap:8px;align-items:start;border:0;background:transparent;padding:14px 12px;text-align:left;color:var(--cb-text)} #customer-crm-root .cb-card-open .cb-card-title{grid-column:1;grid-row:1;font-size:13px;line-height:1.5;margin:0 0 10px;font-weight:600;overflow-wrap:anywhere} #customer-crm-root .cb-card-specs{grid-column:1;grid-row:2;font-size:12px;color:var(--cb-muted)} #customer-crm-root .cb-card-date{grid-column:1;grid-row:3;display:block;margin-top:4px;color:var(--cb-muted);font-size:11px} #customer-crm-root .cb-card-event{grid-column:2;grid-row:3;display:inline-flex;justify-self:center;align-self:center;color:#8a9da3;margin:4px 0 0} #customer-crm-root .cb-card-event.upcoming{color:#22b66b} #customer-crm-root .cb-card-event svg{width:15px;height:15px} #customer-crm-root .cb-card-open .cb-handling-label{grid-column:1 / -1;grid-row:4;margin:11px 0 0} #customer-crm-root .cb-follow{margin:0 12px 10px} #customer-crm-root .cb-bottom-pipelines{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:20px;flex:none;min-width:0;padding:0 16px;border-top:1px solid var(--cb-line);background:#fff;overflow-x:auto;scrollbar-width:none} #customer-crm-root .cb-bottom-pipelines::-webkit-scrollbar{display:none} #customer-crm-root .cb-bottom-pipelines button{width:auto;flex:0 0 auto;white-space:nowrap;min-height:44px;border:0;border-top:2px solid transparent;border-radius:0;padding:10px 0;background:transparent;font:inherit;font-size:11px;color:var(--cb-muted)} #customer-crm-root .cb-bottom-pipelines button[aria-selected=true]{background:transparent;color:var(--cb-orange);border-top-color:var(--cb-orange);font-weight:600} #customer-crm-root .cb-basic-identifiers{margin-top:8px;border-top:1px solid var(--cb-line)} @media(pointer:coarse){ #customer-crm-root .cb-select-check{width:22px;height:22px} #customer-crm-root .cb-select-check:checked:after{left:7px;top:3px;width:5px;height:10px} #customer-crm-root .cb-select-check:indeterminate:after{top:9px} #customer-crm-root .cb-card-open{grid-template-columns:minmax(0,1fr) 22px} } #customer-crm-root input.cb-select-check.cb-select-card{position:absolute;left:auto;right:12px;top:15px;z-index:1} /* Keep phone actions aligned to the container's right edge. */ #customer-crm-root .cb-info-row:has(.cb-phone-actions)>span{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0} #customer-crm-root .cb-info-row:has(.cb-phone-actions)>small{grid-row:1} #customer-crm-root .cb-info-row:has(.cb-phone-actions)>.cb-pencil{grid-row:1} #customer-crm-root .cb-info-row .cb-phone-actions{margin-left:auto;flex:none} #customer-crm-root .cb-vehicle-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px} #customer-crm-root .cb-vehicle-heading .cb-label{margin:0;min-width:0} #customer-crm-root .cb-vehicle-heading .cb-add-vehicle{flex:none;padding:8px 12px;font-size:12px;white-space:nowrap} #customer-crm-root .cb-vehicle-heading .cb-add-vehicle svg{width:14px;height:14px} /* Move dialog: aligned labels and full-width controls match the CRM forms. */ #customer-crm-root .cb-move-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin-top:22px} #customer-crm-root .cb-move-fields label{min-width:0;align-content:start} #customer-crm-root .cb-move-fields label:last-child{grid-column:1/-1} #customer-crm-root .cb-move-fields select{display:block;width:100%;min-width:0;min-height:42px;padding:10px 34px 10px 12px;border:1px solid var(--cb-line);border-radius:9px;background-color:#fff;color:var(--cb-text);font-size:12px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2377898f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center} #customer-crm-root .cb-move-fields select:hover{border-color:#b8c9cc} #customer-crm-root .cb-move-form .cb-formactions{padding-top:18px;margin-top:24px;border-top:1px solid var(--cb-line)} #customer-crm-root .cb-card-event.upcoming,#customer-crm-root .cb-card-event.due-soon{color:#22b66b} #customer-crm-root .cb-card-event.late{color:#ff8b1f} #customer-crm-root .cb-card-event.overdue{color:#ed4855} #customer-crm-root .cb-card-event.due-soon,#customer-crm-root .cb-card-event.late{animation:cb-calendar-flash 1.2s ease-in-out infinite} @keyframes cb-calendar-flash{0%,100%{opacity:1}50%{opacity:.25}} @media(prefers-reduced-motion:reduce){#customer-crm-root .cb-card-event{animation:none}} @media(max-width:480px){#customer-crm-root .cb-move-fields{grid-template-columns:minmax(0,1fr)}} #customer-crm-root .cb-dialog-card:has(.cb-move-form){width:min(520px,calc(100vw - 40px));max-width:none} /* Appointment status stays alongside its heading, inside the details box. */ #customer-crm-root .cb-box-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} #customer-crm-root .cb-box-heading h3{margin:0;min-width:0} #customer-crm-root .cb-box-heading .cb-card-event{margin:0;flex:none;align-self:center} #customer-crm-root .cb-box-heading .cb-card-event svg{width:17px;height:17px} /* Desktop records allocate one quarter to details, three quarters to activity. */ @media(min-width:761px){#customer-crm-root .cb-record-layout{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}} #customer-crm-root .cb-record-layout>aside,#customer-crm-root .cb-record-layout>section{min-width:0} #customer-crm-root .cb-activity-title{font-size:12px;font-weight:600} #customer-crm-root .cb-activity-state{font-size:11px;color:var(--cb-muted)} #customer-crm-root .cb-activity-reason{margin-top:6px;color:var(--cb-text);white-space:pre-wrap} #customer-crm-root .cb-service-reschedule{font-size:11px;color:#d66a17;margin-top:8px} #customer-crm-root .cb-service-form>label,#customer-crm-root #cb-reschedule-reason{display:grid;gap:7px;margin-top:18px;font-size:11px;color:var(--cb-muted)} #customer-crm-root .cb-service-form>label select{width:100%;min-height:42px;border-radius:9px} #customer-crm-root .cb-info .cb-phone-actions{flex-wrap:wrap} /* Compact pipeline status timeline, shared across both record columns. */ #customer-crm-root .cb-status-strip{padding:12px 16px 5px;margin:0 0 20px;border:1px solid #e3eaec;border-radius:23px;background:linear-gradient(#fff,#fafcfc);box-shadow:inset 0 1px #fff,0 3px 12px #24383e03;min-width:0} #customer-crm-root .cb-status-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px;font-size:11px;color:var(--cb-muted)} #customer-crm-root .cb-status-context strong{font-weight:500;color:#536e79;margin-left:7px} #customer-crm-root .cb-status-divider{color:#becbd0} #customer-crm-root .cb-status-scroll{overflow-x:auto;overflow-y:hidden;padding:2px 6px 6px} #customer-crm-root .cb-status-path{position:relative;display:grid;gap:12px;min-height:63px;isolation:isolate} #customer-crm-root .cb-status-path:before{content:'';position:absolute;top:21px;left:0;right:0;height:2px;border-radius:8px;background:#e4ebee;z-index:-2} #customer-crm-root .cb-status-path:after{content:'';position:absolute;top:21px;left:0;width:var(--cb-status-progress);height:2px;border-radius:8px;background:linear-gradient(90deg,#e9edef,#edceb0);z-index:-1} #customer-crm-root .cb-status-stage{--cb-edge:132,169,196;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:61px;padding:10px 0 0;border:0;background:transparent;color:#7b929d;font-size:11px;border-radius:18px;transition:background .2s,box-shadow .2s} #customer-crm-root .cb-status-closing{--cb-edge:121,166,141} #customer-crm-root .cb-status-lost{--cb-edge:191,142,151} #customer-crm-root .cb-status-node{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #dfe8ec;border-radius:50%;background:linear-gradient(#fff,#f5f8f9);box-shadow:0 0 0 4px #fbfdfd,inset 0 1px #fff} #customer-crm-root .cb-status-node:after{content:'';width:6px;height:6px;border-radius:50%;background:rgb(var(--cb-edge))} #customer-crm-root .cb-status-label{text-align:center;line-height:1.3;color:#71868f;overflow-wrap:anywhere} #customer-crm-root .cb-status-stage:hover{background:rgba(var(--cb-edge),.06);box-shadow:0 0 10px rgba(var(--cb-edge),.11)} #customer-crm-root .cb-status-stage:hover .cb-status-node{border-color:rgba(var(--cb-edge),.6);box-shadow:0 0 0 4px #fbfdfd,0 0 9px rgba(var(--cb-edge),.25)} #customer-crm-root .cb-status-stage[aria-current=step]{margin-top:5px;padding:4px 11px 4px 5px;min-height:33px;max-height:45px;flex-direction:row;justify-content:center;align-items:center;gap:7px;border:1px solid rgba(var(--cb-edge),.48);border-radius:999px;background:linear-gradient(#fff,#fdfefe);box-shadow:0 0 0 4px #fbfdfd,0 0 8px rgba(var(--cb-edge),.22),0 3px 12px rgba(var(--cb-edge),.1),inset 0 1px #fff} #customer-crm-root .cb-status-open[aria-current=step]{--cb-edge:219,166,109} #customer-crm-root .cb-status-stage[aria-current=step] .cb-status-node{width:23px;height:23px;border-color:rgba(var(--cb-edge),.4);background:#fff;box-shadow:inset 0 1px #fff;color:rgb(var(--cb-edge))} #customer-crm-root .cb-status-stage[aria-current=step] .cb-status-node:after{display:none} #customer-crm-root .cb-status-node svg{width:14px;height:14px} #customer-crm-root .cb-status-stage[aria-current=step] .cb-status-label{font-weight:500;color:#425c66;text-align:left} #customer-crm-root .cb-status-chevron{font-size:14px;color:rgb(var(--cb-edge));margin-left:2px} #customer-crm-root .cb-status-stage[aria-current=step]:hover{background:linear-gradient(#fff,rgba(var(--cb-edge),.09));border-color:rgba(var(--cb-edge),.65);box-shadow:0 0 0 4px #fbfdfd,0 0 10px rgba(var(--cb-edge),.25),0 3px 12px rgba(var(--cb-edge),.12),inset 0 1px #fff} @media(max-width:760px){#customer-crm-root .cb-status-strip{padding:11px 10px 5px}#customer-crm-root .cb-status-context{gap:6px 10px}} @media(prefers-reduced-motion:reduce){#customer-crm-root .cb-status-stage{transition:none}} #customer-crm-root .cb-status-stage[aria-current=step]{justify-self:center;align-self:start;width:max-content;max-width:100%;height:max-content} /* Vehicle record resources live in the main panel. */ #customer-crm-root .cb-record-tabs{flex-wrap:nowrap;overflow-x:auto;gap:20px;padding-bottom:2px;scrollbar-gutter:auto} #customer-crm-root .cb-record-tabs button{flex:none;white-space:nowrap;padding-top:3px} #customer-crm-root .cb-resource-panel{padding-top:22px;min-width:0} #customer-crm-root .cb-resource-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px} #customer-crm-root .cb-resource-heading h3{font-size:14px;margin:0;font-weight:600} #customer-crm-root .cb-resource-heading>span{font-size:11px;color:var(--cb-muted)} #customer-crm-root .cb-record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px} #customer-crm-root .cb-record-fields .cb-info-row{min-width:0;padding:14px 0} #customer-crm-root .cb-tab-empty{padding:24px 0;color:var(--cb-muted);font-size:12px} #customer-crm-root .cb-tab-empty strong{font-weight:500;color:var(--cb-text)} #customer-crm-root .cb-tab-empty p{margin-top:7px} #customer-crm-root .cb-current-stage{padding-bottom:14px} #customer-crm-root .cb-resource-table{overflow-x:auto} #customer-crm-root .cb-resource-table strong{display:block;font-size:12px;margin:4px 0} #customer-crm-root .cb-file-list{display:grid;gap:10px} #customer-crm-root .cb-file-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--cb-line);border-radius:11px;padding:14px;color:var(--cb-text);text-decoration:none;overflow-wrap:anywhere} #customer-crm-root .cb-file-row small{display:block;margin-top:5px;color:var(--cb-muted);font-size:11px} #customer-crm-root .cb-file-row:hover{border-color:#ffc18c;background:#fffbf7} #customer-crm-root .cb-inspection-open{margin-top:20px;text-decoration:none} @media(max-width:760px){#customer-crm-root .cb-record-fields{grid-template-columns:minmax(0,1fr)}} /* Desktop record: independent details and main-content scroll areas. */ @media(min-width:761px){ #customer-crm-root #cb-work:has(.cb-detail){display:flex;overflow:hidden} #customer-crm-root .cb-detail{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden} #customer-crm-root .cb-detail>.cb-back{align-self:flex-start;flex:none} #customer-crm-root .cb-detail>.cb-record-head,#customer-crm-root .cb-detail>.cb-status-strip{flex:none} #customer-crm-root .cb-record-layout{flex:1;min-height:0;overflow:hidden} #customer-crm-root .cb-record-layout>.cb-info{height:100%;overflow-y:auto;overscroll-behavior-y:contain;padding-right:20px;padding-bottom:16px} #customer-crm-root .cb-record-layout>section{height:100%;overflow-y:auto;overscroll-behavior-y:contain;padding-right:20px;padding-bottom:16px} } @media(max-width:760px){#customer-crm-root .cb-record-layout{grid-template-columns:minmax(0,1fr)}#customer-crm-root .cb-info{padding-right:0;border-right:0}} /* Calm record navigation: fit stages, overflow tabs into a menu. */ #customer-crm-root .cb-status-scroll{overflow:visible;padding:2px 0 6px;min-width:0} #customer-crm-root .cb-status-path{width:100%;max-width:100%;min-width:0;gap:8px} #customer-crm-root .cb-status-stage[aria-current=step]{padding:4px 7px;min-width:0;width:100%;height:auto;max-height:none} #customer-crm-root .cb-status-stage[aria-current=step] .cb-status-label{min-width:0;overflow-wrap:anywhere;font-size:10px} #customer-crm-root .cb-status-chevron{flex:none} #customer-crm-root .cb-status-wrapped:before,#customer-crm-root .cb-status-wrapped:after{display:none} #customer-crm-root .cb-status-wrapped .cb-status-stage{min-height:66px} #customer-crm-root .cb-status-wrapped .cb-status-stage[aria-current=step]{min-height:33px} #customer-crm-root .cb-record-tabs{position:relative;display:flex;flex-flow:row nowrap;gap:18px;overflow:visible;padding-bottom:0;min-height:35px;max-width:100%;z-index:3} #customer-crm-root .cb-record-tabs>[data-tab]{flex:none;margin:0;white-space:nowrap} #customer-crm-root #cb-tabs-more{margin-left:auto;flex:none;width:32px;font-size:16px;letter-spacing:1px;padding:0 2px 9px;color:var(--cb-muted)} #customer-crm-root .cb-tabs-menu{position:absolute;right:0;top:100%;width:210px;max-width:100%;max-height:320px;overflow-y:auto;padding:6px;background:#fff;border:1px solid var(--cb-line);border-radius:12px;box-shadow:0 8px 28px #203b431a;z-index:5} #customer-crm-root .cb-tabs-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:7px;color:var(--cb-text);font-size:12px} #customer-crm-root .cb-tabs-menu button:hover,#customer-crm-root .cb-tabs-menu button:focus-visible{background:#f4f7f7} #customer-crm-root .cb-tabs-menu button[aria-current=page]{color:var(--cb-orange);background:#fff5ed} /* Notes: a quiet inline composer and a readable, unboxed author feed. */ #customer-crm-root .cb-notes-section{padding:20px 0} #customer-crm-root .cb-notes-filter{margin-bottom:16px} #customer-crm-root #cb-note-scope{border:0;border-radius:6px;padding:4px 22px 4px 0;font-size:13px;font-weight:600;background-color:transparent;width:auto} #customer-crm-root .cb-note-composer{padding:12px;background:#f1f5f5;border-radius:11px;margin-bottom:24px} #customer-crm-root .cb-note-composer textarea{display:block;min-height:42px;height:42px;padding:11px 12px;resize:none;background:#fff;border:1px solid #dfe8e8;border-radius:8px;font-size:12px;line-height:1.6} #customer-crm-root .cb-note-composer.is-open textarea{height:120px;resize:vertical} #customer-crm-root .cb-note-composer textarea:focus{outline:0;border-color:#ffad6f;box-shadow:0 0 0 2px #ff8a2020} #customer-crm-root .cb-note-composer input,#customer-crm-root .cb-note-edit input{width:100%;min-width:0;border:1px solid var(--cb-line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--cb-text);font-size:12px} #customer-crm-root .cb-note-composer input[name=title]{margin-bottom:10px} #customer-crm-root .cb-note-link-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;margin-top:10px} #customer-crm-root .cb-note-compose-actions{display:none;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px} #customer-crm-root .cb-note-composer.is-open .cb-note-compose-actions{display:flex} #customer-crm-root .cb-note-compose-actions .cb-button{padding:7px 17px;border-radius:999px} #customer-crm-root .cb-note-tool{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:7px 3px;color:#607780;font-size:12px} #customer-crm-root .cb-inline-note-error{font-size:12px;color:#b94b41;margin-top:8px} #customer-crm-root .cb-inline-note-error:empty{display:none} #customer-crm-root .cb-note-entry{display:flex;gap:12px;padding:18px 0 22px;border-bottom:1px solid #edf1f1} #customer-crm-root .cb-note-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(#edf3f3,#e3ecec);color:#5b727a;font-size:11px;font-weight:600} #customer-crm-root .cb-note-entry-main{min-width:0;flex:1} #customer-crm-root .cb-note-byline{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px;line-height:1.6} #customer-crm-root .cb-note-byline strong{font-size:12px;font-weight:600;color:var(--cb-text)} #customer-crm-root .cb-note-byline span{color:#c5d0d2} #customer-crm-root .cb-note-byline time{font-size:11px;color:var(--cb-muted)} #customer-crm-root .cb-note-entry h4{margin:0 0 7px;font-size:13px;font-weight:600} #customer-crm-root .cb-note-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.85;color:var(--cb-text)} #customer-crm-root .cb-note-body.is-clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden} #customer-crm-root .cb-note-expand{border:0;border-bottom:1px solid #a6b7bc;padding:0;margin-top:7px;background:none;color:#526c76;font-size:11px} #customer-crm-root .cb-note-attachment{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;overflow-wrap:anywhere;margin-top:10px;color:#637e86;font-size:12px} #customer-crm-root .cb-note-entry .cb-note-actions button{color:#8a9b9f;font-size:11px} #customer-crm-root .cb-note-entry:hover .cb-note-actions button,#customer-crm-root .cb-note-entry:focus-within .cb-note-actions button{color:#a15e2b} #customer-crm-root .cb-note-edit>label{display:grid;gap:7px;margin-top:14px;color:var(--cb-muted);font-size:12px} #customer-crm-root .cb-info-row:has(.cb-phone-actions)>span{flex-wrap:wrap;gap:6px} #customer-crm-root .cb-phone-number{white-space:nowrap;overflow-wrap:normal} @media(max-width:760px){#customer-crm-root .cb-record-tabs{margin-top:12px}#customer-crm-root .cb-note-link-fields{grid-template-columns:1fr}} #customer-crm-root .cb-note-composer textarea{overflow-y:hidden} #customer-crm-root .cb-note-composer.is-open textarea{overflow-y:auto} #customer-crm-root #cb-note-scope{width:110px} #customer-crm-root #cb-note-scope:has(option[value=pipeline]:checked){width:200px} /* Fast status updates: aligned fields and lightweight vehicle tags. */ #customer-crm-root .cb-outcome-form{display:grid;gap:16px;margin-top:18px} #customer-crm-root .cb-outcome-form>label{display:grid;gap:7px;color:var(--cb-muted);font-size:12px} #customer-crm-root .cb-outcome-form>label select{width:100%;min-height:42px} #customer-crm-root .cb-outcome-form .cb-formgrid{margin-top:0} #customer-crm-root .cb-outcome-form #cb-reschedule-reason{margin-top:0} #customer-crm-root .cb-outcome-form textarea{min-height:75px} #customer-crm-root .cb-outcome-form .cb-formactions{margin-top:0;padding-top:16px;border-top:1px solid var(--cb-line)} #customer-crm-root .cb-outcome-hint{font-size:11px;color:#7c6e60;padding:9px 11px;border-radius:8px;background:#fff8f2} #customer-crm-root .cb-quick-tags{padding-top:14px;border-top:1px solid var(--cb-line)} #customer-crm-root .cb-quick-tags-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600} #customer-crm-root .cb-quick-tags-heading small{font-size:10px;font-weight:400;color:var(--cb-muted)} #customer-crm-root .cb-tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px} #customer-crm-root .cb-tag-chip,#customer-crm-root .cb-record-tags>span{display:inline-flex;align-items:center;gap:7px;padding:4px 8px;background:#f2f6f6;border:1px solid #e1e9e9;border-radius:999px;color:#5f747c;font-size:11px;overflow-wrap:anywhere} #customer-crm-root .cb-tag-chip button{border:0;background:transparent;color:#83969c;padding:0 2px;font-size:15px;line-height:1} #customer-crm-root .cb-tag-input-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px} #customer-crm-root .cb-tag-input-row input{width:100%;min-width:0;border:1px solid var(--cb-line);border-radius:9px;padding:10px 12px;color:var(--cb-text);background:#fff} #customer-crm-root .cb-tag-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px} #customer-crm-root .cb-tag-suggestions button{border:0;border-radius:6px;background:#f7f9f9;padding:5px 7px;font-size:10px;color:#809298} #customer-crm-root #cb-tags-error{font-size:11px;color:#b64d42;margin-top:8px} #customer-crm-root #cb-tags-error:empty{display:none} #customer-crm-root .cb-record-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px} @media(max-width:480px){#customer-crm-root .cb-quick-tags-heading{align-items:flex-start;flex-direction:column}} /* CRM settings follows the console's quiet, light layout. */ #customer-crm-root .cb-record-head .cb-record-settings{width:34px;height:34px;padding:8px;color:#f47a1e;border-radius:9px} #customer-crm-root .cb-record-settings:hover{background:#fff6ee;border-color:#f5c69e} #customer-crm-root .cb-settings-module{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff} #customer-crm-root .cb-settings-header{flex:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;border-bottom:1px solid var(--cb-line)} #customer-crm-root .cb-settings-header>div{display:flex;align-items:center;gap:10px} #customer-crm-root .cb-settings-header>div>svg{color:var(--cb-orange);width:20px;height:20px} #customer-crm-root .cb-settings-header h2{font-size:18px} #customer-crm-root .cb-settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);flex:1;min-height:0} #customer-crm-root .cb-settings-nav{min-height:0;overflow-y:auto;border-right:1px solid var(--cb-line);padding:14px 10px;background:#fcfdfd} #customer-crm-root .cb-settings-nav button{display:block;width:100%;text-align:left;border:0;border-radius:8px;background:transparent;padding:10px 12px;margin-bottom:3px;color:#6e828a;font-size:12px} #customer-crm-root .cb-settings-nav button:hover{background:#f1f5f5} #customer-crm-root .cb-settings-nav button[aria-current=page]{background:#fff2e7;color:#d76b17;font-weight:600;box-shadow:inset 2px 0 #ff8e35} #customer-crm-root .cb-settings-group{font-size:12px;font-weight:600;padding:22px 12px 10px;color:var(--cb-text)} #customer-crm-root .cb-settings-content{min-height:0;min-width:0;overflow:auto;padding:24px 26px} #customer-crm-root .cb-settings-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #edf1f1} #customer-crm-root .cb-settings-panel-head h2{font-size:18px;margin:0 0 6px} #customer-crm-root .cb-settings-panel-head p{font-size:12px;line-height:1.7} #customer-crm-root .cb-settings-count{flex:none;color:#83969d;background:#f4f7f7;border-radius:999px;font-size:11px;padding:5px 10px} #customer-crm-root .cb-tag-manager-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:22px 0} #customer-crm-root #cb-create-tag{display:flex;align-items:center;gap:8px;max-width:100%} #customer-crm-root .cb-tag-manager-tools input{min-width:0;width:210px;max-width:100%;padding:10px 12px;border:1px solid var(--cb-line);border-radius:9px;background:#fff;color:var(--cb-text);font-size:12px} #customer-crm-root #cb-find-tags{width:190px} #customer-crm-root #cb-create-tag button{white-space:nowrap} #customer-crm-root .cb-tags-table-wrap{min-width:0;overflow-x:auto} #customer-crm-root .cb-tags-table{min-width:430px} #customer-crm-root .cb-tags-table th{background:#fafcfc} #customer-crm-root .cb-library-tag{display:inline-flex;padding:4px 9px;border:1px solid #e0e8e8;background:#f5f8f8;border-radius:999px;color:#60767f;font-size:12px} #customer-crm-root .cb-settings-note{margin-top:18px;font-size:11px;line-height:1.8;color:#8c9da2} #customer-crm-root .cb-settings-error{font-size:12px;color:#b55143;margin-bottom:12px} #customer-crm-root .cb-settings-placeholder{text-align:center;padding:70px 20px;color:var(--cb-muted)} #customer-crm-root .cb-settings-placeholder>svg{width:28px;height:28px;color:#b6c6ca} #customer-crm-root .cb-settings-placeholder h3{font-size:14px;font-weight:600;margin:13px 0 8px} #customer-crm-root .cb-settings-subtabs{display:flex;gap:25px;flex-wrap:wrap;border-bottom:1px solid var(--cb-line);margin-top:18px;font-size:12px;color:#86989f} #customer-crm-root .cb-settings-subtabs span{padding-bottom:12px;border-bottom:2px solid transparent} #customer-crm-root .cb-settings-subtabs .active{color:var(--cb-orange);border-color:var(--cb-orange)} @media(max-width:760px){#customer-crm-root .cb-settings-layout{grid-template-columns:155px minmax(0,1fr)}#customer-crm-root .cb-settings-content{padding:18px 14px}#customer-crm-root .cb-settings-header{padding:15px}#customer-crm-root #cb-create-tag{flex-wrap:wrap}#customer-crm-root .cb-tags-table th:last-child,#customer-crm-root .cb-tags-table td:last-child{display:table-cell}} @media(max-width:480px){#customer-crm-root .cb-settings-layout{grid-template-columns:125px minmax(0,1fr)}#customer-crm-root .cb-settings-nav{padding:10px 5px}#customer-crm-root .cb-settings-nav button{font-size:11px;padding:9px}#customer-crm-root .cb-settings-header h2{font-size:15px}#customer-crm-root .cb-settings-header>div>svg{display:none}#customer-crm-root .cb-settings-panel-head{align-items:flex-start}#customer-crm-root .cb-settings-count{display:none}} #customer-crm-root .cb-tags-table{min-width:760px} #customer-crm-root .cb-tags-table th,#customer-crm-root .cb-tags-table td{padding:13px 10px} #customer-crm-root .cb-tags-table tbody tr:hover{background:#f4fafc} #customer-crm-root .cb-library-tag,#customer-crm-root .cb-tag-chip,#customer-crm-root .cb-record-tags>span,#customer-crm-root .cb-tag-suggestions button{background:var(--tag-bg,#fff);color:#3b4b53;border-color:#dce5e8} #customer-crm-root .cb-library-tag{border-radius:999px;padding:4px 10px;white-space:nowrap} #customer-crm-root .cb-tag-color-dot{display:block;width:29px;height:29px;border:1px solid #dce5e8;border-radius:50%;padding:0} #customer-crm-root .cb-tag-usage{display:inline-block;min-width:24px;text-align:center;padding:3px 8px;border-radius:999px;background:#e6f3ff;color:#536c7c;font-size:11px} #customer-crm-root .cb-tag-row-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center} #customer-crm-root .cb-tag-row-actions button{border:0;background:none;color:#7d8c9b;padding:4px;display:inline-flex;align-items:center} #customer-crm-root .cb-tag-row-actions button:hover{color:#e87822} #customer-crm-root .cb-tag-row-actions svg{width:17px;height:17px} #customer-crm-root .cb-color-palette{display:flex;flex-wrap:wrap;gap:10px;max-width:290px} #customer-crm-root .cb-color-choice{width:30px;height:30px;border-radius:50%;border:1px solid #e6e9ee;padding:5px;display:grid;place-items:center;color:#596573} #customer-crm-root .cb-color-choice svg{width:18px;height:18px} #customer-crm-root .cb-color-choice:hover{box-shadow:0 0 0 3px #edf3f5} #customer-crm-root .cb-color-popover{position:fixed;z-index:4000;width:284px;max-width:calc(100vw - 24px);padding:16px;border:1px solid #d7e2e7;background:#fff;border-radius:12px;box-shadow:0 7px 28px #243d5424} #customer-crm-root .cb-tag-edit-form>label{display:grid;gap:8px;margin:18px 0 10px;font-size:12px;color:#7d9097} #customer-crm-root .cb-tag-edit-form input{width:100%;padding:10px 12px;border:1px solid var(--cb-line);border-radius:9px;color:var(--cb-text);background:#fff} #customer-crm-root .cb-tags-module-label{display:inline-block;font-size:11px;font-weight:400;padding:4px 9px;border-radius:999px;background:#e8f4fc;color:#587180;margin-left:9px;vertical-align:middle} #customer-crm-root .cb-tag-view-switch{display:flex;gap:14px} #customer-crm-root .cb-tag-view-switch button{border:0;border-bottom:2px solid transparent;background:none;padding:7px 0;color:#83949e;font-size:12px} #customer-crm-root .cb-tag-view-switch button[aria-pressed=true]{border-bottom-color:var(--cb-orange);color:var(--cb-text)} #customer-crm-root .cb-tag-view-switch span{display:inline-block;padding:2px 6px;border-radius:6px;background:#f2f6f8;font-size:10px;margin-left:3px} #customer-crm-root .cb-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} .crm-dt-popover .crm-dt-slot:disabled{opacity:.35;cursor:not-allowed;background:#f3f5f6;color:#97a3aa;box-shadow:none} .crm-dt-day:disabled{opacity:.35;cursor:not-allowed} /* WhatsApp preset library and message composer */ .cb-wa-locations{padding:18px;margin-bottom:20px;border:1px solid #dce6e6;border-radius:14px;background:#f8fbfa;display:grid;gap:12px}.cb-wa-locations>.cb-button{justify-self:end}.cb-wa-table td{vertical-align:top}.cb-wa-table td:first-child{min-width:230px}.cb-wa-table td p{max-width:560px;margin:7px 0 0;font-size:12px;line-height:1.6;color:#72858d;white-space:pre-wrap}.cb-wa-table td small{display:block;margin-top:5px;color:#72858d}.cb-wa-editor{display:grid;gap:14px}.cb-wa-fields{display:flex;gap:6px;flex-wrap:wrap}.cb-wa-fields .cb-button{font-size:11px;padding:6px 9px}.cb-wa-preview{padding:14px 16px;border:1px solid #dce6e6;border-radius:12px;background:#f6faf8}.cb-wa-preview p{font-size:13px;line-height:1.65;white-space:pre-wrap}.cb-wa-preview small{color:#72858d}.cb-wa-choices{display:grid;gap:10px;margin-top:18px}.cb-wa-choices .cb-button{display:flex;gap:10px;align-items:center;padding:14px}.cb-wa-missing{font-size:12px;color:#b65f12;margin:10px 0}.cb-wa-compose-label{display:grid;gap:7px;margin-bottom:14px}.cb-wa-compose-label select{width:100%} #customer-crm-root .cb-phone-call{color:var(--cb-muted);font-size:11px;margin-top:3px}#customer-crm-root .cb-phone-call span{color:#1f6f8b;font-weight:700}#customer-crm-root .cb-phone-call.missed{color:#c72e3e} #customer-crm-root .cb-outcome-needed{display:inline-flex;gap:8px;align-items:center;margin-top:5px;padding:3px 8px;border-radius:6px;background:#fff4e6;color:#8a4600;font-size:11px;font-weight:600}#customer-crm-root .cb-outcome-needed .cb-link{color:#d66a17;font-size:11px;text-decoration:underline} #customer-crm-root .cb-callcentre-report{padding:0 20px 20px}#customer-crm-root .cb-callcentre-report .pricing-panel{border:1px solid var(--cb-line);border-radius:12px;padding:18px;background:#fff} #customer-crm-root .cb-callcentre-report h2{font-size:16px} /* Compact automatic and employee tags on pipeline vehicle cards. */ #customer-crm-root .cb-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 2px} #customer-crm-root .cb-card-tags>span{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:var(--tag-bg,#edf2f3);color:#26383f;font-size:11px;line-height:1.35;font-weight:500} /* Reports need their own vertical flow rather than the clipped Kanban layout. */ #customer-crm-root #cb-work:has(#cb-callcentre-report){display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:24px} #customer-crm-root .cb-callcentre-report{min-width:0;padding:0 18px 24px} #customer-crm-root .cb-callcentre-report #ccReport{margin:0;min-width:0} #customer-crm-root .cb-record-tags .cb-add-record-tag{padding:4px 10px;border:1px solid #ffd2ad;border-radius:999px;background:#fff7f0;color:#e66a08;font:600 11px Arial,sans-serif;cursor:pointer;white-space:nowrap} #customer-crm-root .cb-record-tag-options{display:grid;gap:5px;margin-top:12px;max-height:300px;overflow:auto} #customer-crm-root .cb-record-tag-choice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border:1px solid #e5eded;border-radius:9px;background:#fff;text-align:left;cursor:pointer} #customer-crm-root .cb-record-tag-choice>span{padding:4px 9px;border-radius:999px;background:var(--tag-bg,#edf2f3);color:#26383f;font-size:12px} #customer-crm-root .cb-record-tag-choice>b{font-size:16px;color:#ff790c} #customer-crm-root .cb-record-tag-popover{position:fixed;z-index:3050;width:300px;max-width:calc(100vw - 24px);overflow:auto;padding:14px;background:#fff;border:1px solid #dce5e5;border-radius:14px;box-shadow:0 12px 32px #14252a25} #customer-crm-root .cb-record-tag-popover>label{display:grid;gap:7px;color:#6a7f84;font-size:12px} #customer-crm-root .cb-record-tag-popover input{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #dce5e5;border-radius:8px;font:13px Arial,sans-serif;color:#203238} #customer-crm-root .cb-record-tag-error{margin:6px 0 0;color:#b43d45;font-size:12px} #customer-crm-root .cb-tag-chip-action{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#61777f;padding:1px;cursor:pointer;font:inherit} #customer-crm-root .cb-tag-chip-action svg{width:12px;height:12px} #customer-crm-root .cb-system-tag-label{font-size:9px;font-weight:500;color:#62777e;opacity:.8;margin-left:3px;white-space:nowrap} #customer-crm-root .bh-message{margin-top:8px;font-size:12px} #customer-crm-root .bh-message summary{color:#d9680c;cursor:pointer} #customer-crm-root .bh-message p{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f7;border-radius:8px;padding:12px;color:#203238} #customer-crm-root .cb-history-error{color:#b44749;font-size:12px} /* Record tags stay in reading order, system tags first; never show tags on board cards. */ #customer-crm-root .cb-card-tags{display:none!important} #customer-crm-root .cb-record-head>div:first-child{min-width:0;flex:1} #customer-crm-root .cb-record-tags,#customer-crm-root .cb-tag-chips{display:grid;grid-template-columns:repeat(4,minmax(0,max-content));gap:7px;max-width:100%;align-items:start;justify-content:start} #customer-crm-root .cb-record-tags>span,#customer-crm-root .cb-tag-chip{min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;align-self:start} #customer-crm-root .cb-add-record-tag{justify-self:start;align-self:center} #customer-crm-root .cb-tag-color-picker{position:relative;width:fit-content} #customer-crm-root .cb-create-color-dot{display:block;width:28px;height:28px;cursor:pointer} #customer-crm-root .cb-tag-create-colors{position:absolute;top:36px;left:0;z-index:30;width:246px;box-sizing:border-box;padding:13px;grid-template-columns:repeat(6,28px);gap:10px;background:#fff;border:1px solid #d8e3e5;border-radius:12px;box-shadow:0 8px 26px #2032381f} #customer-crm-root .cb-tag-create-colors[hidden]{display:none!important} #customer-crm-root .cb-record-create-color{margin:10px 0 17px} #customer-crm-root .cb-record-create-color>label{display:block;margin-bottom:7px} #customer-crm-root .cb-record-tag-popover .cb-tag-create-colors{position:static;margin-top:8px} /* Keep record tags clean; reveal removal only on the tag being used. */ #customer-crm-root .cb-record-tags>span,#customer-crm-root .cb-tag-chip{position:relative;overflow:visible} #customer-crm-root .cb-record-tags .cb-tag-chip-action,#customer-crm-root .cb-tag-chip>button[data-remove-tag]{position:absolute;right:-18px;top:-1px;bottom:-1px;transform:none;width:18px;height:auto;box-sizing:border-box;border-radius:0 4px 4px 0;border:0;background:color-mix(in srgb,var(--tag-bg,#fff) 50%,#fff);color:#6c7881;font:15px/1 Arial,sans-serif;padding:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:1} #customer-crm-root .cb-record-tags>span:hover .cb-tag-chip-action,#customer-crm-root .cb-record-tags>span:focus-within .cb-tag-chip-action,#customer-crm-root .cb-tag-chip:hover>button[data-remove-tag],#customer-crm-root .cb-tag-chip:focus-within>button[data-remove-tag]{opacity:1;pointer-events:auto} /* Bold labels and an attached, flat removal segment matching the reference. */ #customer-crm-root .cb-record-tags>span,#customer-crm-root .cb-tag-chip,#customer-crm-root .cb-library-tag,#customer-crm-root .cb-record-tag-choice>span{font-weight:700} #customer-crm-root .cb-record-tags,#customer-crm-root .cb-tag-chips{column-gap:4px} #customer-crm-root .cb-record-tags>span:has(.cb-tag-chip-action):hover,#customer-crm-root .cb-record-tags>span:has(.cb-tag-chip-action):focus-within,#customer-crm-root .cb-tag-chip:has([data-remove-tag]):hover,#customer-crm-root .cb-tag-chip:has([data-remove-tag]):focus-within{border-top-right-radius:0;border-bottom-right-radius:0} /* Smart Dialer call: outcome/WhatsApp dialogs dock on the right so the vehicle card and its notes stay visible. */ #customer-crm-root .cb-dialog.cb-docked{background:transparent;pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-end;padding:76px 20px 150px;overflow:visible} #customer-crm-root .cb-dialog.cb-docked .cb-dialog-card{pointer-events:auto;width:min(420px,calc(100vw - 40px));max-width:none;max-height:calc(100vh - 230px);overflow:auto;border-color:#ffb37a;box-shadow:0 18px 44px #14252a40} @media (min-width:1100px){body.sd-docked #customer-crm-root .cb-main{padding-right:440px}} /* Board column ▶: start the Smart Dialer for this column only. Shown on column hover. */ #customer-crm-root .cb-column-dial{flex:none;margin-left:auto;margin-right:-4px;width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:#203238;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease;box-shadow:0 1px 3px #14252a33} #customer-crm-root .cb-column-dial svg{width:10px;height:10px;margin-left:1px} #customer-crm-root section[data-drop-stage]:hover .cb-column-dial,#customer-crm-root .cb-column-dial:focus-visible,#customer-crm-root .cb-column-dial.on{opacity:1;pointer-events:auto} #customer-crm-root .cb-column-dial.on{background:#ff710b} #customer-crm-root .cb-column-dial:hover{background:#ff710b} @media (hover:none){#customer-crm-root .cb-column-dial{opacity:1;pointer-events:auto}} /* CRM side menu inside the CRM card, left of Team Pipelines: Pipelines, Contacts …, Settings and the collapse toggle at the bottom. */ #customer-crm-root.cb-has-nav .cb-crm{display:flex;align-items:stretch} #customer-crm-root.cb-has-nav .cb-area{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column} #customer-crm-root.cb-has-nav .cb-topbar{flex:none;background:#fff;border-bottom:1px solid var(--cb-line)} #customer-crm-root.cb-has-nav .cb-topbar[hidden]{display:none} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar{border-bottom:0} #customer-crm-root.cb-has-nav .cb-area-body{flex:1 1 auto;min-height:0;display:flex;align-items:stretch} #customer-crm-root.cb-has-nav .cb-area-body>.cb-teams{flex:0 0 164px;min-width:0;padding-top:16px} #customer-crm-root.cb-has-nav .cb-area-body>.cb-teams[hidden]{display:none} #customer-crm-root.cb-has-nav .cb-area-body>#cb-work{flex:1 1 auto;min-width:0} #customer-crm-root .cb-nav{flex:0 0 196px;width:196px;display:flex;flex-direction:column;gap:8px;padding:14px 10px 12px;background:#fff;border-right:1px solid var(--cb-line);transition:flex-basis .18s ease,width .18s ease;overflow:hidden;z-index:2} #customer-crm-root .cb-nav .cb-modules{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:0;border:0;flex:1 1 auto;min-width:0;min-height:0;overflow:auto} #customer-crm-root .cb-nav-foot{display:flex;flex-direction:column;align-items:stretch;gap:4px;border-top:1px solid var(--cb-line);padding-top:8px} #customer-crm-root .cb-nav button[data-module]{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--cb-muted);font-size:13px;font-weight:600;text-align:left;white-space:nowrap;cursor:pointer} #customer-crm-root .cb-nav button[data-module] svg{display:block;flex:none;width:18px;height:18px} #customer-crm-root .cb-nav button[data-module] span{overflow:hidden;text-overflow:ellipsis} #customer-crm-root .cb-nav button[data-module]:hover{background:#f3f7f6;color:var(--cb-text)} #customer-crm-root .cb-nav button[data-module][aria-selected=true]{background:#fff1e6;color:var(--cb-orange)} #customer-crm-root .cb-nav-toggle{display:flex;align-items:center;justify-content:flex-start;width:100%;height:38px;padding:0 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#ff851b;cursor:pointer} #customer-crm-root .cb-nav-toggle:hover{background:#f3f7f6;border-color:var(--cb-line)} #customer-crm-root .cb-nav-toggle:focus-visible,#customer-crm-root .cb-nav button[data-module]:focus-visible{outline:3px solid #f8872a;outline-offset:1px} #customer-crm-root .cb-nav-toggle svg{animation:mw-sidebar-toggle-pulse 1.8s ease-in-out infinite} #customer-crm-root.cb-nav-collapsed .cb-nav{flex-basis:64px;width:64px;padding-left:8px;padding-right:8px} #customer-crm-root.cb-nav-collapsed .cb-nav button[data-module]{justify-content:center;padding:9px 0} #customer-crm-root.cb-nav-collapsed .cb-nav button[data-module] span{display:none} #customer-crm-root.cb-nav-collapsed .cb-nav-toggle{justify-content:center;padding:0} #customer-crm-root .cb-viewbar{justify-content:flex-end} @keyframes mw-sidebar-toggle-pulse{0%,100%{opacity:1;color:#ff7a0d}50%{opacity:.4;color:#ffb45c}} @media (prefers-reduced-motion:reduce){#customer-crm-root .cb-nav-toggle svg{animation:none;opacity:1}#customer-crm-root .cb-nav{transition:none}} @media (max-width:760px){#customer-crm-root.cb-has-nav .cb-area-body>.cb-teams{flex-basis:120px;flex-direction:column;flex-wrap:nowrap;border-bottom:0;border-right:1px solid var(--cb-line)}} /* Full-screen CRM: no top bar (Saved / + Contact); the CRM card fills the space next to the console sidebar. */ #customer-crm-root.cb-has-nav .cb-viewbar{display:none} #customer-crm-root.cb-has-nav .cb-crm{margin:0;border:0;border-radius:0;flex:1 1 auto;min-height:0;height:100%} /* Compact rail: collapsed menu is 38px wide (40% narrower), icons centred halfway down; header is as tall as the rail is wide. */ #customer-crm-root.cb-has-nav .cb-nav .cb-modules{justify-content:center} #customer-crm-root.cb-nav-collapsed .cb-nav{flex-basis:38px;width:38px;padding:6px 4px} #customer-crm-root.cb-nav-collapsed .cb-nav button[data-module]{min-height:30px;padding:6px 0;border-radius:8px} #customer-crm-root.cb-nav-collapsed .cb-nav button[data-module] svg{width:16px;height:16px} #customer-crm-root.cb-nav-collapsed .cb-nav-toggle{height:30px;border-radius:8px} #customer-crm-root.cb-nav-collapsed .cb-nav-toggle svg{width:16px;height:16px} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar{height:38px;min-height:38px;box-sizing:border-box;padding:0 12px;flex-wrap:nowrap} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar>h2{margin:0;font-size:14px;line-height:1;white-space:nowrap} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar{justify-content:flex-start;gap:16px} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar-controls{flex-wrap:nowrap} #customer-crm-root.cb-has-nav .cb-topbar .cb-search{height:28px;box-sizing:border-box;padding:0 9px} #customer-crm-root.cb-has-nav .cb-topbar select,#customer-crm-root.cb-has-nav .cb-topbar input:not(.cb-search input),#customer-crm-root.cb-has-nav .cb-topbar button{height:28px;box-sizing:border-box;padding-top:0;padding-bottom:0;font-size:12px} #customer-crm-root.cb-has-nav .cb-crm .cb-topbar{display:block;padding:0;margin:0;min-height:0;height:38px;box-sizing:border-box} /* Header: title left · scoped search centred · stage filter right (always on screen). */ #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar>h2{justify-self:start;overflow:hidden;text-overflow:ellipsis} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar-controls{justify-self:end;min-width:0;max-width:100%} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar-controls select{max-width:100%} #customer-crm-root .cb-gsearch{position:relative;display:flex;align-items:center;width:min(364px,calc(100vw - 260px));min-width:200px;height:30px;box-sizing:border-box;border:1px solid var(--cb-line);border-radius:999px;background:#fff;transition:border-color .15s,box-shadow .15s} #customer-crm-root .cb-gsearch:focus-within{border-color:#ffb37a;box-shadow:0 0 0 3px #ff710b1f} #customer-crm-root.cb-has-nav .cb-topbar .cb-gscope{flex:none;display:flex;align-items:center;gap:6px;height:100%;padding:0 12px 0 14px;border:0;border-right:1px solid var(--cb-line);border-radius:999px 0 0 999px;background:#f6f9f8;color:var(--cb-text);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;max-width:150px;overflow:hidden;text-overflow:ellipsis} #customer-crm-root .cb-gscope:hover{background:#eef3f2} #customer-crm-root .cb-gsearch input#cb-search{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 8px 0 12px;font-size:12.5px;color:var(--cb-text)} #customer-crm-root .cb-glens{flex:none;display:grid;place-items:center;padding:0 12px 0 4px;color:var(--cb-muted)} #customer-crm-root .cb-gmenu,#customer-crm-root .cb-gsub,#customer-crm-root .cb-gresults{position:absolute;z-index:40;background:#fff;border:1px solid var(--cb-line);border-radius:12px;box-shadow:0 14px 34px #14252a26;padding:6px} #customer-crm-root .cb-gmenu{top:calc(100% + 6px);left:0;width:220px} #customer-crm-root .cb-gmenu[hidden],#customer-crm-root .cb-gsub[hidden]{display:none} #customer-crm-root .cb-gsub-wrap{position:relative} #customer-crm-root .cb-gsub{top:-6px;left:calc(100% + 6px);width:190px} #customer-crm-root.cb-has-nav .cb-topbar button.cb-gopt{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;min-height:36px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--cb-text);font-size:13.5px;font-weight:500;text-align:left;cursor:pointer} #customer-crm-root .cb-gopt:hover{background:#f3f7f6} #customer-crm-root .cb-gopt.on{background:#fff1e6;color:var(--cb-orange);font-weight:700} #customer-crm-root .cb-gopt-sub span{font-size:16px;color:var(--cb-muted)} #customer-crm-root .cb-gresults{top:calc(100% + 6px);left:0;right:0;max-height:60vh;overflow:auto} #customer-crm-root .cb-ghead{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cb-muted);padding:8px 10px 4px} #customer-crm-root.cb-has-nav .cb-topbar button.cb-gitem{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;height:auto;padding:7px 10px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;font-size:13px;color:var(--cb-text)} #customer-crm-root .cb-gitem:hover,#customer-crm-root .cb-gitem:focus-visible{background:#fff1e6} #customer-crm-root .cb-gitem small{color:var(--cb-muted);font-size:11.5px} #customer-crm-root .cb-gempty{padding:12px;color:var(--cb-muted);font-size:13px} @media (max-width:760px){#customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar{grid-template-columns:auto minmax(0,1fr) auto}#customer-crm-root .cb-gsearch{width:100%;min-width:0}} /* Search menus and results: see-through like the call tools (black 5%), rows on white so they stay readable. */ #customer-crm-root .cb-gmenu,#customer-crm-root .cb-gsub,#customer-crm-root .cb-gresults{background:rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;border-radius:19px;box-shadow:none;padding:8px} #customer-crm-root .cb-gresults{left:-8px;right:-8px;display:flex;flex-direction:column;gap:4px} #customer-crm-root.cb-has-nav .cb-topbar button.cb-gopt{background:#fff;margin-bottom:4px;border-radius:10px} #customer-crm-root.cb-has-nav .cb-topbar button.cb-gopt:hover{background:#f6f9f8} #customer-crm-root.cb-has-nav .cb-topbar button.cb-gopt.on{background:#fff1e6} #customer-crm-root .cb-gsub-wrap{margin-bottom:4px}#customer-crm-root .cb-gsub-wrap>button.cb-gopt{margin-bottom:0} #customer-crm-root .cb-gsub{left:calc(100% + 14px);top:-8px} #customer-crm-root.cb-has-nav .cb-topbar button.cb-gitem{background:#fff;border-radius:10px;padding:8px 12px} #customer-crm-root.cb-has-nav .cb-topbar button.cb-gitem:hover{background:#fff1e6} #customer-crm-root .cb-ghead{color:#3d5056;padding:6px 6px 2px} #customer-crm-root .cb-gempty{background:#fff;border-radius:10px} /* CRM menu rail and header: the console sidebar gradient mixed 50% with white. */ #customer-crm-root{--cb-chrome:linear-gradient(160deg,#8d9497 0%,#888e90 55%,#858a8c 100%)} #customer-crm-root.cb-has-nav .cb-nav{background:var(--cb-chrome);border-right-color:rgba(0,0,0,.08)} #customer-crm-root.cb-has-nav .cb-crm .cb-topbar{background:linear-gradient(90deg,#8d9497,#858a8c);border-bottom-color:rgba(0,0,0,.08)} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar{background:transparent} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar>h2{color:#fff} #customer-crm-root .cb-nav-foot{border-top-color:rgba(255,255,255,.25)} #customer-crm-root .cb-nav button[data-module]{color:#fff} #customer-crm-root .cb-nav button[data-module]:hover{background:rgba(255,255,255,.18);color:#fff} #customer-crm-root .cb-nav button[data-module][aria-selected=true]{background:#fff;color:var(--cb-orange)} #customer-crm-root .cb-nav-toggle:hover{background:rgba(255,255,255,.18);border-color:transparent} #customer-crm-root .cb-gsearch{border-color:transparent} /* Same console sidebar colours, at 50% opacity. */ #customer-crm-root{--cb-chrome:linear-gradient(160deg,rgba(27,41,46,.5) 0%,rgba(17,28,32,.5) 55%,rgba(11,21,25,.5) 100%)} #customer-crm-root.cb-has-nav .cb-crm .cb-topbar{background:linear-gradient(90deg,rgba(27,41,46,.5),rgba(11,21,25,.5))} /* CRM rail and header colour: #284143 (dark green, grey and blue mixed). */ #customer-crm-root{--cb-chrome:#284143} #customer-crm-root.cb-has-nav .cb-nav{background:#284143} #customer-crm-root.cb-has-nav .cb-crm .cb-topbar{background:#284143} /* Resizable pipeline columns: drag the gap between any two columns; width is personal per user. */ #customer-crm-root .cb-board>section{position:relative;flex:0 0 var(--cb-col-w,285px);width:var(--cb-col-w,285px)} #customer-crm-root .cb-col-resize{position:absolute;top:0;bottom:0;right:-12px;width:8px;cursor:col-resize;z-index:3;touch-action:none} #customer-crm-root .cb-col-resize:after{content:'';position:absolute;top:8px;bottom:8px;left:3px;width:2px;border-radius:2px;background:transparent;transition:background .12s} #customer-crm-root .cb-col-resize:hover:after,body.cb-col-resizing #customer-crm-root .cb-col-resize:after{background:#ff8b29} body.cb-col-resizing{cursor:col-resize;user-select:none} /* Active CRM menu item: console look — orange edge on the left, lighter green inside. */ #customer-crm-root .cb-nav button[data-module][aria-selected=true]{background:linear-gradient(90deg,#3f5f5e,#33504f);color:#ff8b29;border:1px solid #557573;box-shadow:inset 3px 0 0 #f8872a,0 4px 12px rgba(0,0,0,.18)} #customer-crm-root .cb-nav button[data-module][aria-selected=true]:hover{background:linear-gradient(90deg,#45676a,#38575a);color:#ff8b29} /* Header toggle for the call tools dock; console-sidebar active look when shown. */ #customer-crm-root.cb-has-nav .cb-topbar button.cb-calltools-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;margin-left:8px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer} #customer-crm-root.cb-has-nav .cb-topbar button.cb-calltools-btn:hover{background:rgba(255,255,255,.12)} #customer-crm-root.cb-has-nav .cb-topbar button.cb-calltools-btn.on{background:linear-gradient(90deg,#3f5f5e,#33504f);color:#ff8b29;border-color:#557573;box-shadow:inset 3px 0 0 #f8872a,0 4px 12px rgba(0,0,0,.18)} #customer-crm-root.cb-has-nav .cb-topbar .cb-toolbar-controls{display:flex;align-items:center} @media (max-width:900px){#customer-crm-root .cb-calltools-btn span{display:none}} /* Stage filter and Call tools button: pill-shaped like the search. */ #customer-crm-root.cb-has-nav .cb-topbar select#cb-stage-group{height:30px;border-radius:999px;border:1px solid transparent;background-color:#fff;padding:0 30px 0 14px;font-size:12.5px;color:var(--cb-text);cursor:pointer} #customer-crm-root.cb-has-nav .cb-topbar select#cb-stage-group:focus{outline:0;border-color:#ffb37a;box-shadow:0 0 0 3px #ff710b1f} #customer-crm-root.cb-has-nav .cb-topbar button.cb-calltools-btn{height:30px;border-radius:999px;padding:0 14px} /* ---- Activities: Calendar · Events · Service, in the CRM green (#284143) ---- */ #customer-crm-root .cb-act{--g:#284143;--g2:#3f5f5e;--gt:#e4eeec;--gl:#f2f7f6;display:flex;flex-direction:column;flex:1;min-height:0;background:#fff} #customer-crm-root .cb-act-tabs{display:flex;border-bottom:1px solid var(--cb-line);background:#f7faf9;flex:none} #customer-crm-root .cb-act-tabs button{display:flex;align-items:center;gap:7px;min-width:150px;padding:11px 18px;border:0;border-right:1px solid var(--cb-line);border-bottom:2px solid transparent;background:transparent;color:var(--cb-muted);font-size:13px;font-weight:600;cursor:pointer} #customer-crm-root .cb-act-tabs button svg{width:15px;height:15px} #customer-crm-root .cb-act-tabs button[aria-selected=true]{background:#fff;color:var(--g);border-bottom-color:var(--g)} #customer-crm-root .cb-act-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--cb-line);flex:none;flex-wrap:wrap} #customer-crm-root .cb-act-spacer{flex:1} #customer-crm-root .cb-act-viewpick{position:relative} #customer-crm-root .cb-act-viewbtn{display:flex;align-items:center;gap:8px;height:32px;padding:0 14px;border:1.5px solid var(--g);border-radius:999px;background:#fff;color:var(--g);font-size:13px;font-weight:700;cursor:pointer} #customer-crm-root .cb-act-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:220px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:16px;background:rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} #customer-crm-root .cb-act-menu.right{left:auto;right:0} #customer-crm-root .cb-act-menu>button,#customer-crm-root .cb-act-colopt{display:flex;align-items:center;gap:8px;padding:8px 12px;border:0;border-radius:10px;background:#fff;color:var(--cb-text);font-size:13px;text-align:left;cursor:pointer} #customer-crm-root .cb-act-menu>button:hover,#customer-crm-root .cb-act-colopt:hover{background:var(--gl)} #customer-crm-root .cb-act-menu>button.on{background:var(--gt);color:var(--g);font-weight:700} #customer-crm-root .cb-act-menuhead{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#3d5056;padding:4px 6px} #customer-crm-root .cb-act-colopt input[type=checkbox]:checked{background:var(--g);border-color:var(--g)} #customer-crm-root .cb-act-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--cb-muted)} #customer-crm-root .cb-act-date input{height:30px;padding:0 10px;border:1px solid var(--cb-line);border-radius:999px;font-size:12.5px} #customer-crm-root .cb-act-iconbtn{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--cb-line);border-radius:999px;background:#fff;color:var(--g);font-size:18px;cursor:pointer} #customer-crm-root .cb-act-iconbtn svg{width:16px;height:16px} #customer-crm-root .cb-act-new{display:flex;align-items:center;gap:6px;height:32px;padding:0 16px;border:0;border-radius:999px;background:var(--g);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:inset 3px 0 0 #f8872a} #customer-crm-root .cb-act-new:hover{background:var(--g2)} #customer-crm-root .cb-act-new svg{width:14px;height:14px} #customer-crm-root .cb-act-today{height:32px;padding:0 16px;border:1.5px solid var(--g);border-radius:999px;background:#fff;color:var(--g);font-weight:700;cursor:pointer} #customer-crm-root .cb-cal-title{font-size:16px;color:var(--cb-text);margin-left:6px} #customer-crm-root .cb-act-tablewrap{flex:1;min-height:0;overflow:auto} #customer-crm-root .cb-act-table{width:100%;border-collapse:collapse;font-size:13px} #customer-crm-root .cb-act-table th{position:sticky;top:0;background:#fff;text-align:left;font-weight:700;color:var(--cb-text);padding:11px 14px;border-bottom:1px solid var(--cb-line);white-space:nowrap} #customer-crm-root .cb-act-table td{padding:10px 14px;border-bottom:1px solid #eef3f2;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis;cursor:pointer} #customer-crm-root .cb-act-table tr:hover td{background:var(--gl)} #customer-crm-root .cb-act-table tr.closed td{color:var(--cb-muted)} #customer-crm-root .cb-act-table tr.closed .cb-link{text-decoration:line-through} #customer-crm-root .cb-act-rel{display:inline-flex;align-items:center;gap:6px}#customer-crm-root .cb-act-rel svg{width:13px;height:13px;color:var(--g)} #customer-crm-root .cb-act-host{display:inline-flex;align-items:center;gap:8px} #customer-crm-root .cb-act-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--g);color:#fff;font-size:10px;font-weight:700} #customer-crm-root .cb-act-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px} #customer-crm-root .cb-act-pill.open{background:var(--gt);color:var(--g)}#customer-crm-root .cb-act-pill.due{background:#fff1e6;color:#b25b00}#customer-crm-root .cb-act-pill.closed{background:#eef1f1;color:#72848b} #customer-crm-root .cb-act-empty{text-align:center;color:var(--cb-muted);padding:28px!important;cursor:default!important} #customer-crm-root .cb-act-foot{display:flex;gap:28px;padding:10px 16px;border-top:1px solid var(--cb-line);font-size:12.5px;color:var(--cb-muted);flex:none} #customer-crm-root .cb-act-foot b{color:var(--cb-text);margin-left:6px} #customer-crm-root .cb-cal-wrap{flex:1;min-height:0;display:flex;gap:12px;padding:12px;background:#f7faf9;overflow:auto} #customer-crm-root .cb-cal{flex:1;min-width:560px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--cb-line);border-radius:12px;overflow:visible} #customer-crm-root .cb-cal-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--cb-line)} #customer-crm-root .cb-cal-head div{padding:10px;text-align:center;font-weight:700;font-size:12.5px;color:var(--cb-text)} #customer-crm-root .cb-cal-grid{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))} #customer-crm-root .cb-cal-day{position:relative;display:flex;flex-direction:column;gap:3px;padding:6px;border-right:1px solid #eef3f2;border-bottom:1px solid #eef3f2;min-width:0} #customer-crm-root .cb-cal-day:nth-child(7n){border-right:0} #customer-crm-root .cb-cal-day:nth-child(7n-1),#customer-crm-root .cb-cal-day:nth-child(7n){background:#fbfcfc} #customer-crm-root .cb-cal-day.other .cb-cal-num{color:#b6c2c5} #customer-crm-root .cb-cal-num{font-size:12px;color:var(--cb-text);height:22px} #customer-crm-root .cb-cal-day.today .cb-cal-num span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--g);color:#fff;font-weight:700} #customer-crm-root .cb-cal-chip{display:block;width:100%;padding:3px 7px;border:0;border-radius:5px;background:var(--gt);color:var(--g);font-size:11.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer} #customer-crm-root .cb-cal-chip.service{background:#fff1e6;color:#8a4600} #customer-crm-root .cb-cal-chip.closed{text-decoration:line-through;opacity:.75} #customer-crm-root .cb-cal-chip:hover{filter:brightness(.96)} #customer-crm-root .cb-cal-more{border:0;background:none;color:var(--g);font-size:11.5px;font-weight:700;cursor:pointer;padding:1px} #customer-crm-root .cb-cal-pop{position:absolute;top:4px;left:4px;z-index:25;width:280px;max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:16px;background:rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} #customer-crm-root .cb-cal-pophead{display:flex;align-items:center;justify-content:space-between;padding:2px 4px;color:var(--cb-text)} #customer-crm-root .cb-cal-x{width:26px;height:26px;border:0;border-radius:50%;background:#fff;color:var(--cb-muted);font-size:16px;cursor:pointer} #customer-crm-root .cb-cal-popitem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:0;border-radius:10px;background:#fff;text-align:left;cursor:pointer;box-shadow:inset 3px 0 0 var(--g)} #customer-crm-root .cb-cal-popitem small{color:var(--cb-muted);font-size:11.5px} #customer-crm-root .cb-cal-popitem.closed strong{text-decoration:line-through;color:var(--cb-muted)} #customer-crm-root .cb-cal-side{flex:0 0 220px;display:flex;flex-direction:column;gap:14px;padding:12px;background:#fff;border:1px solid var(--cb-line);border-radius:12px;align-self:flex-start} #customer-crm-root .cb-mini-head{font-weight:700;color:var(--cb-text)} #customer-crm-root .cb-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:11.5px} #customer-crm-root .cb-mini>span{color:var(--cb-muted);font-weight:700;padding:2px 0} #customer-crm-root .cb-mini-day{position:relative;height:26px;border:0;border-radius:50%;background:none;color:var(--cb-text);font-size:11.5px;cursor:pointer} #customer-crm-root .cb-mini-day.other{color:#b6c2c5} #customer-crm-root .cb-mini-day.today{background:var(--g);color:#fff;font-weight:700} #customer-crm-root .cb-mini-day i{position:absolute;left:50%;bottom:1px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#3f8f86} #customer-crm-root .cb-mini-day:hover{background:var(--gl)} #customer-crm-root .cb-cal-group{display:flex;flex-direction:column;gap:6px;border-top:1px solid #eef3f2;padding-top:10px} #customer-crm-root .cb-cal-gh{font-weight:700;font-size:12.5px;color:var(--cb-text)} #customer-crm-root .cb-cal-opt{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--cb-text);cursor:pointer} #customer-crm-root .cb-cal-opt input[type=checkbox]:checked{background:var(--g);border-color:var(--g)} #customer-crm-root .cb-cal-opt input[type=radio]{accent-color:#284143} @media (max-width:900px){#customer-crm-root .cb-cal-side{display:none}#customer-crm-root .cb-act-tabs button{min-width:0;flex:1}} #customer-crm-root .cb-act-menugap{display:block;height:10px;flex:none} /* Activities: row selection and the Smart dial button next to the column settings. */ #customer-crm-root .cb-act-table .cb-act-check{width:34px;padding-right:0;cursor:default} #customer-crm-root .cb-act-check input[type=checkbox]:checked{background:var(--g);border-color:var(--g)} #customer-crm-root .cb-act-table tr.sel td{background:#eaf2f1} #customer-crm-root .cb-act-dial{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:0;border-radius:999px;background:linear-gradient(90deg,#3f5f5e,#33504f);color:#ff8b29;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:inset 3px 0 0 #f8872a} #customer-crm-root .cb-act-dial:hover{filter:brightness(1.08)} /* Linked cards (return visits) under Contact Details. */ #customer-crm-root .cb-linked-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:8px;padding:9px 12px;border:1px solid var(--cb-line);border-radius:10px;background:#fff;text-align:left;cursor:pointer;box-shadow:inset 3px 0 0 #e5484d} #customer-crm-root .cb-linked-card:hover{background:#f7faf9} #customer-crm-root .cb-linked-kind{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#c72e3e} #customer-crm-root .cb-linked-card small{color:var(--cb-muted);font-size:11.5px} /* Contacts use the Activities controls and a full-height configurable table. */ #customer-crm-root .cb-contacts{min-width:0;flex:1} #customer-crm-root .cb-contact-table{width:100%;min-width:900px} #customer-crm-root .cb-contact-table th{white-space:nowrap;position:sticky;top:0;z-index:2;background:#f8fbfb} #customer-crm-root .cb-contact-table td{white-space:pre-line;min-width:115px;vertical-align:top;line-height:1.65;border-right:1px solid #edf2f2} #customer-crm-root .cb-contact-table th.cb-act-check,#customer-crm-root .cb-contact-table td.cb-act-check{min-width:28px} #customer-crm-root .cb-contact-table .cb-link{font-weight:600;text-align:left;white-space:normal} #customer-crm-root .cb-contact-multiple{display:block;color:var(--cb-muted);font-size:10px;font-weight:400;margin-top:3px} #customer-crm-root .cb-contact-colmenu{width:320px;max-width:calc(100vw - 32px);max-height:min(620px,75vh);background:#fff;border:1px solid var(--cb-line);box-shadow:0 12px 32px #20323824;gap:9px;box-sizing:border-box} #customer-crm-root .cb-contact-column-search{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--cb-line);border-radius:9px;font:inherit;color:var(--cb-text)} #customer-crm-root .cb-contact-column-list{min-height:0;overflow:auto;max-height:48vh} #customer-crm-root .cb-contact-column-group h4{margin:12px 10px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--cb-muted)} #customer-crm-root .cb-contact-colmenu .cb-act-colopt{border:1px solid #edf2f2;margin:5px 2px;padding:10px 12px;font-size:12px} #customer-crm-root .cb-contact-colmenu [hidden]{display:none!important} #customer-crm-root .cb-contact-colactions{display:flex;gap:9px;padding:9px 4px 2px;border-top:1px solid var(--cb-line)} #customer-crm-root .cb-contact-foot{align-items:center;gap:15px;flex-wrap:wrap;padding:9px 14px;font-size:11px} #customer-crm-root .cb-contact-foot label{display:flex;align-items:center;gap:7px} #customer-crm-root .cb-contact-foot select{border:1px solid var(--cb-line);border-radius:16px;background:#fff;color:var(--cb-text);padding:6px 8px} /* Match the shared transparent menu treatment. */ #customer-crm-root .cb-contact-colmenu{background:rgba(0,0,0,.05);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none} /* Appointment reminder action: only rendered in Ready for WA Confirmation. */ #customer-crm-root .cb-record-head .cb-reminder-ready{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#25d366;border-color:#20ba5a;color:#063b25;font-weight:700;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff55,0 2px 5px #128c7e18} #customer-crm-root .cb-record-head .cb-reminder-ready:hover{background:#20c561;border-color:#1bae53} #customer-crm-root .cb-record-head .cb-reminder-ready svg{width:17px;height:17px;flex:none} /* Internal purchase and sales draft orders. */ #customer-crm-root .cb-orders{margin-top:20px;border:1px solid var(--cb-line);border-radius:14px;overflow:hidden;background:#fff} #customer-crm-root .cb-orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--cb-line);flex-wrap:wrap} #customer-crm-root .cb-orders-toolbar select{min-width:112px;border:1px solid var(--cb-line);border-radius:9px;padding:8px 12px;background:#fff;color:var(--cb-text)} #customer-crm-root .cb-orders-actions{display:flex;gap:8px;flex-wrap:wrap} #customer-crm-root .cb-order-create{display:inline-flex;align-items:center;gap:6px;border-radius:999px;color:#ed6c13;border-color:#f4c39c;background:linear-gradient(#fff,#fffaf5)} #customer-crm-root .cb-order-create:hover{background:#fff2e7;border-color:#ff9a4c} #customer-crm-root .cb-order-create svg{width:15px;height:15px} #customer-crm-root .cb-order-section+ .cb-order-section{margin-top:30px} #customer-crm-root .cb-order-section h3{margin:0;padding:18px;font-size:14px;font-weight:600} #customer-crm-root .cb-order-table{width:100%;border-collapse:collapse;font-size:12px;min-width:650px} #customer-crm-root .cb-order-table th,#customer-crm-root .cb-order-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--cb-line);vertical-align:middle;white-space:nowrap} #customer-crm-root .cb-order-table th{background:#f7faf9;color:#6e8189;font-size:11px;font-weight:600;border-top:1px solid var(--cb-line)} #customer-crm-root .cb-order-table tbody tr:hover{background:#f6faf9} #customer-crm-root .cb-order-table td small{display:block;margin-top:4px;color:var(--cb-muted);font-size:10px} #customer-crm-root .cb-order-table .cb-order-money{text-align:right;font-variant-numeric:tabular-nums} #customer-crm-root .cb-order-number{padding:0;border:0;background:none;color:var(--cb-text);font:inherit;text-align:left} #customer-crm-root .cb-order-number:hover{color:#e46a18;text-decoration:underline} #customer-crm-root .cb-order-edit{padding:4px;border:0;background:none;color:#7b8d94} #customer-crm-root .cb-order-edit svg{width:16px;height:16px} #customer-crm-root .cb-order-status{color:#6f8188;font-size:11px} #customer-crm-root .cb-order-table .cb-order-empty{text-align:center;color:var(--cb-muted);padding:22px} #customer-crm-root .cb-order-note{margin:16px 18px;color:var(--cb-muted);font-size:12px} #customer-crm-root .cb-orders .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} #customer-crm-root .cb-record-head .cb-head-arrival{margin-top:0;width:auto;white-space:nowrap} #customer-crm-root .cb-order-settings{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:12px;color:#ed6c13;border-color:#f4c39c;background:linear-gradient(#fff,#fffaf5)} .cb-order-settings svg{width:18px;height:18px} .cb-order-delete:hover{color:#bd3949} #customer-crm-root .cb-danger{background:#bd3949;border-color:#bd3949;color:#fff} /* Docked call card (Smart Dialer): see-through like the dialer, movable by its header */ #customer-crm-root .cb-dialog.cb-docked .cb-dialog-card{background:rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} #customer-crm-root .cb-dialog.cb-docked .cb-dialog-card .cb-rightrow{cursor:grab;touch-action:none} #customer-crm-root .cb-dialog.cb-docked .cb-dialog-card.cb-dock-dragging,#customer-crm-root .cb-dialog.cb-docked .cb-dialog-card.cb-dock-dragging .cb-rightrow{cursor:grabbing;user-select:none} #customer-crm-root .cb-dialog.cb-docked .cb-dialog-card.cb-dock-moved{position:fixed;margin:0} /* Call card: customer & vehicle basics */ #customer-crm-root .cb-call-details{margin:4px 0 6px;padding:12px;border:1px solid var(--cb-line);border-radius:12px;background:rgba(255,255,255,.55)} #customer-crm-root .cb-call-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #customer-crm-root .cb-call-field.cb-missing{color:#c0392b} #customer-crm-root .cb-call-field.cb-missing input,#customer-crm-root .cb-call-field.cb-missing select,#customer-crm-root .cb-call-field.cb-missing button,#customer-crm-root .cb-call-field.cb-missing [role=combobox]{border-color:#e35d5d!important;background:#fff4f4!important} #customer-crm-root .cb-wa-saving{margin:8px 0 0;color:#5b737c;font-size:13px} #customer-crm-root .cb-wa-saving.error{color:#c0392b} #customer-crm-root .cb-wa-saving.ok{color:#23845a} #customer-crm-root .cb-wa-saving .cb-button{margin-left:8px;padding:4px 10px;font-size:12px} #customer-crm-root .cb-wa-namecheck{margin:0 0 10px;padding:12px;border:1px solid #f3b27b;border-radius:12px;background:#fff6ee} #customer-crm-root .cb-wa-namecheck strong{color:#b4530f} #customer-crm-root .cb-wa-namecheck p{margin:4px 0 8px;font-size:13px} #customer-crm-root .cb-wa-namecheck-row{display:flex;gap:8px;flex-wrap:wrap} #customer-crm-root .cb-wa-namecheck-row input{flex:1;min-width:160px;border:1px solid var(--cb-line);border-radius:8px;padding:9px 10px} #customer-crm-root textarea.cb-wa-location{min-height:130px;resize:vertical;white-space:pre-wrap;font:inherit;line-height:1.5} #customer-crm-root #cb-wa-example{white-space:pre-wrap} /* Pipeline: the board stays put; only the column under the mouse scrolls (no visible scrollbar). */ @media(min-width:761px){ #customer-crm-root .cb-board-scroll{overflow-x:auto;overflow-y:hidden} #customer-crm-root .cb-board{height:100%;min-height:0!important;align-items:stretch} #customer-crm-root .cb-board>section{display:flex;flex-direction:column;min-height:0;max-height:100%} #customer-crm-root .cb-board>section>.cb-column-head{flex:none} #customer-crm-root .cb-column-cards{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding:0 2px 12px} #customer-crm-root .cb-column-cards::-webkit-scrollbar{display:none;width:0;height:0} } #customer-crm-root .cb-column-cards{display:block} /* Selected cards: action bar */ #customer-crm-root .cb-bulk{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:14px;background:#203238;color:#fff;box-shadow:0 12px 30px #0d1c2040} #customer-crm-root .cb-bulk[hidden]{display:none} #customer-crm-root .cb-bulk select{border:0;border-radius:9px;padding:8px 10px;font:inherit;font-size:13px;color:#203238;background:#fff;cursor:pointer} #customer-crm-root .cb-bulk .cb-button{background:transparent;color:#fff;border-color:#ffffff40} #customer-crm-root .cb-delete-list{margin:6px 0 10px;padding-left:18px;font-size:13px;color:#46595f} /* Compact personal card sorting, alongside Call tools. */ #customer-crm-root .cb-card-sort{position:relative;flex:none} #customer-crm-root .cb-card-sort-button{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--cb-line);border-radius:999px;background:#fff;color:var(--cb-text);font-size:12.5px;white-space:nowrap;cursor:pointer} #customer-crm-root .cb-card-sort-button[aria-expanded=true]{border-color:#ffb37a;color:#e96a0a} #customer-crm-root .cb-card-sort-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:260px;padding:16px;display:grid;gap:12px;border:1px solid var(--cb-line);border-radius:16px;background:#fff;box-shadow:0 10px 32px #20383b24;color:var(--cb-text)} #customer-crm-root .cb-card-sort-menu[hidden]{display:none} #customer-crm-root .cb-card-sort-menu strong{font-size:13px} #customer-crm-root .cb-card-sort-menu label{display:grid;gap:6px;font-size:12px;color:var(--cb-muted)} #customer-crm-root .cb-card-sort-menu select{width:100%;height:36px;border:1px solid var(--cb-line);border-radius:9px;background:#fff;padding:0 9px;font-size:12px;color:var(--cb-text)} @media(max-width:600px){#customer-crm-root .cb-card-sort-button span{display:none}#customer-crm-root .cb-card-sort-menu{right:-45px;width:min(260px,calc(100vw - 40px))}}