.c-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 18px}.c-filter-group{display:flex;align-items:center;gap:16px;min-width:0}.c-scope-tabs{flex:none}.c-type-filter{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);white-space:nowrap}.c-type-filter select{min-height:40px;padding:8px 30px 8px 12px;font-size:12px;background:#fff}.c-search{max-width:340px}.c-list-summary{padding:13px 20px;border-bottom:1px solid var(--line);color:#949488;font-size:11px;line-height:1.8}.c-row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.c-row-actions button{padding:0;white-space:nowrap;line-height:1.6}.c-row-actions button:last-child:not(:first-child){color:#78836c}.c-last-contact{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.c-team-primary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:12px;line-height:1.7}.c-team-primary>span{color:#99988b;font-size:10px}.c-team-primary>strong{font-weight:500;overflow-wrap:anywhere}.c-team-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.c-team-tag{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;padding:4px 7px;background:#f4f2ec;border-radius:3px;font-size:10px;color:#746d5d;line-height:1.5;overflow-wrap:anywhere}.c-team-tag small{font-size:9px;color:#a29580}.c-muted-note{font-size:11px;color:#929285;line-height:1.8;margin-top:7px}

dialog.customers-dialog{width:780px;max-width:calc(100% - 30px)}.customers-dialog #modal-content{padding:25px 28px}.customers-dialog input,.customers-dialog select,.customers-dialog textarea{width:100%;min-width:0}.customers-dialog .button{font-size:12px}.c-form-fields{border:0;padding:0;margin:0;min-width:0}.c-form-intro{font-size:12px;color:#8f8d80;line-height:1.8;margin:0 0 22px}.c-customer-form .form-grid label{position:relative;line-height:1.6;min-width:0}.c-customer-form .form-grid small{font-size:10px;color:#969183;line-height:1.8}.c-required-note{font-size:9px;font-weight:400;color:#a18d75;position:absolute;right:0;top:1px}.c-collaborators{margin-top:24px}.c-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.c-section-heading h3{font-size:13px;font-weight:500;line-height:1.6}.c-section-heading h3>span{font-size:10px;font-weight:400;color:#999384;margin-left:5px}.c-section-heading>span{font-size:10px;color:#a09b8d;line-height:1.8}.c-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px;max-height:210px;overflow-y:auto;padding:1px}.c-member-option{display:flex;align-items:flex-start;gap:8px;padding:11px 10px;border:1px solid var(--line);background:#faf9f5;border-radius:3px;font-size:11px;line-height:1.6;cursor:pointer;min-width:0}.customers-dialog .c-member-option>input{appearance:auto;width:14px;height:14px;padding:0;flex:none;margin:2px 0 0;accent-color:var(--bronze)}.c-member-option>span{overflow-wrap:anywhere;min-width:0}.c-member-option small{display:block;font-size:9px;color:#9d9686;margin-top:3px}.c-member-option:has(input:checked){border-color:#b6a28b;background:#f5f0e7}.c-extra-fields{margin-top:24px;border:1px solid var(--line);border-radius:4px}.c-extra-fields>summary{padding:15px 16px;cursor:pointer;font-size:12px;color:#666456;line-height:1.7}.c-extra-fields>summary>span{font-size:10px;color:#a19a8b;margin-left:8px}.c-extra-fields[open]>summary{border-bottom:1px solid var(--line);background:#faf9f5}.c-extra-fields>.form-grid{padding:20px 16px}.c-form-error{font-size:12px;color:#a04632;background:#fcf0eb;border:1px solid #ead1c6;border-radius:3px;padding:11px 13px;margin-top:16px;line-height:1.8}.c-form-error[hidden]{display:none}.c-form-error:focus{outline:1px solid #b87d65;outline-offset:2px}.c-customer-form .form-actions{margin-top:20px}

.c-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px}.c-detail-header p{font-size:11px;color:#969286;margin-top:10px;line-height:1.7}.c-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}.c-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:3px;background:#fcfbf8}.c-detail-facts>div{padding:15px 17px;min-width:0}.c-detail-facts dt{font-size:10px;color:#999486;line-height:1.6;margin-bottom:7px}.c-detail-facts dd{font-size:12px;margin:0;line-height:1.8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.c-section{padding-top:23px;margin-top:22px;border-top:1px solid var(--line)}.c-detail-team .c-team-primary>span{font-size:11px}.c-detail-team .c-team-tags{margin-top:12px}.c-detail-team .c-team-tag{font-size:11px;padding:5px 9px}.c-detail-team .c-muted-note{margin-top:12px}.c-text-block{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#66675c}.c-followup-form{background:#f8f7f2;border:1px solid var(--line);border-radius:4px;padding:17px;margin:16px 0 20px}.c-followup-grid{display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:14px}.c-followup-grid label{min-width:0;font-size:11px}.c-followup-grid textarea{background:white;resize:vertical}.c-followup-grid input{font-size:11px}.c-followup-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px}.c-followup-actions>span{font-size:10px;color:#aaa08e;line-height:1.7}.c-timeline{list-style:none;margin:18px 0 0;padding:0 0 0 8px}.c-timeline>li{position:relative;padding:0 0 22px 20px;border-left:1px solid #dfdbd0}.c-timeline>li:last-child{padding-bottom:2px;border-color:transparent}.c-timeline>li:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;background:#bba88d;border-radius:50%;box-shadow:0 0 0 4px #fff}.c-timeline-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:10px;color:#a09a8b;line-height:1.8}.c-timeline-meta time{color:#807a6a;font-variant-numeric:tabular-nums}.c-timeline p{font-size:12px;line-height:1.9;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.c-legacy-notes{margin-top:19px;background:#f6f4ee;border-radius:3px}.c-legacy-notes summary{font-size:11px;color:#8b806c;padding:13px 15px;cursor:pointer}.c-legacy-notes .c-text-block{padding:0 15px 15px;font-size:11px;color:#969080}.c-record-groups{display:grid;gap:10px}.c-record-group{border:1px solid var(--line);border-radius:4px;overflow:hidden}.c-record-group>summary{padding:13px 15px;background:#faf9f5;cursor:pointer;font-size:12px;color:#79735f;line-height:1.7}.c-record-group>summary>span{float:right;font-size:10px;color:#a69b85}.c-record-group[open]>summary{border-bottom:1px solid var(--line)}.c-record-empty{font-size:11px;color:#a29c8f;line-height:1.8;padding:15px 0}.c-record-group>.c-record-empty{padding:14px 16px}.c-linked-record+.c-linked-record{border-top:1px solid var(--line)}.c-record-link{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;width:100%;padding:16px;text-align:left;line-height:1.8}.c-record-link:hover{background:#fdfcf8}.c-record-link>span{min-width:0}.c-record-link strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.c-record-link small{display:block;font-size:10px;color:#aaa28f;margin-top:5px;overflow-wrap:anywhere}.c-record-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;max-width:48%;font-variant-numeric:tabular-nums}.c-record-meta small{color:var(--bronze);margin-top:0}.c-work-plan{display:grid;gap:7px;margin:0 16px 15px;padding:12px;background:#f7f6f1;border-radius:3px}.c-work-plan>span{font-size:10px;line-height:1.8;color:#9a917e;overflow-wrap:anywhere}.c-work-plan strong{font-weight:500;color:#807762;margin-right:10px}.c-work-plan .is-done{color:#7f8c71}

@media(max-width:1180px){.c-toolbar{align-items:flex-start;flex-wrap:wrap}.c-search{max-width:none}}
@media(max-width:700px){.c-toolbar{margin-top:20px;gap:12px}.c-filter-group{width:100%;justify-content:space-between;gap:8px}.c-type-filter>span{display:none}.c-type-filter select{font-size:11px;min-height:37px;padding:8px 22px 8px 10px}.c-scope-tabs .tab{padding:8px 14px}.c-search{min-width:0}.c-list-summary{padding:12px 16px;font-size:10px}.c-row-actions{gap:9px;align-items:flex-end}.c-row-actions button{font-size:10px}.c-team-tags{margin-top:6px;gap:5px}.c-team-tag{padding:3px 6px}.c-team-primary{font-size:11px}.customers-dialog #modal-content{padding:20px}.c-member-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:235px}.c-member-option{padding:11px 9px}.c-form-intro{font-size:11px;margin-bottom:19px}.c-extra-fields>.form-grid{padding:17px 13px}.c-extra-fields>summary>span{font-size:9px;margin-left:5px}.c-detail-header{flex-wrap:wrap;gap:14px}.c-detail-actions{width:100%;justify-content:flex-start}.c-detail-facts>div{padding:13px}.c-detail-facts dt{font-size:9px}.c-detail-facts dd{font-size:11px}.c-section{margin-top:19px;padding-top:19px}.c-section-heading>span{font-size:9px}.c-followup-form{padding:14px}.c-followup-grid{grid-template-columns:1fr}.c-followup-actions{align-items:flex-end;gap:8px}.c-followup-actions>span{font-size:9px;max-width:115px}.c-followup-actions .button{font-size:11px}.c-record-link{gap:10px;padding:14px 12px}.c-record-link strong{font-size:11px}.c-record-link small{font-size:9px}.c-record-meta{max-width:45%}.c-record-meta .status{font-size:10px}.c-work-plan{margin:0 12px 13px}.c-timeline p{font-size:11px}.c-customer-form .form-actions .button{flex:1}.c-form-error{font-size:11px}}

/* Customer detail progress and per-order delivery content. */
.c-toolbar .c-filter-group{flex-wrap:wrap;gap:12px}.c-category-filter select{max-width:175px}.c-dual-progress{display:grid;grid-template-columns:minmax(95px,1fr) minmax(130px,1.4fr);gap:12px}.c-dual-progress>div{min-width:0}.c-progress-label{display:block;font-size:10px;color:#a09888;margin-bottom:7px;line-height:1.6}.c-delivery-progress>strong{display:block;font-size:11px;font-weight:450;line-height:1.8;color:#7e796a;overflow-wrap:anywhere}.c-dual-progress.is-compact{grid-template-columns:1fr;gap:10px}.c-dual-progress.is-compact .c-progress-label{font-size:9px;margin-bottom:5px}.c-dual-progress.is-compact .c-delivery-progress>strong{font-size:10px;line-height:1.7}.c-detail-header>div:first-child{min-width:0;flex:1}.c-detail-header .c-dual-progress{max-width:430px}.c-detail-header .c-detail-actions{flex:none}

.c-delivery-table{table-layout:fixed;white-space:normal}.c-delivery-table th,.c-delivery-table td{padding:18px 12px;vertical-align:top;overflow-wrap:anywhere}.c-delivery-table th{padding-top:13px;padding-bottom:13px}.c-delivery-table th:nth-child(1){width:24%}.c-delivery-table th:nth-child(2){width:15%}.c-delivery-table th:nth-child(3),.c-delivery-table th:nth-child(4),.c-delivery-table th:nth-child(5){width:12%}.c-delivery-table th:nth-child(6){width:15%}.c-delivery-table th:nth-child(7){width:10%}.c-delivery-table .row-title{font-size:12px;text-align:left;font-weight:500;padding:0;line-height:1.7}.c-delivery-table .row-meta{font-size:10px;line-height:1.7}.c-delivery-identity{min-width:0}.c-delivery-order-title{display:block;text-align:left;font-size:11px!important;line-height:1.7;padding:0;margin-top:10px;color:#807563!important;overflow-wrap:anywhere}.c-delivery-identity>small{display:block;color:#aca596;font-size:9px;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.c-order-overview{display:flex;flex-direction:column;gap:9px;font-size:11px;line-height:1.8}.c-order-overview>strong{font-weight:500;color:#706c5e;overflow-wrap:anywhere}.c-payment-state{font-size:10px;color:#9e9381}.c-order-amount{font-size:10px;color:#90816a;font-variant-numeric:tabular-nums}.c-task-status{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:10px;line-height:1.7;color:#a19b8e}.c-task-status>span{display:inline-flex;align-items:center;gap:5px;line-height:1.7}.c-task-status>span:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%;flex:none}.c-task-status>strong{font-size:11px;font-weight:400;color:#79776d;overflow-wrap:anywhere}.c-task-status time{font-size:9px;font-variant-numeric:tabular-nums;color:#aaa28f}.c-task-status.is-assigned>span{color:#987653}.c-task-status.is-done>span{color:#6f8464}.c-task-status.is-skipped>span{color:#a6a090}.c-task-unset,.c-service-empty{font-size:10px;color:#ada799;line-height:1.8}.c-delivery-table .c-row-actions{gap:11px}.c-delivery-table .c-row-actions>button{font-size:10px}.c-delivery-table .empty{padding:40px 20px}

.c-service-peek{font-size:10px;line-height:1.8}.c-service-peek>summary{color:#8f765c;cursor:pointer}.c-service-peek>summary>small{display:block;font-size:9px;color:#b0a591;margin-top:3px}.c-service-peek[open]>summary{margin-bottom:10px}.c-service-items{display:grid;gap:12px}.c-service-peek .c-service-items{max-height:260px;overflow:auto}.c-service-item{min-width:0}.c-service-item+.c-service-item{padding-top:11px;border-top:1px solid var(--line)}.c-service-issue{display:block;width:100%;padding:0;text-align:left;font-size:11px!important;line-height:1.8!important;color:#736955!important;overflow-wrap:anywhere;white-space:pre-wrap}.c-service-peek .c-service-issue{font-size:10px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.c-service-item>div{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;margin-top:7px;font-size:10px;line-height:1.8;color:#a29886}.c-service-state{color:#a08361}.c-service-state.is-resolved{color:#7d8a6b}.c-service-resolution{font-size:10px;color:#9b927f;line-height:1.9;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}

.c-detail-orders{display:grid;gap:15px}.c-detail-order{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}.c-detail-order-head{display:flex;justify-content:space-between;gap:20px;padding:17px 18px;border-bottom:1px solid var(--line);background:#fbfaf7}.c-detail-order-head>div{min-width:0}.c-detail-order-head>div:first-child{flex:1}.c-detail-order-head button{padding:0;text-align:left;font-size:12px;line-height:1.8;color:#766b56;overflow-wrap:anywhere}.c-detail-order-head small{display:block;font-size:10px;line-height:1.8;color:#aba18c;margin-top:5px;overflow-wrap:anywhere}.c-detail-order-head .c-order-overview{max-width:42%;align-items:flex-end;text-align:right;gap:5px}.c-detail-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:17px 18px;gap:16px}.c-detail-task-grid>div{min-width:0}.c-detail-task-grid h4,.c-detail-services h4{font-size:11px;font-weight:500;color:#807968;margin:0 0 12px;line-height:1.7}.c-detail-order-actions{padding:0 18px 16px}.c-detail-order-actions .c-row-actions{flex-direction:row;justify-content:flex-end;gap:20px}.c-detail-order-actions button{font-size:11px;color:var(--bronze)}.c-detail-services{margin:0 18px;padding:15px 0 18px;border-top:1px solid var(--line)}

@media(max-width:1100px){.c-delivery-table,.c-delivery-table tbody{display:block;width:100%}.c-delivery-table thead{display:none}.c-delivery-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 18px;padding:20px;border-bottom:1px solid var(--line)}.c-delivery-table tr:last-child{border-bottom:0}.c-delivery-table td{display:block;border:0!important;padding:0;min-width:0}.c-delivery-table td:first-child{grid-column:1/3;grid-row:1}.c-delivery-table td:nth-child(2){grid-column:3;grid-row:1;text-align:right}.c-delivery-table td:nth-child(3),.c-delivery-table td:nth-child(4),.c-delivery-table td:nth-child(5){grid-row:2;padding:13px;background:#f8f7f2;border-radius:3px}.c-delivery-table td[data-c-task-label]:before{content:attr(data-c-task-label);display:block;font-size:10px;line-height:1.8;color:#7f7869;margin-bottom:10px}.c-delivery-table td:nth-child(6){grid-column:1/3;grid-row:3;align-self:center}.c-delivery-table td:nth-child(7){grid-column:3;grid-row:3;align-self:center}.c-delivery-table .c-row-actions{align-items:flex-end}.c-delivery-table .empty{grid-column:1/-1;padding:24px 5px}.c-service-peek>summary>small{display:inline-block;margin:0 0 0 9px}.c-service-peek .c-service-items{max-width:400px}.c-service-peek .c-service-issue{font-size:11px!important}.c-toolbar .c-filter-group{gap:10px 12px}}
@media(max-width:700px){.c-toolbar .c-filter-group{justify-content:flex-start;gap:9px}.c-category-filter{flex:1;min-width:0}.c-category-filter select{width:100%;max-width:none}.c-dual-progress{grid-template-columns:minmax(90px,1fr) minmax(0,1.3fr)}.c-detail-header>div:first-child{flex:auto;width:100%}.c-delivery-table tr{gap:14px 9px;padding:17px 15px}.c-delivery-table td:nth-child(3),.c-delivery-table td:nth-child(4),.c-delivery-table td:nth-child(5){padding:11px 9px}.c-delivery-table td:first-child{grid-column:1/-1;grid-row:1}.c-delivery-table td:nth-child(2){grid-column:1/-1;grid-row:2;text-align:left}.c-delivery-table .c-order-overview{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:5px 13px}.c-delivery-table td:nth-child(3),.c-delivery-table td:nth-child(4),.c-delivery-table td:nth-child(5){grid-row:3}.c-delivery-table td:nth-child(6),.c-delivery-table td:nth-child(7){grid-row:4}.c-delivery-order-title{margin-top:7px}.c-task-status{gap:6px;font-size:9px}.c-task-status>strong{font-size:10px}.c-task-status time{font-size:8px}.c-service-peek>summary>small{font-size:8px}.c-service-peek .c-service-issue{font-size:10px!important}.c-detail-order-head{padding:14px 13px;gap:12px}.c-detail-order-head button{font-size:11px}.c-detail-order-head small{font-size:9px}.c-detail-order-head .c-order-overview{max-width:44%;font-size:10px}.c-detail-order-head .c-payment-state,.c-detail-order-head .c-order-amount{font-size:9px}.c-detail-task-grid{padding:14px 13px;gap:10px}.c-detail-task-grid h4{font-size:10px;margin-bottom:10px}.c-detail-order-actions{padding:0 13px 14px}.c-detail-order-actions button{font-size:10px}.c-detail-services{margin:0 13px;padding-top:13px}.c-detail-services h4{font-size:10px}.c-service-issue{font-size:10px!important}.c-detail-task-grid .c-task-status{font-size:9px}}

/* One customer row keeps sales, delivery, and team context together. */
.c-grade-filter{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);white-space:nowrap;min-width:0}
.c-grade-filter select{min-height:40px;padding:8px 26px 8px 11px;background:#fff;font-size:12px;max-width:145px}
.c-unified-table{width:100%;table-layout:fixed;white-space:normal}
.c-unified-table>thead>tr>th{padding:13px 13px;line-height:1.6}
.c-unified-table>thead>tr>th:nth-child(1){width:24%}
.c-unified-table>thead>tr>th:nth-child(2){width:9%}
.c-unified-table>thead>tr>th:nth-child(3){width:12%}
.c-unified-table>thead>tr>th:nth-child(4){width:18%}
.c-unified-table>thead>tr>th:nth-child(5){width:17%}
.c-unified-table>thead>tr>th:nth-child(6){width:20%}
.c-unified-table>tbody>.c-customer-row{cursor:pointer}
.c-unified-table>tbody>.c-customer-row:hover{background:#faf8f2}
.c-unified-table>tbody>.c-customer-row:focus-visible{outline:2px solid var(--bronze);outline-offset:-2px;background:#faf8f2}
.c-form-detail-link{padding:0;margin-left:8px;color:var(--bronze);font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.c-unified-table>tbody>.c-customer-row>td{padding:18px 13px;vertical-align:middle;overflow-wrap:anywhere;min-width:0}
.c-unified-table .customer-name{align-items:flex-start;gap:10px;min-width:0}
.c-unified-table .customer-name>div{min-width:0}
.c-unified-table .row-title{padding:0;text-align:left;line-height:1.7;font-size:12px;overflow-wrap:anywhere}
.c-unified-table .row-meta{font-size:10px;line-height:1.75;overflow-wrap:anywhere}
.c-unified-table .c-contact-meta{font-variant-numeric:tabular-nums}
.c-unified-table .c-quote-summary{display:grid;gap:4px;width:100%;min-height:58px;padding:5px 0;border:0;border-radius:3px;background:transparent;text-align:left;color:#50544a;cursor:pointer}
.c-quote-summary .c-quote-amount{display:flex;align-items:baseline;gap:8px;min-width:0}
.c-quote-summary .c-quote-amount strong{font-size:14px;font-weight:500;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.c-quote-summary .c-quote-amount>span{font-size:12px;color:#8a8e83}
.c-quote-summary .c-quote-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.7;color:#85877e}
.c-quote-summary small{font-size:9px;line-height:1.6;color:#919389}
.c-unified-table .c-quote-summary:hover{background:#f0f1ed;color:#33392c}
.c-unified-table .c-quote-summary:focus-visible{outline:2px solid #93988d;outline-offset:3px}
.c-unified-table .c-team-primary{font-size:11px;gap:4px 8px}
.c-unified-table .c-team-primary>span{font-size:9px}
.c-unified-table .c-team-tags{margin-top:7px;gap:5px}
.c-unified-table .c-team-tag{padding:3px 6px;font-size:9px}
.c-unified-table .c-team-tag small{font-size:8px}
.c-unified-table .c-last-contact{display:block;margin-top:9px;font-size:9px;line-height:1.7;color:#aaa08f}
.c-unified-table .c-row-actions{gap:10px}
.c-unified-table .c-row-actions>button{font-size:10px;line-height:1.7}
.c-unified-table .status{font-size:10px;padding:5px 7px;max-width:100%;white-space:normal;line-height:1.6}
.c-unified-table>tbody>tr>td.empty{padding:42px 20px}
.c-grade-badge[data-grade]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:30px;padding:5px 6px;gap:3px;border:1px solid #e4e1d8;border-radius:3px;background:#f4f3ef;color:#9c9587;font-size:12px;font-weight:550;line-height:1.5;letter-spacing:0}
.c-grade-badge[data-grade="S"]{background:#f4eee3;border-color:#e6d9c2;color:#927142}
.c-grade-badge[data-grade="A"]{background:#edf1e9;border-color:#dce4d5;color:#68785e}
.c-grade-badge[data-grade="B"]{background:#edf0ef;border-color:#dbe2df;color:#6a7b74}
.c-grade-badge[data-grade="C"]{background:#f1eeea;border-color:#e4ddd3;color:#8d7c65}
.c-grade-badge[data-grade="D"]{background:#f1f0ed;border-color:#e1dfd8;color:#89867b}
button.c-grade-badge:hover{box-shadow:0 0 0 1px #b5a58d;filter:brightness(.99)}
.c-stage-button{display:inline-flex;align-items:center;padding:0;text-align:left;max-width:100%}
.c-stage-button:hover .status{box-shadow:0 0 0 1px #c2b7a5}
.c-delivery-toggle{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%;min-width:0;padding:0;text-align:left;line-height:1.7;color:#81725c}
.c-delivery-toggle>strong{font-size:10px;font-weight:450;line-height:1.85;overflow-wrap:anywhere;color:#807665}
.c-delivery-toggle>small{font-size:9px;line-height:1.7;color:#a6977e}
.c-delivery-toggle:hover>strong,.c-delivery-toggle[aria-expanded="true"]>strong{color:var(--bronze)}
.c-delivery-toggle[aria-expanded="true"]>small{color:#8f7453}
.c-customer-orders[hidden]{display:none!important}
.c-unified-table>tbody>.c-customer-orders>td{padding:0 19px 21px;background:#f8f7f2;border-bottom:1px solid var(--line);white-space:normal;overflow-wrap:anywhere}
.c-customer-orders>td>.c-section{margin:0;padding-top:18px;border-top:0}
.c-customer-orders .c-section-heading{margin-bottom:14px}
.c-customer-orders .c-section-heading h3{font-size:12px}
.c-customer-orders .c-detail-orders{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.c-customer-orders .c-detail-order{min-width:0}
.c-customer-orders .c-detail-order:only-child{grid-column:1/-1}
.c-customer-orders .c-detail-order-head button{font-size:11px}
.c-customer-orders .c-detail-order-head .c-order-overview{font-size:10px}
.c-customer-orders .c-detail-task-grid{gap:12px}
.c-customer-orders .c-detail-order-actions .c-row-actions{flex-wrap:wrap}
.c-customer-orders .c-record-empty{padding-bottom:0}
.c-progress-trio{grid-template-columns:minmax(62px,.65fr) minmax(92px,1fr) minmax(125px,1.4fr)}
.c-customer-grade-progress{min-width:0}

/* Two independent internal letter ratings. */
.c-status-form{min-width:0}
.c-grade-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:0;padding:0;margin:0;border:0}
.c-grade-options+.c-grade-options{margin-top:24px}
.c-grade-options>label{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:50px;padding:12px 8px;border:1px solid var(--line);border-radius:3px;background:#faf9f5;color:#8c8476;font-size:14px;line-height:1.5;cursor:pointer;text-align:center;overflow-wrap:anywhere}
.customers-dialog .c-grade-options input[type="radio"]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
.c-grade-options>label:has(input:checked){border-color:#9e8a70;background:#f0e9dc;color:#64543c;box-shadow:inset 0 0 0 1px #9e8a70}
.c-grade-options>label:has(input:focus-visible){outline:2px solid var(--bronze);outline-offset:3px}
.c-grade-options>label:has(input:disabled){cursor:default;opacity:.65}
.c-status-form .form-actions{margin-top:24px}

@media(max-width:1180px){
  .c-unified-table>thead>tr>th{padding-left:10px;padding-right:10px;font-size:9px}
  .c-unified-table>tbody>.c-customer-row>td{padding:17px 10px}
  .c-unified-table .customer-name .avatar{display:none}
  .c-unified-table .status{padding:4px 5px;font-size:9px;gap:4px}
  .c-unified-table .c-row-actions>button{font-size:9px;white-space:normal;text-align:left}
  .c-unified-table .c-team-primary{font-size:10px}
  .c-customer-orders .c-detail-orders{grid-template-columns:1fr}
}
@media(max-width:700px){
  .c-toolbar .c-filter-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;gap:10px}
  .c-toolbar .c-filter-group>.c-scope-tabs{grid-column:1;grid-row:1;min-width:0;width:100%;overflow:visible}
  .c-toolbar .c-filter-group>.c-scope-tabs .tab{flex:1;min-width:0;padding:8px 7px}
  .c-toolbar .c-filter-group>.c-type-filter:not(.c-grade-filter):not(.c-category-filter){grid-column:2;grid-row:1}
  .c-toolbar .c-filter-group>.c-grade-filter{grid-column:1;grid-row:2}
  .c-toolbar .c-filter-group>.c-category-filter{grid-column:2;grid-row:2}
  .c-toolbar .c-filter-group>.c-type-filter{display:block;min-width:0;width:100%;max-width:none}
  .c-toolbar .c-filter-group select{display:block;width:100%;min-width:0;max-width:none}
  .c-grade-filter{gap:0;flex:1;max-width:none}
  .c-grade-filter>span{display:none}
  .c-grade-filter select{width:100%;max-width:none;min-height:37px;padding:8px 23px 8px 10px;font-size:11px}
  .c-unified-table,.c-unified-table>tbody{display:block;width:100%}
  .c-unified-table>thead{display:none}
  .c-unified-table>tbody>.c-customer-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:18px 16px;border-bottom:1px solid var(--line)}
  .c-unified-table>tbody>.c-customer-row>td{display:block;padding:0;border:0!important;min-width:0}
  .c-unified-table>tbody>.c-customer-row>td[data-c-label]:before{content:attr(data-c-label);display:block;font-size:9px;color:#aaa18f;line-height:1.7;margin-bottom:7px}
  .c-unified-table>tbody>.c-customer-row>td:first-child{grid-column:1/-1;grid-row:1}
  .c-unified-table>tbody>.c-customer-row>td:first-child:before{display:none}
  .c-unified-table>tbody>.c-customer-row>td:nth-child(2){grid-column:1;grid-row:2}
  .c-unified-table>tbody>.c-customer-row>td:nth-child(3){grid-column:2;grid-row:2}
  .c-unified-table>tbody>.c-customer-row>td:nth-child(4){grid-column:1/-1;grid-row:3}
  .c-unified-table>tbody>.c-customer-row>td:nth-child(5){grid-column:1/-1;grid-row:4}
  .c-unified-table>tbody>.c-customer-row>td:nth-child(6){grid-column:1/-1;grid-row:5;padding:11px 12px;background:#f8f7f2;border-radius:3px}
  .c-unified-table .customer-name .avatar{display:inline-flex}
  .c-unified-table .row-title{font-size:12px}
  .c-unified-table .c-team-primary{font-size:11px}
  .c-unified-table .c-team-primary>span{font-size:10px}
  .c-unified-table .c-row-actions{flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px 18px}
  .c-unified-table .c-row-actions>button{font-size:10px;white-space:normal}
  .c-unified-table .status{font-size:10px;padding:6px 8px;min-height:30px}
  .c-grade-badge[data-grade]{min-width:38px;min-height:32px}
  .c-delivery-toggle{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}
  .c-delivery-toggle>strong{font-size:11px;flex:1;min-width:0}
  .c-delivery-toggle>small{flex:none;font-size:9px;max-width:40%;text-align:right}
  .c-unified-table>tbody>.c-customer-orders{display:block;width:100%}
  .c-unified-table>tbody>.c-customer-orders>td{display:block;width:100%;padding:0 12px 17px;border-bottom:1px solid var(--line)}
  .c-customer-orders>td>.c-section{padding-top:16px}
  .c-customer-orders .c-section-heading{gap:8px}
  .c-customer-orders .c-section-heading h3{font-size:11px}
  .c-customer-orders .c-detail-orders{gap:12px}
  .c-customer-orders .c-detail-order-head .c-order-overview{max-width:44%}
  .c-customer-orders .c-detail-task-grid{gap:9px}
  .c-unified-table>tbody>tr>td.empty{display:block;width:100%;padding:28px 16px;line-height:1.9}
  .c-progress-trio{grid-template-columns:minmax(52px,.6fr) minmax(78px,.9fr) minmax(0,1.3fr);gap:10px}
  .c-progress-trio .c-progress-label{font-size:9px}
  .c-progress-trio .c-delivery-progress>strong{font-size:10px}
  .c-grade-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .c-grade-options>label{min-height:44px;font-size:14px;padding:10px 4px}
  .c-status-form .form-actions .button{flex:1}
}

.c-grade-pair{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-variant-numeric:tabular-nums}.c-grade-divider{opacity:.45;font-weight:400}.c-grade-badge small{font-size:9px;font-weight:400;opacity:.65}

.c-customer-picker{min-width:0}
.c-picker-toolbar{display:flex;align-items:center;gap:12px}
.c-picker-search{flex:1;min-width:0;max-width:none}
.c-picker-search input{min-height:42px;font-size:12px;padding-right:12px}
.c-picker-toolbar>.button{flex:none;min-height:42px;padding:10px 14px;font-size:12px}
.c-picker-toolbar>.button .icon{width:16px;height:16px}
.c-picker-count{padding:15px 1px 11px;font-size:11px;line-height:1.8;color:#a09787}
.c-picker-results{max-height:min(48dvh,430px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:4px;background:white;scrollbar-gutter:stable}
.c-picker-results>[role="listitem"]+[role="listitem"]{border-top:1px solid #eeece6}
.c-picker-option{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-width:0;padding:16px 18px;text-align:left;background:white}
.c-picker-option:hover{background:#faf8f2}
.c-picker-option:focus-visible{outline-offset:-3px}
.c-picker-option.is-selected{background:#f7f2e8;box-shadow:inset 3px 0 #a78d68}
.c-picker-identity{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.c-picker-identity>strong{font-size:13px;font-weight:500;line-height:1.7;color:#4b4c43;overflow-wrap:anywhere}
.c-picker-identity>span{font-size:10px;line-height:1.7;color:#a29988;overflow-wrap:anywhere}
.c-picker-identity>small{font-size:11px;line-height:1.7;color:#898576;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.c-picker-select{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.7;color:#9c896e;flex:none}
.c-picker-select .icon{width:15px;height:15px}
.c-picker-option.is-selected .c-picker-select{color:#8b724f}
.c-picker-empty{padding:35px 20px;text-align:center}
.c-picker-empty>strong{display:block;font-size:13px;font-weight:500;color:#797162;line-height:1.8}
.c-picker-empty>p{font-size:11px;color:#a79d8b;margin-top:8px;line-height:1.8}
.c-picker-empty>.button{margin-top:20px}
.c-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}
.c-picker-footer>span{font-size:10px;color:#aaa08d;line-height:1.8}
.c-picker-footer>.button{font-size:12px;min-width:75px}
.c-customer-form select[name="type"]:disabled{opacity:1;background:#f5f4ef;color:#8b8579;cursor:default}
.c-dealer-shipment{padding:16px 18px;min-width:0}
.c-dealer-shipment-lines{display:grid;gap:10px}
.c-dealer-shipment-lines>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;font-size:11px;line-height:1.8}
.c-dealer-shipment-lines>div>span{color:#807866;min-width:0;overflow-wrap:anywhere}
.c-dealer-shipment-lines strong{font-size:10px;font-weight:400;color:#9a8b72;white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}
.c-dealer-logistics{display:grid;gap:9px;margin:15px 0 0;padding-top:13px;border-top:1px solid var(--line)}
.c-dealer-logistics>div{display:flex;align-items:baseline;gap:12px;min-width:0}
.c-dealer-logistics dt{font-size:10px;color:#aba18e;flex:none;line-height:1.8}
.c-dealer-logistics dd{font-size:11px;line-height:1.8;color:#837864;margin:0;overflow-wrap:anywhere;min-width:0}
@media(max-width:700px){
  .c-channel-toolbar .c-filter-group{display:flex;width:auto}
  .c-dealer-shipment{padding:14px 13px}
  .c-dealer-shipment-lines>div{font-size:10px;gap:10px}
  .c-dealer-shipment-lines strong{font-size:9px}
  .c-dealer-logistics dt{font-size:9px}
.c-dealer-logistics dd{font-size:10px}
  .c-picker-toolbar{gap:9px;align-items:stretch}
  .c-picker-search input{min-height:42px;font-size:11px;padding-left:32px}
  .c-picker-search svg{left:10px;width:14px}
  .c-picker-toolbar>.button{font-size:11px;padding:10px;gap:5px}
  .c-picker-toolbar>.button .icon{width:14px;height:14px}
  .c-picker-count{font-size:10px;padding-top:13px}
  .c-picker-results{max-height:min(46dvh,370px);scrollbar-gutter:auto}
  .c-picker-option{padding:14px 13px;gap:12px}
  .c-picker-identity{gap:5px}
  .c-picker-identity>strong{font-size:12px}
  .c-picker-identity>span{font-size:9px}
  .c-picker-identity>small{font-size:10px}
  .c-picker-select{font-size:10px;gap:5px}
  .c-picker-select .icon{width:13px;height:13px}
  .c-picker-empty{padding:29px 15px}
  .c-picker-empty>strong{font-size:12px}
  .c-picker-empty>p{font-size:10px}
  .c-picker-footer{padding-top:17px;gap:10px}
  .c-picker-footer>span{font-size:9px}
  .c-picker-footer>.button{min-width:68px;font-size:11px}
}

/* Customer detail tabs and actions in the existing modal title bar. */
dialog.customers-dialog>header{gap:12px;min-width:0}
dialog.customers-dialog>header>#modal-title{flex:1;min-width:0;line-height:1.6;overflow-wrap:anywhere}
dialog.customers-dialog>header>#close-modal{flex:none}
dialog.customers-dialog>header>.c-detail-actions[data-c-title-actions]{flex:none;width:auto;min-width:0;margin-left:auto;flex-wrap:nowrap;gap:8px;justify-content:flex-end}
dialog.customers-dialog>header>.c-detail-actions[data-c-title-actions]>.button{min-height:36px;padding:8px 11px;font-size:11px}
.c-detail-tabs{display:flex;align-items:stretch;gap:24px;min-width:0;margin:0 0 20px;border-bottom:1px solid var(--line)}
.c-detail-tabs>[data-c-detail-tab]{min-width:0;min-height:42px;margin-bottom:-1px;padding:8px 2px 12px;border-bottom:2px solid transparent;color:#91897b;font-size:12px;line-height:1.7;text-align:center;overflow-wrap:anywhere}
.c-detail-tabs>[data-c-detail-tab]:hover{color:var(--ink)}
.c-detail-tabs>[data-c-detail-tab].active,.c-detail-tabs>[data-c-detail-tab][aria-selected="true"]{border-bottom-color:var(--ink);color:var(--ink);font-weight:500}
.c-detail-tabs>[data-c-detail-tab]:focus-visible{outline-offset:-3px;border-radius:2px}
.c-detail-panel{min-width:0}
.c-detail-panel[hidden]{display:none}
.c-detail-panel>.c-section:first-child{margin-top:0;padding-top:0;border-top:0}
@media(max-width:700px){
  dialog.customers-dialog>header{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:10px 12px}
  dialog.customers-dialog>header>#modal-title{grid-column:1;grid-row:1;font-size:16px}
  dialog.customers-dialog>header>#close-modal{grid-column:2;grid-row:1}
  dialog.customers-dialog>header>.c-detail-actions[data-c-title-actions]{grid-column:1/-1;grid-row:2;width:100%;margin-left:0;flex-wrap:wrap;justify-content:flex-start;gap:8px}
  dialog.customers-dialog>header>.c-detail-actions[data-c-title-actions]>.button{min-height:38px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .c-detail-tabs{gap:16px;margin-bottom:18px}
  .c-detail-tabs>[data-c-detail-tab]{flex:1;min-height:44px;padding:8px 3px 11px;font-size:11px}
}

/* Multiple follow-up states stay readable in forms and compact customer rows. */
.c-followup-picker,.c-followup-field{min-width:0}
.c-followup-field.full{grid-column:1/-1}
.c-followup-field>.c-followup-label{display:block;margin-bottom:10px;font-size:12px;color:#828276;line-height:1.7}
.c-followup-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:0;border:0}
.c-followup-options>label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:50px;padding:13px 14px;border:1px solid var(--line);border-radius:3px;background:#faf9f5;color:#837a6a;font-size:12px;line-height:1.7;cursor:pointer;text-align:left}
.c-followup-options>label>span{min-width:0;overflow-wrap:anywhere}
.customers-dialog .c-followup-options input[type="checkbox"]{appearance:auto;position:static;flex:none;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0;opacity:1;accent-color:var(--bronze);cursor:pointer}
.c-followup-options>label:has(input:checked){border-color:#b49b7d;background:#f5eee2;color:#756044}
.c-followup-options>label:has(input:focus-visible){outline:2px solid var(--bronze);outline-offset:2px}
.c-followup-options>label:has(input:disabled){cursor:default;opacity:.6}
.customers-dialog .c-followup-options input[type="checkbox"]:disabled{cursor:default}
.c-followup-badges{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;padding:0;text-align:left;line-height:1.7}
button.c-followup-badges{min-height:30px;border-radius:3px}
button.c-followup-badges:hover .status{box-shadow:inset 0 0 0 1px #c7baa5}
button.c-followup-badges:focus-visible{outline-offset:3px}
.c-followup-badges>.status{max-width:100%;font-size:10px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.c-followup-more{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:24px;min-height:24px;padding:2px 5px;border:1px solid #e4dfd4;border-radius:3px;background:#faf8f2;color:#96856d;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums}
.c-followup-badges>.c-muted-note{margin:0}
.c-followup-badges.is-compact{gap:5px}
.c-followup-badges.is-compact>.status{font-size:9px;padding:4px 6px}
.c-followup-badges.is-compact>.c-followup-more{min-width:22px;min-height:23px;font-size:9px}
@media(max-width:700px){
  .c-followup-options{gap:8px}
  .c-followup-options>label{min-height:48px;padding:12px 10px;gap:8px;font-size:11px}
  .c-followup-field>.c-followup-label{font-size:11px}
  .c-followup-badges.is-compact>.status{font-size:10px}
}

/* Keep all three customer sections accessible beside search and on narrow screens. */
.c-channel-toolbar{flex-wrap:wrap}
.c-channel-toolbar .c-scope-tabs{display:flex;max-width:100%}
.c-channel-toolbar .c-scope-tabs .tab{white-space:nowrap}

/* A signed customer has a read-only gold status instead of editable sales stages. */
.c-signed-badge{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:6px;min-height:30px;max-width:100%;padding:5px 10px;border:1px solid #dfc589;border-radius:5px;background:linear-gradient(120deg,#fff8e9,#f5e4b9 55%,#fff6df);color:#8b6427;line-height:1.6;white-space:nowrap;box-shadow:0 0 9px #d7ad4324;overflow:hidden;vertical-align:middle;animation:c-signed-glow 4s ease-in-out infinite}
.c-signed-badge strong{font-size:11px;font-weight:600;letter-spacing:.4px}
.c-signed-icon{width:15px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.c-signed-sparkle{font-size:11px;color:#c3953c;line-height:1;animation:c-signed-sparkle 4s ease-in-out infinite}
.c-signed-badge::after{content:'';position:absolute;z-index:-1;inset:-50% auto -50% 0;width:28%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:translateX(-180%) rotate(20deg);animation:c-signed-shine 5s ease-in-out infinite;pointer-events:none}
.c-followup-locked-note{margin-top:9px!important}
@keyframes c-signed-glow{0%,100%{box-shadow:0 0 7px #d7ad431c}50%{box-shadow:0 0 13px #d7ad4345}}
@keyframes c-signed-sparkle{0%,100%{opacity:.6;transform:scale(.92)}50%{opacity:1;transform:scale(1.1)}}
@keyframes c-signed-shine{0%,20%{transform:translateX(-180%) rotate(20deg)}65%,100%{transform:translateX(540%) rotate(20deg)}}
@media(prefers-reduced-motion:reduce){.c-signed-badge,.c-signed-sparkle,.c-signed-badge::after{animation:none}.c-signed-badge::after{display:none}}
@media print{.c-signed-badge,.c-signed-sparkle,.c-signed-badge::after{animation:none}.c-signed-badge::after{display:none}}

/* One consistent follow-up badge, slightly smaller than the signed badge. */
.c-followup-badges>.status,.c-followup-badges.is-compact>.status{display:inline-flex;align-items:center;justify-content:center;flex:none;width:86px;height:28px;max-width:100%;padding:4px 8px;gap:6px;font-size:10px;line-height:1.6;white-space:nowrap;border-radius:4px;box-sizing:border-box}
.c-followup-badges>.status>.dot{flex:none}.c-followup-status-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-followup-badges>.c-muted-note{display:inline-flex;align-items:center;justify-content:center;width:86px;height:28px;font-size:10px}
.customers-dialog .c-followup-options input[type="radio"]{appearance:auto;position:static;flex:none;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0;opacity:1;accent-color:var(--bronze);cursor:pointer}
.c-followup-picker-toolbar{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.c-followup-picker-toolbar>.c-form-intro{flex:1;margin:0;min-width:0}
.c-followup-settings-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border:1px solid var(--line);border-radius:4px;color:#8b795e;background:#faf8f1;cursor:pointer}.c-followup-settings-button:hover{background:#f0e9dd}.c-followup-settings-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.c-followup-clear{display:block;padding:0;margin-top:14px;font-size:11px;color:#96856d;cursor:pointer}.c-followup-clear:hover{text-decoration:underline}
.c-followup-settings-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.c-followup-settings-list>label{display:flex;flex-direction:column;gap:8px;color:#828276;font-size:12px;min-width:0}.c-followup-settings-list>label>span{display:flex;align-items:center;gap:9px}.c-followup-settings-list small{font-size:10px;color:#a99d88}.c-followup-settings-list input{width:100%;min-width:0}.c-followup-settings-list input[readonly]{background:#f3f1eb;color:#a39887;cursor:default}
@media(max-width:500px){.c-followup-settings-list{grid-template-columns:1fr}.c-followup-settings-list input{font-size:16px}}
/* Keep customer conversations and quotation history in the first view. */
dialog.customers-dialog:has(.c-customer-detail){width:1000px}
.c-detail-overview{align-items:center;gap:24px;padding-bottom:18px}
.c-detail-overview>.c-detail-contact{display:flex;flex:0 1 auto;flex-direction:column;align-items:flex-end;gap:7px;min-width:0;font-size:11px;color:#969286;line-height:1.7}
.c-detail-contact a{color:var(--ink);font-variant-numeric:tabular-nums;text-decoration:none}
.c-detail-contact strong{color:var(--ink);font-weight:500;margin-left:8px}
.c-detail-contact small{font-size:10px}
.c-customer-info{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:21px}
.c-customer-info>summary{padding:12px 0;font-size:11px;cursor:pointer;color:#80796a;line-height:1.7}
.c-customer-info>summary>span{margin-left:12px;color:#aba392;font-size:10px}
.c-customer-info[open]>summary>span{display:none}
.c-customer-info .c-detail-facts{margin-bottom:15px}
.c-customer-info .c-detail-facts dd{white-space:pre-wrap}
.c-customer-profile .c-detail-facts dd{white-space:pre-wrap}
.c-customer-profile .c-profile-wide{grid-column:1/-1}
.c-sales-history{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}
.c-history-panel{min-width:0}
.c-history-panel+.c-history-panel{padding-left:28px;border-left:1px solid var(--line)}
.c-history-panel>.c-section-heading{min-height:34px;margin-bottom:13px}
.c-history-panel .c-timeline{margin-top:6px}
.c-add-followup{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:64px;min-height:34px;padding:5px 9px;border:1px solid #d9d0c1;border-radius:4px;color:var(--bronze);font-size:11px;background:#fcfaf6}
.c-add-followup:hover{background:#f2eee5}
.c-add-followup svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.c-quote-history{border:1px solid var(--line);border-radius:4px;overflow:hidden}
.c-quote-history .c-record-link{gap:15px;padding:15px}
.c-quote-history .c-record-meta{max-width:42%;white-space:nowrap}
.c-quote-order-link{display:block;padding:0 15px 13px;font-size:10px;color:var(--bronze);text-align:left}
.c-sales-view-switch{display:none}
dialog.customers-dialog:has(.c-followup-entry){width:600px}
.c-followup-entry textarea{min-height:200px;max-height:48vh;resize:vertical;font-size:12px;line-height:1.9}
.c-followup-entry-note{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:10px;line-height:1.8;color:#a0998a}
.c-followup-entry-note>span{white-space:nowrap}
@media(max-width:700px){
  .c-detail-overview{gap:13px;padding-bottom:15px}
  .c-detail-overview>.c-detail-contact{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;gap:5px 14px;font-size:10px}
  .c-detail-contact small{font-size:9px}
  .c-customer-info{margin-bottom:16px}
  .c-sales-view-switch{display:flex;gap:4px;padding:4px;margin-bottom:18px;border-radius:4px;background:#f1efe9}
  .c-sales-view-switch>button{flex:1;min-height:36px;padding:7px 10px;border-radius:3px;font-size:11px;color:#98907f}
  .c-sales-view-switch>button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #00000008}
  .c-sales-view-switch>button>span{margin-left:6px;font-size:10px;color:#a79c88}
  .c-sales-history{display:block}
  .c-history-panel:not(.is-active){display:none}
  .c-history-panel+.c-history-panel{padding-left:0;border-left:0}
  .c-history-panel .c-record-link{padding:13px;gap:12px}
  .c-add-followup{min-height:38px}
  .c-followup-entry textarea{font-size:16px}
  .c-followup-entry .form-actions .button{flex:1}
}