/* Customer detail lives inside the existing list area and main scroll container. */
.customer-detail{min-width:0;width:100%;padding-top:22px;color:var(--text)}
.cd-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:19px}
.cd-heading>div{min-width:0;flex:1}.cd-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.cd-title-row>.cd-text-action{flex:none}.cd-heading h2{margin:9px 0 4px;font-size:calc(24px * var(--font-scale,1));line-height:1.4;font-weight:600;letter-spacing:-.04em;overflow-wrap:anywhere}
.cd-heading p{font-size:calc(13px * var(--font-scale,1));color:var(--muted);overflow-wrap:anywhere}.cd-heading p>span{display:inline-block;margin-left:13px}
.cd-back,.cd-text-action{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 0;color:var(--accent);font:inherit;font-size:calc(12px * var(--font-scale,1));line-height:1.5;text-align:left;white-space:normal}
.cd-back{color:var(--muted);font-size:calc(12px * var(--font-scale,1))}.cd-back svg{width:14px;height:14px}.cd-text-action svg{width:15px;height:15px;stroke-width:1.6}
.customer-detail button:disabled{cursor:default;color:var(--muted);opacity:.58}.cd-text-action:disabled:hover{color:var(--muted)}
.cd-identity-state{flex:none;max-width:45%;padding-top:43px;font-size:calc(11px * var(--font-scale,1));color:var(--muted);text-align:right;overflow-wrap:anywhere}
.cd-vehicle-bar{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 0 14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.cd-vehicle-choice{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:34px;padding:5px 11px;border:1px solid transparent;border-radius:7px;color:var(--muted);font:inherit;font-size:calc(12px * var(--font-scale,1));white-space:nowrap}
.cd-vehicle-choice svg{width:16px;height:16px}.cd-vehicle-choice:hover{background:var(--hover);color:var(--strong)}
.cd-vehicle-choice.is-active{border-color:var(--line);background:var(--surface);color:var(--strong)}
.cd-tabs{display:flex;gap:25px;min-width:0;max-width:100%;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.cd-tabs::-webkit-scrollbar{display:none}
.cd-tab{position:relative;flex:none;min-height:45px;padding:9px 0 12px;color:var(--muted);font:inherit;font-size:calc(13px * var(--font-scale,1));font-weight:500;white-space:nowrap}
.cd-tab.is-active{color:var(--strong);font-weight:600}.cd-tab.is-active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}
.cd-tab-content{min-width:0;padding:4px 0 18px}.cd-section{margin-top:24px;min-width:0}
.cd-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;margin-bottom:9px;min-height:30px}
.cd-section-heading h3{font-size:calc(14px * var(--font-scale,1));font-weight:600;line-height:1.5;min-width:0}.cd-section-heading h3>span{margin-left:8px;font-size:calc(12px * var(--font-scale,1));color:var(--muted);font-weight:500}
.cd-section-heading>.cd-text-action{flex:none}.cd-summary-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0;padding:22px 0 17px;border-bottom:1px solid var(--soft-line)}
.cd-summary-facts dt,.cd-profile-fields dt{font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin-bottom:7px}.cd-summary-facts dd,.cd-profile-fields dd{margin:0;color:var(--strong);font-size:calc(14px * var(--font-scale,1));font-weight:500;overflow-wrap:anywhere}
.cd-record{display:flex;align-items:center;gap:18px;width:100%;min-width:0;padding:17px 3px;border-bottom:1px solid var(--soft-line);color:var(--text);text-align:left;background:transparent;font:inherit}
.cd-record:hover{background:color-mix(in srgb,var(--surface) 65%,transparent)}.cd-record-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.cd-record-main>strong{font-size:calc(14px * var(--font-scale,1));font-weight:600;line-height:1.55;color:var(--strong);overflow-wrap:anywhere}
.cd-record-kicker{font-size:calc(11px * var(--font-scale,1));color:var(--muted)}.cd-work-row.work-kind-inspection .cd-record-kicker{color:var(--inspection-color,var(--accent))}.cd-work-row.work-kind-repair .cd-record-kicker{color:var(--repair-color,var(--green))}.cd-work-row.work-kind-consultation .cd-record-kicker{color:var(--consultation-color,var(--amber))}
.cd-record-note{font-size:calc(12px * var(--font-scale,1));line-height:1.65;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cd-record-sub{font-size:calc(12px * var(--font-scale,1));line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
.cd-record-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:40%;flex:none;font-size:calc(12px * var(--font-scale,1));color:var(--muted)}
.cd-record-meta>time{font-size:calc(12px * var(--font-scale,1));font-variant-numeric:tabular-nums;text-align:right}.cd-record-meta>small{font-size:calc(11px * var(--font-scale,1));line-height:1.6;text-align:right;overflow-wrap:anywhere}
.cd-record>svg{width:16px;height:16px;flex:none;color:var(--faint)}.cd-small-state{font-size:calc(11px * var(--font-scale,1));color:var(--amber)}
.cd-document-row{display:flex;align-items:center;gap:20px;min-width:0;padding:12px 3px;border-bottom:1px solid var(--soft-line)}
.cd-document-open{display:grid;grid-template-columns:19px minmax(0,1fr);gap:4px 10px;flex:1;min-width:0;text-align:left;padding:3px 0;color:var(--text);font:inherit}
.cd-document-open>svg{grid-row:1/4;width:18px;height:18px;margin-top:3px;color:var(--accent)}.cd-document-open>span:first-of-type{font-size:calc(14px * var(--font-scale,1));line-height:1.55;font-weight:600;color:var(--strong);overflow-wrap:anywhere}
.cd-document-open>small,.cd-revision{grid-column:2;font-size:calc(12px * var(--font-scale,1));line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.cd-document-row>.cd-text-action{flex:none;font-size:calc(11px * var(--font-scale,1))}.cd-document-row>.cd-text-action svg{width:13px;height:13px}
.cd-other-documents{margin-top:25px;min-width:0}.cd-other-documents>summary{padding:12px 0;font-size:calc(13px * var(--font-scale,1));font-weight:550;cursor:pointer;color:var(--text)}.cd-other-documents>summary>span{margin-left:7px;color:var(--muted);font-size:calc(12px * var(--font-scale,1))}
.cd-empty,.cd-source-state{margin:0;padding:20px 3px;color:var(--muted);font-size:calc(13px * var(--font-scale,1));line-height:1.7}.cd-source-error{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--amber)}
.cd-explanation{margin:15px 0 0;font-size:calc(12px * var(--font-scale,1));line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.cd-internal-note{margin:0;font-size:calc(13px * var(--font-scale,1));line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.cd-communication-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:17px 0 13px;border-bottom:1px solid var(--soft-line)}.cd-communication-actions .cd-text-action{font-size:calc(13px * var(--font-scale,1))}
.cd-delivery-state{font-size:calc(12px * var(--font-scale,1));color:var(--muted)}.cd-delivery-state.is-failed{color:var(--cancel-color,var(--amber))}
.cd-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin:0;padding:12px 0 8px}.cd-profile-fields>div{min-width:0}
.cd-vehicle-list{display:flex;flex-direction:column;min-width:0}.cd-vehicle-item{display:flex;align-items:center;gap:13px;padding:17px 3px;border-bottom:1px solid var(--soft-line);min-width:0}.cd-vehicle-item>div{flex:1;min-width:0}.cd-vehicle-item strong{font-size:calc(14px * var(--font-scale,1));font-weight:600}.cd-vehicle-item p{font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.cd-vehicle-item small{font-size:calc(11px * var(--font-scale,1));color:var(--muted)}.cd-vehicle-symbol{color:var(--muted)}.cd-vehicle-symbol>svg{width:22px;height:22px}.cd-vehicle-item.is-selected .cd-vehicle-symbol{color:var(--accent)}
.customer-detail button:focus-visible,.customer-detail summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:900px){.cd-summary-facts{gap:17px}.cd-record{gap:13px}.cd-record-meta{max-width:38%}.cd-tabs{gap:22px}}
@media(max-width:700px){
 .customer-detail{padding-top:18px}.cd-heading{gap:12px;padding-bottom:15px}.cd-heading h2{font-size:calc(22px * var(--font-scale,1));margin-top:8px}.cd-heading p{font-size:calc(12px * var(--font-scale,1))}.cd-heading p>span{display:block;margin-left:0;margin-top:2px}.cd-identity-state{max-width:37%;padding-top:41px;font-size:calc(10px * var(--font-scale,1))}
 .cd-vehicle-bar{padding-bottom:10px}.cd-vehicle-choice{padding:5px 9px;min-height:36px;font-size:calc(12px * var(--font-scale,1))}.cd-tabs{gap:21px}.cd-tab{font-size:calc(12px * var(--font-scale,1));min-height:43px}
 .cd-summary-facts{grid-template-columns:1fr 1fr;gap:19px 17px;padding-top:19px}.cd-summary-facts>div:nth-child(2){grid-column:1/-1;grid-row:2}.cd-summary-facts dt{font-size:calc(11px * var(--font-scale,1))}.cd-summary-facts dd{font-size:calc(13px * var(--font-scale,1))}
 .cd-section{margin-top:21px}.cd-section-heading{gap:12px}.cd-section-heading h3{font-size:calc(13px * var(--font-scale,1))}.cd-section-heading h3>span{font-size:calc(11px * var(--font-scale,1))}.cd-section-heading>.cd-text-action{font-size:calc(11px * var(--font-scale,1))}
 .cd-record{position:relative;flex-wrap:wrap;gap:10px;padding:15px 2px}.cd-record-main{flex-basis:calc(100% - 30px);padding-right:22px}.cd-record-main>strong{font-size:calc(13px * var(--font-scale,1))}.cd-record-sub,.cd-record-note{font-size:calc(12px * var(--font-scale,1))}.cd-record-meta{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:7px 12px;max-width:100%;width:100%;order:2;padding-right:25px}.cd-record-meta>time,.cd-record-meta>small{text-align:left;font-size:calc(11px * var(--font-scale,1))}.cd-record>svg{position:absolute;right:2px;top:25px;width:14px;height:14px}.cd-record .work-stage{font-size:calc(11px * var(--font-scale,1))}
 .cd-document-row{flex-wrap:wrap;gap:5px;padding:13px 2px}.cd-document-open{flex-basis:100%;gap:3px 8px}.cd-document-open>span:first-of-type{font-size:calc(13px * var(--font-scale,1))}.cd-document-open>small,.cd-revision{font-size:calc(11px * var(--font-scale,1))}.cd-document-row>.cd-text-action{margin-left:27px;min-height:31px}
 .cd-communication-actions{gap:8px 20px;padding-top:14px}.cd-communication-actions .cd-text-action{font-size:calc(12px * var(--font-scale,1));min-height:36px}.cd-source-error{align-items:flex-start}.cd-empty,.cd-source-state{font-size:calc(12px * var(--font-scale,1));padding:17px 2px}.cd-explanation{font-size:calc(11px * var(--font-scale,1))}.cd-internal-note{font-size:calc(12px * var(--font-scale,1))}.cd-profile-fields{grid-template-columns:1fr;gap:19px;padding-top:10px}.cd-profile-fields dd{font-size:calc(13px * var(--font-scale,1))}.cd-vehicle-item{gap:10px}.cd-vehicle-item strong{font-size:calc(13px * var(--font-scale,1))}
}
@media(max-width:359px){.cd-heading h2{font-size:calc(20px * var(--font-scale,1))}.cd-tabs{gap:18px}.cd-tab{font-size:calc(11px * var(--font-scale,1))}.cd-communication-actions{gap:6px 14px}.cd-record-main>strong{font-size:calc(13px * var(--font-scale,1))}.cd-identity-state{font-size:calc(10px * var(--font-scale,1))}}