.customers-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.customers-heading h1{font-size:29px;letter-spacing:-.8px}.customers-heading p{font-size:12px;color:#7b8981;margin-top:8px}.customers-actions{display:flex;gap:9px;align-items:center}.customer-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.customer-summary article{background:#fff;border:1px solid #e2e9e5;border-radius:12px;padding:22px 24px}.customer-summary label{font-size:12px;color:#6d7e73}.customer-summary strong{display:block;font-size:32px;line-height:1.4;color:#173f30;font-weight:600;margin:4px 0}.customer-summary p{font-size:11px;color:#91a095}.customer-workspace{background:#fff;border:1px solid #e2e9e5;border-radius:14px;overflow:hidden}.customer-tabs{display:flex;gap:26px;padding:0 23px;border-bottom:1px solid #e7ece9}.customer-tabs button{border:0;background:none;padding:18px 0 15px;font-size:13px;color:#829186;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.customer-tabs button.active{color:#024440;font-weight:650;border-bottom-color:#024440}.customer-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:18px 23px}.customer-search{position:relative;flex:1;max-width:310px;min-width:210px}.customer-search i{position:absolute;left:11px;top:10px;color:#8c9c92;font-size:17px}.customer-search input{padding:10px 12px 10px 35px;width:100%;border:1px solid #e1e7e3;border-radius:7px;font-size:12px}.customer-toolbar select{padding:9px 28px 9px 10px;border:1px solid #e1e7e3;border-radius:7px;color:#53685b;background:#fff;font-size:12px;max-width:150px}.customer-toolbar .filter-clear{background:none;border:0;color:#728f7d;font-size:11px;padding:7px;cursor:pointer}.table-scroll{overflow:auto;max-height:calc(100vh - 385px);min-height:280px}.crm-table{width:100%;border-collapse:collapse;min-width:1120px;font-size:12px}.crm-table th{background:#f7f9f8;color:#8b9990;font-weight:500;font-size:11px;letter-spacing:.3px;padding:14px 15px;text-align:left;white-space:nowrap;border-top:1px solid #edf0ee;border-bottom:1px solid #e9eeeb;position:sticky;top:0;z-index:2}.crm-table td{padding:15px;border-bottom:1px solid #edf1ee;color:#597060;vertical-align:middle;white-space:nowrap;max-width:280px}.crm-table tbody tr:hover{background:#f7fbf8}.crm-table tbody tr:last-child td{border-bottom:0}.crm-table th:first-child,.crm-table td:first-child{padding-left:23px}.crm-table .customer-name{font-size:12px;font-weight:650;color:#233e2e;background:none;border:0;cursor:pointer;padding:0;text-align:left;max-width:230px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.crm-table .customer-name:hover{color:#08785c}.crm-table .cell-secondary{display:block;font-size:10px;color:#96a297;margin-top:5px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.crm-table .cell-note{max-width:240px;white-space:normal;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px}.crm-table .row-index{color:#a5afa8;font-size:10px}.crm-table .row-action{padding:6px 10px;border:1px solid #e0e9e3;border-radius:6px;color:#365c45;background:#fff;font-size:11px;cursor:pointer}.crm-table .row-action:hover{background:#eaf4ed}.crm-table .pill{display:inline-flex;gap:5px;align-items:center;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:550;line-height:1.3;white-space:nowrap}.pill.gray{color:#829087;background:#eff2f0}.pill.green{color:#22684b;background:#e7f3e9}.pill.amber{color:#9a691c;background:#fbf1de}.pill.blue{color:#3b7291;background:#eaf3f8}.pill.purple{color:#7a609b;background:#f1ecf8}.customer-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 23px;border-top:1px solid #e8eeea;font-size:11px;color:#8b9b90;gap:15px}.pagination-controls{display:flex;align-items:center;gap:9px}.pagination-controls button{border:1px solid #e0e8e2;border-radius:6px;background:white;padding:7px 10px;font-size:11px;color:#57705f;cursor:pointer}.pagination-controls button:disabled{opacity:.4;cursor:default}.pagination-controls select{border:0;background:none;color:#6f8777;font-size:11px}.customer-load-error{padding:22px;color:#9b5e40;background:#fff5ef;line-height:1.7}.customer-table-empty{padding:70px 20px;text-align:center;color:#8b9b90;font-size:13px}.customer-table-empty p{font-size:11px;margin-top:10px}.preview-actor{display:none;align-items:center;gap:8px;background:#edf4ef;border:1px solid #dce7df;border-radius:7px;padding:6px 9px;font-size:10px;color:#718879}.is-preview .preview-actor{display:flex}.preview-actor select{border:0;background:transparent;font-size:11px;color:#315c43;max-width:160px}.workflow-overlay{position:fixed;inset:0;background:#0b211a50;z-index:160;display:none;justify-content:flex-end}.workflow-overlay.open{display:flex}.customer-drawer{width:700px;max-width:100%;height:100dvh;background:#fff;box-shadow:-15px 0 60px #133b2320;display:flex;flex-direction:column}.drawer-top{padding:27px 29px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.drawer-eyebrow{color:#8b9a90;font-size:10px;letter-spacing:1px;margin-bottom:8px}.drawer-top h2{font-size:23px;font-weight:650;letter-spacing:-.5px;line-height:1.4}.drawer-top p{font-size:11px;color:#809587;line-height:1.7;margin-top:8px}.drawer-close{border:1px solid #e4eae6;border-radius:50%;background:white;width:31px;height:31px;display:grid;place-items:center;color:#708878;flex-shrink:0;cursor:pointer}.drawer-close i{font-size:17px}.drawer-tabs{display:flex;padding:0 29px;gap:26px;border-bottom:1px solid #e5ece7}.drawer-tabs button{padding:13px 0;border:0;border-bottom:2px solid transparent;background:none;color:#819388;font-size:12px;cursor:pointer;white-space:nowrap}.drawer-tabs button.active{color:#024440;font-weight:650;border-bottom-color:#024440}.drawer-body{overflow:auto;flex:1;min-height:0;padding:23px 29px 30px}.drawer-section-title{font-size:13px;font-weight:650;color:#304c3a;margin-bottom:18px}.drawer-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.drawer-field{min-width:0;display:flex;flex-direction:column;gap:8px}.drawer-field.full{grid-column:1/-1}.drawer-field label{color:#627867;font-size:12px}.drawer-field label em{color:#b18a55;font-style:normal;margin-left:3px}.drawer-field input,.drawer-field select,.drawer-field textarea{width:100%;border:1px solid #dfe8e1;background:#fff;border-radius:7px;padding:11px 12px;font-size:13px;line-height:1.4;color:#314e3b;min-height:42px}.drawer-field textarea{min-height:110px;resize:vertical;line-height:1.8}.drawer-field input:focus,.drawer-field select:focus,.drawer-field textarea:focus{outline:0;border-color:#83b69c;box-shadow:0 0 0 3px #eaf4ee}.drawer-field .readonly-value{font-size:13px;color:#39523f;line-height:1.8;padding:8px 0;min-height:37px;white-space:pre-wrap;word-break:break-word;border-bottom:1px solid #edf1ee}.drawer-permission{padding:12px 14px;background:#f1f6f3;border-radius:8px;color:#728c7a;font-size:11px;line-height:1.8;margin-bottom:23px}.drawer-divider{border:0;border-top:1px solid #e7eee9;margin:25px 0}.drawer-advanced{margin-top:24px}.drawer-advanced summary{font-size:12px;color:#6d8575;cursor:pointer;padding:12px 0;list-style:none}.drawer-advanced summary:before{content:'＋';margin-right:8px}.drawer-advanced[open] summary:before{content:'−'}.drawer-advanced .drawer-fields{padding-top:13px}.drawer-footer{padding:17px 29px;border-top:1px solid #e5ece7;display:flex;align-items:center;gap:12px;background:#fff}.drawer-footer .drawer-save{margin-left:auto;min-width:130px}.drawer-footer .save-hint{font-size:10px;color:#91a397;line-height:1.6}.drawer-error{color:#a15f43;font-size:12px;line-height:1.7;background:#fff4ee;border-radius:6px;padding:10px 12px;display:none;margin-bottom:16px}.handover-summary{padding:18px;background:#eff6f1;border:1px solid #dfebe2;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.handover-summary strong{font-size:13px;color:#345c42}.handover-summary p{font-size:11px;color:#7c9282;line-height:1.7;margin-top:5px}.handover-summary button{flex-shrink:0}.drawer-timeline{margin-top:24px}.drawer-timeline summary{cursor:pointer;font-size:11px;color:#7a9381}.timeline-event{border-left:1px solid #dfe9e1;padding:4px 0 13px 15px;margin-left:4px;color:#6f8375;font-size:11px;line-height:1.8}.timeline-event:first-of-type{margin-top:16px}.timeline-event time{color:#9ba99f;display:block;font-size:10px}.transfer-dialog{position:fixed;inset:0;z-index:180;background:#0a261b55;display:none;align-items:center;justify-content:center;padding:20px}.transfer-dialog.open{display:flex}.transfer-box{width:460px;background:#fff;border-radius:14px;padding:28px}.transfer-box h2{font-size:21px;color:#204a32}.transfer-box>p{font-size:12px;line-height:1.8;color:#7a9080;margin:10px 0 22px}.transfer-box .drawer-field{margin-bottom:17px}.transfer-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.drawer-badge{display:inline-block;padding:4px 8px;background:#edf5ef;border-radius:5px;color:#3e7755;font-size:10px;margin-left:12px;vertical-align:middle}.customers-heading .btn{white-space:nowrap}.customer-summary article:first-child{background:#f1f7f3;border-color:#e1ece5}
@media(min-width:1700px){.crm-table td{padding-top:18px;padding-bottom:18px}.table-scroll{max-height:calc(100vh - 420px)}.customer-summary strong{font-size:35px}}
@media(max-width:1100px){.customers-heading{align-items:flex-start}.customers-actions{flex-wrap:wrap;justify-content:flex-end;max-width:300px}.customer-summary article{padding:17px}.customer-tabs{gap:20px}.crm-table{min-width:1080px}.customer-toolbar{padding:15px}.customer-search{max-width:100%}}
@media(max-width:680px){.customers-heading{flex-direction:column;gap:17px}.customers-heading h1{font-size:25px}.customers-actions{max-width:none;justify-content:flex-start;flex-wrap:wrap}.customer-summary{gap:7px;margin-bottom:15px}.customer-summary article{padding:12px 10px}.customer-summary strong{font-size:25px}.customer-summary label{font-size:10px}.customer-summary p{font-size:9px;line-height:1.7}.customer-tabs{padding:0 14px;gap:18px;overflow:auto}.customer-tabs button{font-size:11px}.customer-toolbar{gap:7px;padding:12px}.customer-toolbar select{font-size:11px;max-width:130px}.customer-search{min-width:100%;flex:1}.table-scroll{max-height:520px}.customer-pagination{flex-wrap:wrap;padding:13px}.drawer-top{padding:23px 20px 18px}.drawer-top h2{font-size:20px}.drawer-tabs{padding:0 20px;gap:20px;overflow:auto}.drawer-body{padding:20px}.drawer-footer{padding:15px 20px}.drawer-fields{grid-template-columns:1fr;gap:16px}.drawer-field.full{grid-column:auto}.drawer-footer .save-hint{max-width:110px}.handover-summary{align-items:flex-start;flex-direction:column}.preview-actor select{max-width:150px}.transfer-box{padding:22px}}
[hidden]{display:none!important}
.source-table .crm-table{min-width:1920px}.source-table .crm-table td{vertical-align:top;padding-top:16px;padding-bottom:16px}.source-table .crm-table .cell-secondary{display:none}.source-table .inquiry-text,.source-table .inquiry-expand{display:block;min-width:290px;max-width:370px;white-space:pre-wrap;font-size:12px;line-height:1.75;color:#365441;overflow-wrap:anywhere}.inquiry-expand summary{cursor:pointer;list-style:none}.inquiry-expand summary span{color:#168466;font-size:11px;white-space:nowrap}.inquiry-expand p{margin:10px 0 0;white-space:pre-wrap}.inquiry-expand[open] summary{font-size:0}.inquiry-expand[open] summary span{font-size:0}.inquiry-expand[open] summary:after{content:'收起内容';font-size:11px;color:#168466}.source-table .crm-table td:nth-last-child(2),.source-table .crm-table td:nth-last-child(3){min-width:90px}.source-table .crm-table td:nth-child(3){min-width:215px}.source-table .crm-table th{color:#617b6a}.customer-tabs{overflow-x:auto}.customer-tabs [data-list-tab="ali"],.customer-tabs [data-list-tab="web"]{font-weight:600}.source-table .crm-table td:nth-child(2){background:#fff}.source-table .crm-table tbody tr:hover td:nth-child(2){background:#f7fbf8}
.source-entry{display:flex;align-items:center;gap:18px;padding:16px 18px;margin-bottom:24px;background:#edf5f1;border:1px solid #dce9e2;border-radius:10px}.source-entry label{font-size:12px;color:#547364}.source-entry select{font:inherit;font-size:14px;font-weight:600;color:#06443d;border:0;background:transparent;flex:1;padding:4px}.source-specific,.customer-overview{margin-top:28px;border-top:1px solid #e5ece7;padding-top:24px}.source-specific h3,.customer-overview h3{font-size:14px;color:#284c3b;margin-bottom:20px}.overview-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.overview-facts span{font-size:11px;color:#86998d}.overview-facts strong{display:block;margin-top:8px;color:#345844;font-size:13px;font-weight:500}.followup-section{margin-top:28px;padding-top:22px;border-top:1px solid #e5ece7}.followup-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.followup-section h3{font-size:14px;color:#254b39}.followup-section header span{font-size:11px;color:#869a8d}.followup-compose{background:#f5f8f6;border:1px solid #e1eae4;border-radius:10px;padding:16px;margin-bottom:24px}.followup-compose label{display:block;font-size:12px;color:#496651;margin-bottom:10px}.followup-compose textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #dce6df;border-radius:7px;padding:12px;color:#244734;font:inherit;font-size:13px;line-height:1.8;background:white}.followup-compose textarea:focus{outline:2px solid #b9dfcc;border-color:#6d9d85}.followup-compose small{display:block;font-size:10px;color:#899b8e;margin-top:9px}.followup-feed article{position:relative;border-left:1px solid #d8e6dd;padding:0 0 25px 22px;margin-left:5px}.followup-feed article:before{content:'';position:absolute;top:4px;left:-4px;width:7px;height:7px;border-radius:50%;background:#6ba990;box-shadow:0 0 0 4px white}.followup-feed time{display:block;color:#789080;font-size:11px;margin-bottom:10px}.followup-feed p{margin:0;color:#36533f;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.followup-feed .followup-empty{color:#94a299;font-size:12px;padding:20px 0}.note-count{display:block;background:transparent;border:0;padding:5px 0 0;color:#6a927b;font-size:10px;cursor:pointer;text-align:left;white-space:normal}.note-count:hover{color:#024440;text-decoration:underline}.crm-table{min-width:1820px}.crm-table th:nth-child(2),.crm-table td:nth-child(2){position:sticky;left:0;background:#fff;box-shadow:4px 0 9px #163c2605;z-index:1;min-width:190px}.crm-table th:nth-child(2){background:#f7f9f8;z-index:3}.crm-table td:nth-last-child(2),.crm-table td:nth-last-child(3){min-width:210px}.customer-summary p{display:none}.customer-summary article{padding:18px 23px}.customers-heading p{max-width:500px}.customer-drawer .pill{font-size:11px;padding:4px 8px;border-radius:5px}
@media(min-width:681px){.table-scroll{max-height:clamp(280px,calc(100dvh - 500px),780px)}}
/* Readable operations workspace and persistent customer editor. */
.crm-table{font-size:15px;min-width:2150px}.crm-table th{font-size:14px;color:#52695d;font-weight:600;padding:17px 18px}.crm-table td{font-size:15px;color:#334e40;padding:18px;max-width:360px;line-height:1.6}.crm-table .customer-name{font-size:15px;max-width:240px}.crm-table .cell-secondary,.crm-table .row-index,.note-count{font-size:12px}.crm-table .cell-note{font-size:14px;max-width:320px}.crm-table .pill,.customer-drawer .pill{font-size:13px;padding:5px 9px;font-weight:550}.crm-table .row-action{font-size:13px;padding:8px 12px}.crm-table td[data-field]{cursor:pointer}.crm-table td[data-field]:hover{background:#eaf4ee;box-shadow:inset 0 0 0 1px #b9d6c6}.crm-table .selected-customer td{background:#eaf5ef}.crm-table tr.selected-customer td.customer-column{background:#e2f0e8}.crm-table .selected-customer{box-shadow:inset 3px 0 #087b64}
.crm-table th:nth-child(2),.crm-table td:nth-child(2){position:static;min-width:140px;box-shadow:none}.crm-table th.customer-column,.crm-table td.customer-column{position:sticky;left:0;min-width:210px;background:#fff;z-index:2;box-shadow:5px 0 10px #163c2610}.crm-table th.customer-column{z-index:4;background:#f7f9f8}.crm-table td:nth-last-child(2),.crm-table td:nth-last-child(3){min-width:120px}.source-table .crm-table{min-width:5800px}.source-table .crm-table td{padding:18px;min-width:130px;vertical-align:top}.source-table .crm-table td:nth-child(3){min-width:160px}.source-table .inquiry-text,.source-table .inquiry-expand{font-size:15px;min-width:340px;max-width:420px;color:#334e40}.source-table .inquiry-expand[open] summary{font-size:0}.inquiry-expand summary span,.inquiry-expand[open] summary:after{font-size:13px}
.customer-tabs{gap:24px}.customer-tabs button{font-size:15px;padding-top:19px;padding-bottom:17px}.customer-toolbar{gap:12px}.customer-search{max-width:370px;min-width:270px}.customer-search input{font-size:14px;padding:12px 14px 12px 36px}.customer-search i{top:13px}.customer-toolbar .filter-clear,.customer-pagination,.pagination-controls button{font-size:13px}.customers-heading p{font-size:14px;color:#698071}.customer-summary label{font-size:14px;color:#506e5d}.customers-actions .btn{font-size:14px}.drawer-field label,.source-entry label{font-size:14px;color:#4a6654}.drawer-field input,.drawer-field textarea,.drawer-field .readonly-value{font-size:15px}.drawer-tabs button{font-size:14px}.drawer-top p{font-size:13px}.drawer-footer .save-hint,.followup-feed time,.followup-section header span{font-size:12px}.followup-feed p,.followup-compose textarea{font-size:15px}.followup-compose small{font-size:12px}.drawer-advanced:has(.drawer-fields:empty){display:none}
.pill.rose{background:#fce8ea;color:#9e354e}.pill.cyan{background:#e0f2f4;color:#146c79}.pill.green{background:#dff1e6;color:#246343}.pill.amber{background:#fff0ce;color:#8d5914}.pill.blue{background:#e4edfc;color:#365d9d}.pill.purple{background:#eee5fb;color:#73549e}.pill.gray{background:#eef1ef;color:#67766d}
.choice-control{display:inline-flex;position:relative;min-width:0;max-width:100%;vertical-align:middle}.choice-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;padding:0!important;pointer-events:none!important;border:0!important}.choice-button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;width:100%;padding:8px 12px;border:1px solid #dce6df;border-radius:9px;background:#fff;color:#365342;cursor:pointer;font:inherit;font-size:14px;text-align:left;box-shadow:0 1px 2px #102f1b04}.choice-button:hover{border-color:#96b8a4;background:#fcfefc}.choice-button:focus-visible,.choice-button[aria-expanded=true]{outline:3px solid #d6ece0;border-color:#699f80}.choice-button:disabled{opacity:.65;cursor:default}.choice-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-label.pill,.choice-option .pill{font-size:13px;line-height:1.5;padding:3px 8px;border-radius:5px}.choice-chevron{color:#668474;font-size:18px;line-height:1}.drawer-field>.choice-control{width:100%}.source-entry>.choice-control{flex:1}.preview-actor .choice-button{font-size:12px;min-height:34px}.customer-toolbar>.choice-control{min-width:140px}.choice-menu{position:fixed;z-index:400;overflow:auto;background:#fff;border:1px solid #dce7df;border-radius:12px;padding:6px;box-shadow:0 12px 36px #133d2926;outline:none}.choice-option{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px;padding:7px 10px;cursor:pointer;border-radius:7px;font-size:14px;color:#345340;outline:none}.choice-option:hover,.choice-option:focus{background:#edf5f0}.choice-option[aria-selected=true]{background:#e6f2eb}.choice-option[aria-disabled=true]{opacity:.5;cursor:default}.choice-tick{color:#087b64}.choice-placeholder{color:#75887d}
@media(min-width:1100px){#page-customers.with-customer-panel{padding-right:580px}.workflow-overlay.docked{left:auto;right:22px;top:22px;bottom:22px;width:550px;background:transparent;display:flex;border:1px solid #dce7df;border-radius:14px;overflow:hidden;box-shadow:0 6px 30px #14352412}.docked .customer-drawer{width:100%;height:100%;max-width:none;box-shadow:none}.docked .drawer-top{padding:22px}.docked .drawer-top h2{font-size:22px}.docked .drawer-tabs{gap:20px;padding:0 22px}.docked .drawer-body{padding:22px}.docked .drawer-fields{gap:18px 15px}.docked .drawer-footer{padding:16px 22px}.with-customer-panel .customers-heading{align-items:flex-start;flex-wrap:wrap}.with-customer-panel .customers-actions{flex-wrap:wrap}.with-customer-panel .customer-tabs{gap:20px}.with-customer-panel .table-scroll{max-height:calc(100dvh - 465px)}}
@media(max-width:800px){.customer-tabs button{font-size:14px}.customer-summary label{font-size:12px}.drawer-fields{grid-template-columns:1fr}.customer-toolbar>.choice-control{min-width:130px}.customer-search{min-width:100%}.customer-tabs{gap:18px}.customer-pagination{gap:12px}.source-table .crm-table td{font-size:14px}.drawer-tabs{gap:17px}.drawer-tabs button{font-size:13px}}
/* Compact, fluid tables: all fields reflow inside the available width. */
.customer-workspace{container-type:inline-size}.customer-tabs{flex-wrap:wrap;gap:0 19px;overflow:visible;padding:0 17px}.customer-tabs button{font-size:14px;padding:14px 0 12px}.customer-toolbar{padding:12px 16px;gap:9px}.customer-summary{gap:12px;margin-bottom:16px}.customer-summary article{padding:13px 18px}.customer-summary strong{font-size:28px;margin:2px 0}.customers-heading{margin-bottom:17px}.customer-summary label{font-size:13px}.table-scroll,.with-customer-panel .table-scroll{max-height:none!important;min-height:0;overflow:visible}.crm-table,.source-table .crm-table{width:100%!important;min-width:0!important;table-layout:fixed}.crm-table th,.crm-table td,.source-table .crm-table td,.crm-table th:nth-child(2),.crm-table td:nth-child(2),.crm-table th.customer-column,.crm-table td.customer-column{min-width:0!important;max-width:none!important;position:static!important;box-shadow:none;white-space:normal;overflow-wrap:anywhere}.crm-table th{font-size:12px;padding:12px 7px;letter-spacing:0;line-height:1.5}.crm-table td,.source-table .crm-table td{font-size:14px;padding:9px 7px;vertical-align:top;line-height:1.45}.crm-table th:first-child,.crm-table td:first-child{width:29px;padding-left:9px}.crm-table th.customer-column{width:15%}.crm-table th.compact-action,.crm-table td.compact-action{width:36px;padding-right:5px;padding-left:3px}.crm-table .customer-name{font-size:14px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.crm-table .cell-secondary{font-size:11px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.crm-table .pill{font-size:12px;padding:3px 6px;white-space:normal;overflow-wrap:anywhere;max-width:100%}.compact-stack{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}.compact-meta{font-size:11px;color:#75897c;line-height:1.5}.inline-choice,.inline-choice .choice-control{display:block;width:100%;min-width:0}.inline-choice .choice-button{min-height:28px;background:transparent;border-color:transparent;box-shadow:none;padding:2px;gap:3px;border-radius:5px;font-size:12px;align-items:flex-start}.inline-choice .choice-button:hover,.inline-choice .choice-button:focus-visible{background:white;border-color:#b8d4c4}.inline-choice .choice-label{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;text-align:left}.inline-choice .choice-chevron{font-size:13px;flex-shrink:0;margin-top:3px;color:#6c8979}.compact-note{width:100%;text-align:left;font:inherit;font-size:12px;line-height:1.6;color:#41604d;border:0;background:transparent;padding:0;cursor:pointer;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.compact-note:hover{color:#08745b}.compact-note>span{display:block;font-size:10px;color:#809b89}.crm-table .row-action{font-size:16px;padding:2px 5px;border:0;background:transparent}.source-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px 13px;min-width:0}.source-fact{min-width:0;display:flex;gap:6px;align-items:flex-start;font-size:12px;color:#45614f;overflow-wrap:anywhere}.source-fact>label{font-size:11px;color:#81988a;flex-shrink:0;line-height:26px}.source-fact>span:not(.inline-choice){padding-top:4px}.source-fact .inline-choice{flex:1;min-width:0}.source-inquiry{grid-column:1/-1;align-items:flex-start}.source-table .inquiry-text,.source-table .inquiry-expand{min-width:0!important;max-width:100%;font-size:12px;white-space:normal;line-height:1.6;flex:1}.source-detail-row>td{background:#f9fbfa;padding-top:0!important;padding-bottom:10px!important;border-bottom:1px solid #dce7df}.source-detail-row .source-fact .pill{font-size:11px}.source-table .crm-table tbody tr:not(.source-detail-row)>td{border-bottom:0}.crm-table .selected-customer td{background:#edf6f0!important}.source-table .crm-table .cell-secondary{display:block}.drawer-tabs{flex-wrap:wrap;overflow:visible}.customer-pagination{padding:12px 16px}.customers-actions{flex-wrap:wrap}.customer-search{min-width:220px}.crm-table td[data-field]:hover{box-shadow:none}
@media(min-width:1440px){#page-customers.with-customer-panel{padding-right:450px}.workflow-overlay.docked{width:425px;right:18px;top:18px;bottom:18px}.docked .drawer-fields{grid-template-columns:1fr}.docked .drawer-tabs{gap:15px}.docked .drawer-body,.docked .drawer-top{padding:18px}.docked .drawer-fields .full{grid-column:auto}}
@container(max-width:1050px){.crm-table thead{display:none}.crm-table tbody>tr:not(.source-detail-row){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;padding:12px;border-bottom:1px solid #e0e9e3}.crm-table tbody>tr>td{display:block;width:auto!important;padding:0!important;border:0}.crm-table tbody>tr:not(.source-detail-row)>td[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:#7d9386;margin-bottom:5px}.crm-table tbody>tr>td.row-index{display:none}.crm-table tbody>tr>td.customer-column{grid-column:span 2}.crm-table .compact-action{align-self:end}.source-detail-row{display:block;padding:0 12px 12px;border-bottom:1px solid #e0e9e3}.source-detail-row>td:first-child{display:none}.source-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.source-table .crm-table tbody>tr:not(.source-detail-row){border-bottom:0}.compact-note{-webkit-line-clamp:2}}
@container(max-width:570px){.crm-table tbody>tr:not(.source-detail-row){grid-template-columns:repeat(2,minmax(0,1fr))}.source-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-toolbar{padding:12px}.customer-search{min-width:100%}.customer-tabs{gap:0 14px}.customer-tabs button{font-size:13px}.source-fact{flex-direction:column;gap:0}.source-fact>label{line-height:18px}.source-fact>.inline-choice{width:100%}}
/* Column filters and complete contact details. */
.customer-toolbar[hidden],.filter-clear[hidden]{display:none!important}.customer-controls-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:0 16px;border-bottom:1px solid #e7ece9}.customer-controls-line .customer-tabs{flex:1;padding:0;gap:0 17px;border:0}.customer-controls-line .customer-search{flex:0 1 280px;min-width:190px;margin:7px 0}.customer-controls-line .customer-search input{font-size:13px;padding:9px 10px 9px 32px}.customer-controls-line .customer-search i{top:10px}.filter-clear{border:0;background:#edf5f0;border-radius:6px;padding:8px;color:#24634b;cursor:pointer;font-size:12px;white-space:nowrap}.crm-table .customer-identity{display:flex;flex-direction:column;gap:2px;line-height:1.45}.customer-identity>span{font-size:12px;color:#61796b;overflow-wrap:anywhere}.crm-table .row-index{white-space:nowrap!important}.crm-table th:first-child{width:32px}.crm-table th.customer-column{width:18%}.column-filter-trigger{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;text-align:left;color:#597366;font:inherit;font-size:12px;cursor:pointer;line-height:1.5}.column-filter-trigger>span{font-size:11px;color:#98afa1}.column-filter-trigger:hover,.column-filter-trigger.filtered{color:#00725b}.column-filter-trigger.filtered>span{color:#009576}.column-filter-trigger:focus-visible{outline:2px solid #81bfa4;outline-offset:3px}.source-fact>label .column-filter-trigger{font-size:11px}.column-filter-panel{position:fixed;z-index:450;display:flex;flex-direction:column;max-height:calc(100dvh - 24px);padding:0;border:1px solid #d5e4da;border-radius:12px;background:#fff;box-shadow:0 12px 42px #163c292a;color:#345643;font-size:13px;overflow:hidden}.column-filter-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e6eee9}.column-filter-panel button{cursor:pointer;font:inherit}.column-filter-panel header button{border:0;background:transparent;font-size:21px;color:#6b8575}.filter-panel-body{padding:12px 16px;overflow:auto;min-height:0}.column-filter-panel fieldset{min-width:0;border:0;padding:0;margin:0 0 15px}.column-filter-panel fieldset:last-child{margin-bottom:0}.column-filter-panel legend{padding:0 0 8px;font-weight:600}.column-filter-panel legend small{font-weight:400;color:#8a9e92}.column-filter-panel input:not([type=checkbox]){box-sizing:border-box;border:1px solid #dce7df;border-radius:6px;padding:8px;width:100%;font:inherit;color:#385944;background:#fff;min-width:0}.column-filter-panel input:focus{outline:2px solid #cee8da;border-color:#88b79d}.filter-checks{max-height:150px;overflow:auto;margin-top:6px}.filter-checks label{display:flex;align-items:center;gap:9px;padding:7px;border-radius:5px;cursor:pointer;overflow-wrap:anywhere}.filter-checks label[hidden]{display:none}.filter-checks label:hover{background:#edf6f0}.filter-checks input{accent-color:#08785c;width:15px;height:15px;flex-shrink:0}.filter-date-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-date-range label{font-size:11px;line-height:2;color:#738d7b}.filter-hint{margin:0;padding:0 16px 10px;font-size:11px;color:#839b8c}.filter-panel-error{font-size:12px;color:#b14c36;padding:0 16px}.column-filter-panel footer{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #e6eee9}.column-filter-panel footer button{border:1px solid #dae6df;border-radius:6px;padding:8px 13px;color:#50755f;background:#fff}.column-filter-panel footer .apply-column-filter{background:#034a40;color:white;border-color:#034a40}
@container(max-width:1050px){.crm-table thead{display:block}.crm-table thead tr{display:flex;flex-wrap:wrap;gap:6px 13px;padding:10px 12px;background:#f6faf7;border-bottom:1px solid #dfe9e2}.crm-table thead th{display:block!important;width:auto!important;padding:0;border:0;background:none}.crm-table thead th:first-child{display:none!important}.crm-table thead .column-filter-trigger{font-size:11px}.customer-controls-line .customer-search{flex:1 1 210px}.customer-controls-line .customer-tabs{flex-basis:100%}}
@container(max-width:570px){.customer-controls-line .customer-search{min-width:160px}.customer-identity>span{font-size:12px}}
/* One customer per row, with channel facts grouped into existing columns. */
.source-table .crm-table th.customer-column{width:18%}.source-table .crm-table td{padding:8px 5px;border-bottom:1px solid #e3ebe6!important}.source-table .crm-table th{padding-left:5px;padding-right:5px}.source-table .compact-stack{gap:2px}.source-table .inline-choice .choice-button{min-height:22px;padding:0 1px;align-items:center}.source-table .inline-choice .choice-label.pill{padding:2px 5px;font-size:12px;line-height:1.35}.row-fact{display:flex;align-items:baseline;gap:4px;font-size:12px;line-height:1.45;min-width:0;margin-top:2px;overflow-wrap:anywhere}.row-fact-label{font-size:11px;color:#809589;flex-shrink:0}.row-fact>.inline-choice{flex:1;min-width:0}.row-fact>span:not(.inline-choice):last-child{min-width:0}.source-table .inquiry-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.6}.source-table .inquiry-expand summary{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.6}.source-table .inquiry-expand[open] summary{display:block;font-size:0}.source-table .inquiry-expand p{font-size:12px;line-height:1.6;margin-top:5px}.crm-table .customer-identity{gap:1px}.crm-table .customer-identity .customer-name{margin-bottom:1px}.source-table .crm-table .customer-name{font-size:14px}.source-table .compact-note{-webkit-line-clamp:4;line-height:1.5}
@container(max-width:1050px){.source-table .crm-table td{border-bottom:0!important}.source-table .crm-table tbody>tr:not(.source-detail-row){border-bottom:1px solid #e0e9e3}.source-table .crm-table tbody>tr:not(.source-detail-row){gap:8px 10px}}
.drawer-transfer{background:#f1f7f3;border:1px solid #deebe2;border-radius:9px;padding:14px;margin-bottom:20px}.drawer-transfer h3{font-size:13px;color:#617d6b;margin:0 0 9px}.drawer-transfer .transfer-control{gap:6px}.drawer-transfer .inline-choice .choice-button{background:#fff;border-color:#dce7df;min-height:35px;padding:5px 8px}.transfer-date{display:block}.transfer-adjust{border:0;background:none;padding:7px 0 0;color:#3d8066;font-size:12px;cursor:pointer}.transfer-adjust:hover{text-decoration:underline}.crm-table .transfer-control{gap:2px}
.source-picker{position:fixed;inset:0;z-index:180;background:#123a2b40;display:grid;place-items:center;padding:20px}.source-picker>section{width:460px;max-width:100%;background:white;border:1px solid #dce7df;border-radius:14px;box-shadow:0 18px 65px #133c292b;padding:24px}.source-picker header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.source-picker h2{font-size:21px;margin:0;color:#214d3c}.source-picker p{font-size:13px;color:#7c9386;margin:7px 0 20px}.source-picker header button{border:0;background:none;font-size:24px;color:#8aa092;cursor:pointer}.source-picker-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.source-picker-options>button{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 12px;background:#fff;border:1px solid #dfebe3;border-radius:8px;cursor:pointer;text-align:left}.source-picker-options>button:hover,.source-picker-options>button:focus-visible{background:#f0f8f3;border-color:#83b69c;outline:2px solid #e0f0e7}.source-picker-options .pill{font-size:14px;border-radius:4px;padding:4px 7px}.source-picker-options>button>span:last-child{font-size:11px;color:#7c9b89}
/* Inquiry attribution and customer follow-up are separate groups. */
.visit-page{font-size:12px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;margin-bottom:4px}.visit-page:hover{color:#087b64}.grouped-fields:first-of-type{margin-top:0;border-top:0;padding-top:0}.grouped-fields h3{font-size:14px}.source-table .crm-table td[data-label="回复 / 转交"] .transfer-control{gap:1px}.source-table .crm-table td[data-label="来源信息"]>.row-fact{margin-top:1px}.source-table .crm-table td[data-label="询盘需求"] .inquiry-text{-webkit-line-clamp:3}

.role-summary .owner-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.role-summary .owner-row>span{overflow-wrap:anywhere}

/* Single drawer close action and prominent save feedback. */
#toast.toast{top:24px;bottom:auto;left:50%;right:auto;transform:translate(-50%,-10px);max-width:calc(100vw - 32px);width:max-content;text-align:center;white-space:normal;pointer-events:none;z-index:3000}#toast.toast.show{transform:translate(-50%,0)}
/* Team directory and member dialogs share the customer workspace styling. */
.team-workspace{border:1px solid #e2e9e5;border-radius:14px;background:#fff;overflow:hidden}.team-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #e5ece7}.team-list-heading h2{font-size:15px;color:#254e3d;margin:0}.team-list-heading>span{font-size:12px;color:#7b9384}.team-table{width:100%;table-layout:fixed;border-collapse:collapse}.team-table th{padding:12px 18px;background:#f6f9f7;font-size:12px;font-weight:500;color:#6f8979;text-align:left;white-space:normal}.team-table td{padding:18px;border-bottom:1px solid #e8eeea;color:#486554;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.team-table tr:last-child td{border-bottom:0}.team-table tbody tr:hover{background:#f6faf8}.team-table th:first-child{width:23%}.team-table th:nth-child(2){width:15%}.team-table th:nth-child(3){width:18%}.team-table th:last-child{width:132px}.team-person{display:flex;align-items:center;gap:12px;min-width:0}.team-person>div{min-width:0}.team-person strong{display:block;font-size:15px;color:#254534}.team-avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#e5f1eb;color:#287456;font-weight:600}.team-avatar.cyan{background:#e5f4f7;color:#327487}.team-avatar.amber{background:#fff2d4;color:#906418}.team-avatar.purple{background:#f0eafa;color:#79619d}.team-login,.team-export{display:block;color:#82958a;font-size:12px;margin-top:3px}.team-self{display:inline-block;font-size:10px;font-weight:400;color:#6a907c;background:#edf5f0;border-radius:4px;padding:1px 5px;margin-left:7px}.team-table .pill{display:inline-block;font-size:12px;border-radius:5px;padding:3px 8px}.team-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.team-actions .btn{font-size:12px;padding:6px 10px}.team-delete{font:inherit;font-size:12px;color:#a86b62;border:0;background:none;cursor:pointer;padding:5px 0}.team-delete:hover{color:#c34535;text-decoration:underline}.team-empty{padding:32px;text-align:center;color:#789281}.team-modal .modal-box{position:relative;max-width:470px!important;border:1px solid #deebe2;border-radius:14px;box-shadow:0 16px 60px #143b2926;padding:28px}.team-modal .modal-box h2{font-size:21px;color:#254b39;margin:0 0 25px;padding-right:30px}.team-modal-close{position:absolute;right:18px;top:18px}.team-modal .form-group label{font-size:13px;color:#506e5c}.team-modal .form-group input{font-size:14px;padding:11px 12px;border:1px solid #dce7df;border-radius:7px}.team-modal .choice-button{min-height:42px}.team-submit{display:block;margin:24px 0 0 auto;font-size:14px}.team-summary{margin-top:0}
@media(max-width:1000px){.team-table th,.team-table td{padding:12px 10px}.team-table th:first-child{width:21%}.team-person{gap:8px}.team-avatar{width:30px;height:30px}.team-self{display:block;width:max-content;margin:3px 0 0}.team-table th:last-child{width:95px}.team-actions{gap:6px}}
@media(max-width:650px){.team-table thead{display:none}.team-table tr{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:12px;border-bottom:1px solid #e4ece6}.team-table td{display:block;padding:0;border:0}.team-table td:first-child{grid-column:1/-1}.team-table td:nth-child(4){grid-column:1/-1}.team-table td:not(:first-child):before{content:attr(data-label);display:block;font-size:11px;color:#8aa091;margin-bottom:5px}.team-self{display:inline-block;margin-left:6px}.team-list-heading{padding:14px}.team-list-heading>span{display:none}.team-modal .modal-box{padding:22px}}

/* Portalled menus must remain above every modal. */
.choice-menu{z-index:2200!important}
.team-export-setting{padding:14px 16px;background:#f1f6f3;border:1px solid #dde9e3;border-radius:8px;margin:16px 0}.team-export-setting label{display:flex;align-items:center;gap:8px;font-weight:600}.team-export-setting input{accent-color:#00544e;width:17px;height:17px}.team-export-setting small{display:block;margin-top:8px;color:#687d73;line-height:1.5}
.crm-table tr.customer-inactive td,.crm-table tr.customer-inactive.selected-customer td{background:#f0f1f2!important;color:#737a7c!important}.crm-table tr.customer-inactive .pill{background:#dfe2e4!important;color:#646c70!important}.crm-table tr.customer-inactive button,.crm-table tr.customer-inactive span,.crm-table tr.customer-inactive strong{color:#687174!important}.inactive-label{font-size:12px;background:#dde1e3;padding:2px 6px;border-radius:4px;width:fit-content}
/* Shared calendar uses the workspace green palette. */
.date-control{position:relative;display:block;min-width:0;width:100%}.date-control .date-native{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;border:0!important;pointer-events:none;overflow:hidden}.date-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:10px 13px;color:#31554a;background:white;border:1px solid #d8e5df;border-radius:8px;font:inherit;font-size:14px;text-align:left;cursor:pointer}.date-button:hover{border-color:#93b4a5;background:#fafcfb}.date-button:focus-visible,.date-button[aria-expanded=true]{outline:3px solid #e1efe8;outline-offset:2px;border-color:#65a48c}.date-button.is-empty{color:#8a9b94}.date-button:disabled{cursor:default;background:#f5f7f6;color:#819289}.date-icon{display:flex;color:#6e8c7f}.date-icon svg{width:18px;height:18px}.calendar-popup{position:fixed;z-index:2100;width:320px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;box-sizing:border-box;background:#fff;border:1px solid #dce8e1;border-radius:12px;box-shadow:0 14px 42px #193e3026;padding:14px;color:#31554a;font-family:inherit}.calendar-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.calendar-selectors{display:flex;flex:1;justify-content:center;gap:4px;min-width:0}.calendar-selectors .choice-control{min-width:0;flex:1}.calendar-selectors .choice-button{min-width:0;padding:7px 6px;gap:3px;border-color:transparent;background:#f1f6f3}.calendar-selectors .pill{background:transparent;color:#275345;padding:0;font-size:14px}.calendar-nav{border:0;background:transparent;border-radius:6px;color:#477564;font-size:24px;width:30px;height:34px;cursor:pointer}.calendar-nav:hover{background:#e9f3ed}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-weekdays{font-size:12px;color:#879b91;text-align:center;padding-bottom:8px}.calendar-day{aspect-ratio:1;border:1px solid transparent;border-radius:7px;background:transparent;color:#31554a;font-size:14px;cursor:pointer}.calendar-day:hover{background:#e8f2ed}.calendar-day.outside-month{color:#b2beb8}.calendar-day.today{border-color:#9cbfaf}.calendar-day.selected,.calendar-day.selected:hover{background:#00544e;color:white;font-weight:600}.calendar-day:disabled{color:#c9d0cc;cursor:default;background:#f8faf9}.calendar-day:focus-visible,.calendar-nav:focus-visible,.calendar-footer button:focus-visible{outline:2px solid #62a38a;outline-offset:1px}.calendar-footer{border-top:1px solid #edf2ef;margin-top:12px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-footer button{border:0;border-radius:6px;padding:6px 10px;background:#edf5f0;color:#12604d;font:inherit;font-size:13px;cursor:pointer}.calendar-footer button:disabled{background:transparent;color:#b3bdb7;cursor:default}.calendar-footer span{font-size:11px;color:#97a79e}.custom-range .date-control{width:175px}.filter-date-range .date-button{font-size:13px;padding:9px;gap:4px}
.calendar-popup:focus{outline:none}
/* Keep the list views, active filters and column headers available while scrolling. */
.customer-workspace{overflow:visible;--customer-controls-height:50px}
.customer-controls-line{position:sticky;top:0;z-index:40;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 2px 5px #173e2910}
#customerTableHead{position:sticky;top:var(--customer-controls-height);z-index:35;background:#f7f9f8;box-shadow:0 2px 4px #173e2910}
.customer-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:1 0 100%;padding:0 0 9px;font-size:11px;color:#718b7b}
.customer-active-filters[hidden]{display:none!important}
.customer-active-filters>button{display:flex;align-items:center;gap:8px;max-width:340px;border:1px solid #d9e8df;border-radius:5px;background:#edf5f0;color:#35604b;padding:4px 7px;font:inherit;cursor:pointer}
.customer-active-filters>button>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.customer-active-filters i{font-style:normal;font-size:14px;color:#6d907b}
.customer-active-filters>button:hover{background:#dfefe5;border-color:#a0c4af}
.crm-table td[data-drawer-group]{cursor:pointer}
.crm-table tbody tr:not(.customer-inactive)>td[data-drawer-group]:hover{background:#e5f1e9!important;box-shadow:none}
.crm-table td.customer-column .customer-identity{min-height:100%;cursor:pointer}
.crm-table td[data-drawer-group]:focus-within{outline-offset:-2px}
/* In the side-by-side view both panels share the same viewport edges. */
@media(min-width:1100px){
 #page-customers.with-customer-panel>.customers-heading,#page-customers.with-customer-panel>.customer-summary{visibility:hidden}
 #page-customers.with-customer-panel>.customer-workspace{position:fixed;top:18px;bottom:18px;left:var(--customer-dock-left);right:var(--customer-dock-right);display:flex;flex-direction:column;overflow:hidden;z-index:45;border-radius:14px}
 .with-customer-panel .customer-controls-line{position:relative;top:auto;flex-shrink:0;border-radius:0;z-index:40}
 .with-customer-panel #customerTableScroll{flex:1;min-height:0;max-height:none!important;overflow:auto;overscroll-behavior:contain}
 .with-customer-panel #customerTableHead{top:0}
 .with-customer-panel .customer-pagination{flex-shrink:0;background:#fff}
}
/* Opaque, adjoining header surfaces: collapsed borders must not expose scrolled rows. */
.crm-table{border-collapse:separate;border-spacing:0}
#customerTableHead{isolation:isolate;background:#f7f9f8}
#customerTableHead{box-shadow:0 -2px 0 #f7f9f8,0 2px 4px #173e2910}
#customerTableHead th{background:#f7f9f8}
.customer-controls-line::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff;pointer-events:none}
@media(min-width:1100px){.with-customer-panel #customerTableHead{top:-1px}.with-customer-panel #customerTableScroll{margin-top:-1px}}
/* Keep the customer workspace at the same height with or without the detail panel. */
.main-content:has(#page-customers.active){height:100dvh;min-height:0;padding-top:18px;padding-bottom:18px;overflow:hidden}
#page-customers.active{height:100%;min-height:0;display:flex;flex-direction:column;animation:none;transform:none}
#page-customers>.customers-heading,#page-customers>.customer-summary{display:none}
#page-customers>.customer-workspace{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#page-customers .customer-controls-line{position:relative;top:auto;flex-shrink:0;border-radius:0;gap:5px 12px}
#page-customers #customerTableScroll{flex:1;min-height:0;max-height:none!important;overflow:auto;overscroll-behavior:contain;margin-top:-1px}
#page-customers #customerTableHead{top:-1px}
#page-customers .customer-pagination{flex-shrink:0;background:#fff}
.customer-controls-line .customers-actions{gap:7px;margin:5px 0;flex-shrink:0}
.customer-controls-line .customers-actions .btn{font-size:12px;padding:7px 10px;white-space:nowrap}
.customer-controls-line .preview-actor{padding:3px 6px}
.customer-controls-line .preview-actor .choice-button{min-height:30px;padding:4px 8px}
@container(max-width:1050px){.customer-controls-line .customers-actions{margin-left:auto}.customer-controls-line .customer-search{flex:1 1 170px}}
@media(max-width:650px){.customer-controls-line .customers-actions{flex-wrap:wrap;width:100%}.customer-controls-line .preview-actor{margin-right:auto}}
.business-receipt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:0 0 14px;margin-bottom:16px;border-bottom:1px solid #e0eae4;color:#7a9285;font-size:11px}.business-receipt strong,.business-receipt time{color:#345d49;font-size:12px;font-weight:500;margin-left:5px}
.drawer-loading{padding:26px 0;color:#6d7e73;font-size:13px}.drawer-delete{border:1px solid #ead5d1;border-radius:7px;background:#fff;color:#9f5149;padding:8px 11px;font:inherit;font-size:12px;cursor:pointer}.drawer-delete:hover{background:#fbf1ef}.drawer-delete:disabled{opacity:.5;cursor:wait}.drawer-delete:focus-visible{outline:2px solid #9f5149;outline-offset:3px}
.source-table[data-view="web"] .crm-table td[data-label="客户地域"]{min-width:170px}.source-table[data-view="web"] .geography-stack{gap:1px}.source-table[data-view="web"] .crm-table td[data-label="来源信息"]{min-width:190px}

/* Desktop detail follows the production side-by-side behavior. No columns behind the drawer. */
@media(min-width:1440px){
 .with-customer-panel .crm-table thead{display:table-header-group}
 .with-customer-panel .crm-table thead tr,.with-customer-panel .crm-table tbody>tr:not(.source-detail-row){display:table-row;padding:0}
 .with-customer-panel .crm-table thead th,.with-customer-panel .crm-table tbody>tr>td{display:table-cell!important;width:auto!important;padding:8px 5px!important}
 .with-customer-panel .crm-table tbody>tr>td[data-label]:before{display:none!important}
 .with-customer-panel .crm-table th:first-child,.with-customer-panel .crm-table td:first-child{width:25px!important}
 .with-customer-panel .crm-table th.customer-column{width:19%!important}
 .with-customer-panel .crm-table td,.with-customer-panel .crm-table .customer-name{font-size:12px}
 .with-customer-panel .crm-table .customer-identity>span{font-size:10px}
 .with-customer-panel .inquiry-date-strong{font-size:12px;white-space:nowrap}
 .with-customer-panel .row-fact{display:flex;line-height:1.5;align-items:baseline}
 .with-customer-panel .row-fact-label{margin-right:4px}
 .with-customer-panel .row-fact[data-field="ip_address"]>span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Restored whole-cell navigation and readable source facts. */
.crm-table td[data-drawer-group]{cursor:pointer}
.crm-table tbody tr:not(.pool-customer):not(.repeat-inquiry):hover>td{background:#edf6f1!important}
.crm-table .row-fact{min-width:0;gap:4px;line-height:1.5}
.crm-table .row-fact>span:last-child:not(.inline-choice){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm-table .row-fact-label{color:#607e70;font-size:11px}
.crm-table .choice-label.pill{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;word-break:normal}
.crm-table .choice-button{min-width:0}
.geography-stack .row-fact-label{flex:0 0 auto;max-width:76px}
.crm-table .geography-stack .row-fact{margin-top:1px}
.crm-table .compact-note{min-height:40px;width:100%}
.customer-controls-line .customer-tabs{flex-wrap:wrap;overflow:visible;min-width:0}
.customer-controls-line .customer-tabs button{white-space:nowrap}
@media(min-width:1440px){
 body:has(.workflow-overlay.docked) .sidebar{width:72px;padding:25px 8px 16px}
 body:has(.workflow-overlay.docked) .sidebar-header{padding:0 0 25px;justify-content:center}
 body:has(.workflow-overlay.docked) .sidebar-wordmark{font-size:0}
 body:has(.workflow-overlay.docked) .sidebar-wordmark:after{content:'NEWLAND\A BAMBOO';white-space:pre;font-size:9px;line-height:1.6;letter-spacing:0;color:#024440}
 body:has(.workflow-overlay.docked) .sidebar .nav-label,body:has(.workflow-overlay.docked) .sidebar-user .info,body:has(.workflow-overlay.docked) .signout-label,body:has(.workflow-overlay.docked) #desktopInstall{display:none}
 body:has(.workflow-overlay.docked) .sidebar-nav a,body:has(.workflow-overlay.docked) .sidebar-footer a{justify-content:center;padding:13px 10px}
 body:has(.workflow-overlay.docked) .sidebar-user{margin:auto auto 16px}
 body:has(.workflow-overlay.docked) .main-content{margin-left:72px;width:calc(100% - 72px);padding-left:18px;padding-right:18px}
 .with-customer-panel .crm-table th.customer-column{width:17%!important}
 .with-customer-panel .crm-table .customer-identity>span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .with-customer-panel .crm-table .row-fact-label{font-size:11px}
 .with-customer-panel .crm-table .row-fact{flex-wrap:wrap;gap:0 4px}
 .with-customer-panel .crm-table .row-fact>.inline-choice{flex-basis:auto}
 .with-customer-panel .crm-table .row-fact>span:last-child{max-width:100%;white-space:nowrap}
 .with-customer-panel .transfer-control .choice-label.pill{white-space:nowrap}
 .with-customer-panel .customer-controls-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px}
 .with-customer-panel .customer-controls-line .customer-tabs{grid-column:2/4;grid-row:1;padding-left:0;padding-right:0;flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important;min-width:0!important;width:auto!important;max-width:none!important}
 .with-customer-panel .customer-controls-line .fg-modes{grid-column:1;grid-row:1}
 .with-customer-panel .customer-controls-line .customer-search{grid-column:1/3;grid-row:2;max-width:460px;width:100%}
 .with-customer-panel .customer-controls-line .customers-actions{grid-column:3;grid-row:2;margin-left:auto}
 .with-customer-panel .customer-controls-line .filter-clear:not([hidden]){grid-column:1/4;grid-row:3;justify-self:start}
}
.drawer-top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
@media(max-width:680px){.drawer-top-actions{align-items:flex-end}.drawer-top-actions #drawerProfile{font-size:11px;padding:0 8px}.drawer-top-actions #drawerProfile .ph{display:none}}
@media(min-width:681px){
 body.customer-nav-compact .sidebar{width:72px;padding:25px 8px 16px;z-index:120;transition:width .16s ease,box-shadow .16s ease}
 body.customer-nav-compact .sidebar-header{padding:0 0 25px;justify-content:center}
 body.customer-nav-compact .sidebar-wordmark{font-size:0}
 body.customer-nav-compact .sidebar-wordmark:after{content:'NEWLAND\A BAMBOO';white-space:pre;font-size:9px;line-height:1.6;color:#024440}
 body.customer-nav-compact .sidebar .nav-label,body.customer-nav-compact .sidebar-user .info,body.customer-nav-compact .signout-label,body.customer-nav-compact #desktopInstall{display:none}
 body.customer-nav-compact .sidebar-nav a,body.customer-nav-compact .sidebar-footer a{justify-content:center;padding:13px 10px}
 body.customer-nav-compact .sidebar-user{margin:auto auto 16px}
 body.customer-nav-compact .main-content{margin-left:72px;width:calc(100% - 72px);padding-left:18px;padding-right:18px}
 body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within{width:218px;box-shadow:8px 0 28px #163c2617}
 body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover .sidebar-header,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within .sidebar-header{padding:0 10px 36px;justify-content:flex-start}
 body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover .sidebar-wordmark,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within .sidebar-wordmark{font-size:13px}
 body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover .sidebar-wordmark:after,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within .sidebar-wordmark:after{content:none}
 body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover .nav-label,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within .nav-label,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover .sidebar-user .info,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within .sidebar-user .info,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover .signout-label,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within .signout-label{display:block}
 body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover #desktopInstall,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within #desktopInstall{display:block}
 body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover .sidebar-nav a,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within .sidebar-nav a,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover .sidebar-footer a,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within .sidebar-footer a{justify-content:flex-start;padding:14px}
 body.customer-nav-compact:not(.customer-nav-lock) .sidebar:hover .sidebar-user,body.customer-nav-compact:not(.customer-nav-lock) .sidebar:focus-within .sidebar-user{margin:auto 8px 16px}
}