.customer-page.customers-comp .cx-head-top { grid-template-columns: 38px minmax(0, 1fr) auto; }
.customer-export { margin-left: auto; flex-shrink: 0; }
.customer-page.customers-comp .customer-filter-menu select { display: block; width: 100%; }
/* Contact option A: compact definition rows, every channel Key read-only. */
.customer-contact-fields{margin:0;padding:0 18px 8px;min-width:0}
.customer-contact-row{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:18px;align-items:center;min-height:50px;padding:14px 0;border-bottom:1px solid #e6eaf1}
.customer-contact-row:last-child{border-bottom:0}
.customer-contact-row dt{display:flex;align-items:center;gap:10px;color:#74819a;font-size:12px;min-width:0}
.customer-contact-row dd{margin:0;color:#24334e;font-size:13px;font-weight:600;overflow-wrap:anywhere;min-width:0;line-height:1.5}
.customer-key-lock{display:inline-flex;align-items:center;color:#74819a;flex:none}
.customer-key-lock .icon{width:12px;height:12px}
.customer-contact-actions{display:flex;align-items:center;gap:12px}
.customer-contact-row dd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.customer-contact-row dd>span{min-width:0;overflow-wrap:anywhere}
.customer-channel-conversation{font-size:12px;flex-shrink:0;padding:4px 0;min-height:32px}
.customer-source-history-row{display:flex;align-items:center;gap:14px;width:100%;padding:16px 0;text-align:left;background:none;border:0;border-bottom:1px solid #e6eaf1;color:#24334e;font:inherit;cursor:pointer}
.customer-source-history-row:last-child{border-bottom:0}
.customer-source-history-row>span:nth-child(2){display:grid;gap:6px;flex:1;min-width:0;overflow-wrap:anywhere}
.customer-source-history-row strong{font-size:14px}
.customer-source-history-row small{font-size:12px;color:#74819a}
.customer-source-history-row:hover{color:#2563b4}
.customer-source-history-row:focus-visible{outline:2px solid #82aef1;outline-offset:2px}
.customer-page.customers-comp.contact-preview-current>.customer-detail-pane{display:block}
#overlay-contact-edit{width:min(480px,calc(100vw - 32px));border-radius:12px}
#overlay-contact-edit .modal-head{padding:24px 26px 20px;border:0;align-items:flex-start}
#overlay-contact-edit .modal-head .eyebrow{display:none}
#overlay-contact-edit .modal-head h2{font-size:18px;letter-spacing:-.2px}
#overlay-contact-edit .modal-body{padding:4px 26px 26px}
.customer-edit-keys{padding:0 14px;border:1px solid #e4e7ed;background:#f8f9fa;border-radius:7px;margin-bottom:24px}
.customer-edit-key{display:grid;gap:8px;padding:13px 0;min-width:0}
.customer-edit-key+.customer-edit-key{border-top:1px solid #e4e7ed}
.customer-edit-key>span{display:flex;align-items:center;gap:10px;font-size:11px;color:#74819a}
.customer-edit-key strong{font-size:13px;font-weight:600;line-height:1.4;color:#62718b;overflow-wrap:anywhere}
#contact-edit-form{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
#contact-edit-form .form-field{display:grid;gap:9px;font-size:12px;color:#32425c;margin:0}
#contact-edit-form input{width:100%;min-width:0;box-sizing:border-box;height:42px;padding:10px 12px;background:white;border:1px solid #d6ddeb;border-radius:7px;color:#24334e;font-size:14px}
#contact-edit-form input:focus-visible{outline:2px solid #82aef1;outline-offset:2px}
#overlay-contact-edit .modal-footer{display:flex;gap:16px;padding:10px 26px 24px;border:0;background:white}
#overlay-contact-edit .modal-footer button{flex:1;justify-content:center;font-size:12px;min-height:40px;padding:9px 18px;border-radius:6px}
@media(max-width:600px){.customer-contact-fields{padding-inline:14px}.customer-contact-row{grid-template-columns:92px minmax(0,1fr);gap:12px}.customer-contact-row dd{font-size:12px}.customer-contact-row dt{font-size:11px}}
@media(max-width:420px){#overlay-contact-edit .modal-head{padding:22px 20px 18px}#overlay-contact-edit .modal-body{padding:4px 20px 22px}#overlay-contact-edit .modal-footer{padding:8px 20px 22px;gap:12px}#contact-edit-form input{font-size:16px}}

/* Customer header: edit beside the name; notes live in Overview. */
.cx-ref-title-line .customer-name-edit{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.customer-name-edit h2{min-width:0;overflow-wrap:anywhere}
.cx-ref-title-line .customer-name-pencil{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;min-height:30px;padding:6px;border:0;background:transparent;color:#74819a;border-radius:6px}
.cx-ref-title-line .customer-name-pencil:hover{color:#2563b4;background:#eef3fb}
.cx-ref-title-line .customer-name-pencil:focus-visible{outline:2px solid #82aef1;outline-offset:2px}
.cx-ref-title-line .customer-name-pencil .icon{width:16px;height:16px}

/* Label option A: pastel chips and an anchored searchable checklist. */
.g4-labels.customer-labels-a{gap:10px;margin:14px 0 0}
.customer-label-chips{display:contents}
.customer-labels-a .customer-label-chip{border:0;border-radius:7px;padding:7px 11px;gap:8px;font-size:12px;line-height:20px;color:color-mix(in srgb,var(--label-color) 82%,#14243b);background:color-mix(in srgb,var(--label-color) 10%,white)}
.customer-labels-a .customer-label-chip i{width:8px;height:8px}
.customer-label-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 11px;border:1px dashed #98a6bb;border-radius:7px;background:white;color:#326ab3;font:inherit;font-size:12px;cursor:pointer}
.customer-label-add:hover,.customer-label-add[aria-expanded="true"]{background:#f4f7fc;border-color:#3974c6}
.customer-label-add:focus-visible{outline:2px solid #82aef1;outline-offset:3px}
.customer-label-popover{position:fixed;inset:auto;margin:0;padding:0;width:320px;box-sizing:border-box;overflow:auto;border:1px solid #dfe4ed;border-radius:10px;background:white;color:#24334e;box-shadow:0 8px 28px #17294320}
.customer-label-popover::backdrop{background:transparent}
.customer-label-search{display:flex;align-items:center;gap:8px;margin:14px;padding:9px 11px;border:1px solid #dce2ec;border-radius:7px;color:#74819a}
.customer-label-search:focus-within{border-color:#82aef1}
.customer-label-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:13px;color:#24334e}
.customer-label-choice{display:flex;align-items:center;gap:12px;min-height:50px;box-sizing:border-box;padding:12px 16px;border-top:1px solid #edf0f5;font-size:13px;cursor:pointer}
.customer-label-choice:hover{background:#f8f9fc}
.customer-label-choice i{width:9px;height:9px;border-radius:50%;background:var(--label-color);flex:none}
.customer-label-choice span{flex:1;min-width:0;overflow-wrap:anywhere}
.customer-label-choice input{width:17px;height:17px;margin:0;accent-color:#3974c6;flex:none;cursor:pointer}
.customer-label-choice[hidden],.customer-label-empty[hidden]{display:none}
.customer-label-empty{padding:6px 16px 20px;margin:0;font-size:13px;color:#74819a}
@media(max-width:600px){.customer-label-search input{font-size:16px}.customer-label-add{min-height:40px}.customer-label-choice{min-height:48px}}