.cf-entry{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:8px 18px;border:1px solid #bcc8ce;border-radius:8px;background:#fff;color:#183849;font-weight:700;cursor:pointer}.cf-entry.active,.cf-primary{background:#19394c!important;color:#fff!important}.sold-list[data-customer-followup=true]{display:block!important;background:#fff;border-radius:12px;padding:12px;min-width:0}.cf-caption{text-align:right;color:#67747b;margin-bottom:12px}.cf-scroll{overflow:auto}.cf-table{width:100%;min-width:980px;border-collapse:collapse;font-size:14px}.cf-table th{background:#edf2f5;text-align:left;padding:14px}.cf-table td{padding:16px 12px;border-bottom:1px solid #e5e9ed;vertical-align:middle}.cf-table tr:nth-child(even){background:#f8fafb}.cf-table img{width:60px;height:46px;object-fit:cover;float:left;margin-right:9px;border-radius:5px}.cf-table small{display:block;color:#68747c;margin-top:5px}.cf-table button,.cf-dialog button,.cf-pages button{padding:9px 16px;border:1px solid #bac5cb;border-radius:6px;background:white;color:#153247;cursor:pointer}.cf-badge{display:inline-block;background:#edf2f5;padding:6px 9px;border-radius:5px}.cf-badge.green{background:#e2f1e5;color:#245b37}.cf-badge.warm{background:#fff0cf;color:#8c631b}.cf-pages{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.cf-dialog{padding:20px;border:1px solid #d4dee4;border-radius:14px;width:min(1120px,94vw);max-height:90dvh;overflow:auto;color:#183346}.cf-dialog::backdrop{background:#12243288}.cf-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cf-dialog h2{font-size:21px;margin:0}.cf-dialog h3{font-size:17px;margin:4px 0 15px}.cf-sale{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:#edf2f5;padding:10px;border-radius:7px;margin-bottom:20px}.cf-sale img{width:55px;height:38px;object-fit:cover;border-radius:4px}.cf-sale small{margin-left:auto}.cf-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cf-columns section+section{border-left:1px solid #e2e8eb;padding-left:20px}.cf-dialog label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px}.cf-dialog input,.cf-dialog select,.cf-dialog textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #cbd5dc;border-radius:6px;min-height:40px;font-size:15px;background:#fff;color:#183346}.cf-dialog input[readonly]{background:#eef1f3}.cf-dialog textarea{min-height:95px;resize:vertical}.cf-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cf-dialog footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.cf-dialog footer small{margin-right:auto}.cf-dialog details{margin-top:18px;font-size:13px}.cf-dialog [data-error]{color:#a02020}.cf-loading{padding:25px} @media(max-width:700px){.cf-columns{grid-template-columns:1fr}.cf-columns section+section{padding:16px 0 0;border-left:0;border-top:1px solid #e2e8eb}.cf-dialog{padding:15px;width:94vw}.cf-dialog input,.cf-dialog select,.cf-dialog textarea{font-size:16px}.cf-dialog footer{position:sticky;bottom:-15px;background:white;padding:12px 0;flex-wrap:wrap}.cf-dialog footer small{width:100%}.sold-view-toolbar:has(.cf-entry){display:flex!important;flex-wrap:wrap;gap:10px}.cf-sale small{width:100%;margin:0}.cf-caption{font-size:13px}}

.sold-list[data-customer-followup=true]{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.sold-list[data-customer-followup=true] .cf-scroll{width:100%;max-width:100%;min-width:0;padding:0;margin:0;overflow-x:auto}.sold-list[data-customer-followup=true] table.cf-table{display:table!important;width:100%!important;min-width:980px;margin:0!important;padding:0!important;table-layout:auto;border-spacing:0}.sold-list[data-customer-followup=true] .cf-table thead{display:table-header-group}.sold-list[data-customer-followup=true] .cf-table tbody{display:table-row-group}.sold-list[data-customer-followup=true] .cf-table tr{display:table-row}.sold-list[data-customer-followup=true] .cf-table th,.sold-list[data-customer-followup=true] .cf-table td{display:table-cell}.sold-list[data-customer-followup=true] .cf-table th:last-child,.sold-list[data-customer-followup=true] .cf-table td:last-child{width:110px;min-width:110px;white-space:nowrap}

/* Desktop combined sold details and customer follow-up, sized to the viewport. */
body.desktop-page [data-sold-list][data-customer-followup=true]{min-width:0!important;max-width:100%!important;padding:8px!important;}
body.desktop-page [data-sold-list] .cf-scroll.cf-merged{width:100%!important;max-width:100%!important;overflow:visible!important;min-width:0!important;}
body.desktop-page [data-sold-list] .cf-merged table.cf-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;font-size:13px!important;}
body.desktop-page [data-sold-list] .cf-merged .cf-table th,body.desktop-page [data-sold-list] .cf-merged .cf-table td{width:auto!important;min-width:0!important;padding:10px 8px!important;vertical-align:top!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.5!important;}
body.desktop-page [data-sold-list] .cf-merged .cf-table td *{min-width:0;max-width:100%;white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important;}
body.desktop-page [data-sold-list] .cf-merged .cf-field{display:block;margin:0 0 6px;}
body.desktop-page [data-sold-list] .cf-merged .cf-field>span{display:block;font-size:11px;color:#73818a;line-height:1.4;}
body.desktop-page [data-sold-list] .cf-merged .cf-field>b{display:block;font-weight:500;color:#203f50;}
body.desktop-page [data-sold-list] .cf-merged .cf-vehicle{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;}
body.desktop-page [data-sold-list] .cf-merged .cf-vehicle img{float:none;flex:0 0 56px;width:56px;height:42px;margin:0;}
body.desktop-page [data-sold-list] .cf-merged .cf-row-actions{display:flex;flex-direction:column;gap:6px;}
body.desktop-page [data-sold-list] .cf-merged .cf-row-actions button{width:100%;padding:7px 3px;font-size:12px;line-height:1.5;}
body.desktop-page [data-sold-list] .cf-merged .cf-badge{padding:3px 5px;font-size:11px;margin-bottom:6px;}
@media(min-width:901px) and (max-width:1200px){body.desktop-page [data-sold-list] .cf-merged .cf-table th,body.desktop-page [data-sold-list] .cf-merged .cf-table td{padding:8px 5px!important;}body.desktop-page [data-sold-list] .cf-merged .cf-vehicle{flex-direction:column;}}

body.desktop-page [data-sold-list][data-customer-followup=true]{padding:0!important;background:transparent!important;overflow:visible!important}
body.desktop-page .cf-merged-cards{display:grid;gap:18px;width:100%;min-width:0}
body.desktop-page .cf-record-card{overflow:hidden;min-width:0;border:1px solid #dce6ed;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(24,57,75,.08);color:#102f45}
body.desktop-page .cf-record-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,29%);align-items:center;gap:24px;padding:18px 24px;border-bottom:1px solid #dce6ed}
body.desktop-page .cf-record-vehicle{display:flex;align-items:center;gap:18px;min-width:0}
body.desktop-page .cf-record-vehicle>img,body.desktop-page .cf-photo-empty{flex:0 0 150px;width:150px;height:94px;object-fit:cover;border-radius:10px;background:#edf2f5}
body.desktop-page .cf-record-vehicle>div{min-width:0}
body.desktop-page .cf-record-vehicle small{display:block;color:#667e91;font-size:15px;margin-bottom:4px;overflow-wrap:anywhere}
body.desktop-page .cf-record-vehicle h3{margin:0 0 10px;color:#0a2850;font-size:27px;line-height:1.15;overflow-wrap:anywhere}
body.desktop-page .cf-vehicle-tags{display:flex;flex-wrap:wrap;gap:8px}
body.desktop-page .cf-vehicle-tags span{display:inline-flex;align-items:center;min-height:32px;padding:2px 16px;border-radius:9px;background:#eef3f7;color:#536b83;font-size:14px}
body.desktop-page .cf-vehicle-tags .sold{background:#dcf7e9;color:#167044}
body.desktop-page .cf-record-price{min-width:0;padding-left:22px;border-left:1px solid #dce6ed}
body.desktop-page .cf-record-price span{display:block;color:#667e91;font-size:15px}
body.desktop-page .cf-record-price strong{display:block;margin-top:5px;color:#062451;font-size:32px;line-height:1.15;letter-spacing:.01em;overflow-wrap:anywhere}
body.desktop-page .cf-record-body{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(205px,.82fr) minmax(270px,1.25fr) 150px;min-width:0;padding:18px 24px 22px}
body.desktop-page .cf-record-card.without-finance .cf-record-body{grid-template-columns:minmax(240px,.9fr) minmax(340px,1.35fr) 150px}
body.desktop-page .cf-card-section{min-width:0;padding:0 22px;border-right:1px solid #dce6ed}
body.desktop-page .cf-card-section:first-child{padding-left:0}
body.desktop-page .cf-card-section h4,body.desktop-page .cf-record-actions h4{margin:0 0 13px;color:#0d294c;font-size:18px;line-height:1.3}
body.desktop-page .cf-card-section dl{margin:0}
body.desktop-page .cf-card-field{display:grid;grid-template-columns:minmax(72px,.75fr) minmax(0,1.25fr);gap:10px;padding:5px 8px;border-bottom:1px solid #e8eef2;font-size:13px;line-height:1.45}
body.desktop-page .cf-card-field:nth-of-type(1),body.desktop-page .cf-card-subtitle{background:#f1f5f7;border:0;border-radius:7px}
body.desktop-page .cf-card-field dt{color:#75889a;overflow-wrap:anywhere}
body.desktop-page .cf-card-field dd{min-width:0;margin:0;color:#17364c;font-weight:600;overflow-wrap:anywhere;white-space:normal}
body.desktop-page .cf-card-subtitle{margin:12px 0 4px;padding:7px 10px;color:#17364c;font-size:14px;font-weight:700}
body.desktop-page .cf-card-note{margin-top:9px}
body.desktop-page .cf-card-note>span{display:block;margin-bottom:5px;color:#75889a;font-size:12px}
body.desktop-page .cf-card-note>p{margin:0;padding:10px 12px;border-radius:7px;background:#f3f6f8;color:#17364c;font-size:13px;line-height:1.55;overflow-wrap:anywhere;white-space:normal}
body.desktop-page .cf-status{display:inline-flex;max-width:100%;padding:3px 10px;border:1px solid #d9e4eb;border-radius:999px;background:#f5f8fa;color:#536b83;font-size:12px;overflow-wrap:anywhere}
body.desktop-page .cf-status.good{border-color:#a8e6c6;background:#dcf7e9;color:#167044}
body.desktop-page .cf-status.info{border-color:#b9dbf7;background:#eaf5ff;color:#24659a}
body.desktop-page .cf-record-actions{min-width:0;padding-left:22px}
body.desktop-page .cf-record-actions button{display:block;width:100%;min-height:44px;margin:0 0 9px;padding:8px 7px;border:1px solid #b8cad8;border-radius:8px;background:#fff;color:#15344d;font-size:13px;font-weight:700;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
body.desktop-page .cf-record-actions .primary{border-color:#0e4b75;background:#0e4b75;color:#fff}
body.desktop-page .cf-record-actions [data-sql-sold-vehicle-delete]{border-color:#f06767;background:#fff8f8;color:#d92525}
body.desktop-page .cf-empty{padding:40px;border:1px solid #dce6ed;border-radius:14px;background:#fff;text-align:center;color:#677c8b}
@media(min-width:901px) and (max-width:1200px){body.desktop-page .cf-record-head{grid-template-columns:minmax(0,1fr) minmax(190px,27%);padding:15px 17px;gap:15px}body.desktop-page .cf-record-vehicle{gap:12px}body.desktop-page .cf-record-vehicle>img,body.desktop-page .cf-photo-empty{flex-basis:116px;width:116px;height:78px}body.desktop-page .cf-record-vehicle h3{font-size:21px}body.desktop-page .cf-record-price strong{font-size:24px}body.desktop-page .cf-record-body{grid-template-columns:minmax(160px,.9fr) minmax(175px,.82fr) minmax(230px,1.2fr) 126px;padding:15px 17px 18px}body.desktop-page .cf-record-card.without-finance .cf-record-body{grid-template-columns:minmax(210px,.9fr) minmax(300px,1.35fr) 126px}body.desktop-page .cf-card-section{padding:0 13px}body.desktop-page .cf-card-section h4,body.desktop-page .cf-record-actions h4{font-size:16px}body.desktop-page .cf-card-field{grid-template-columns:minmax(62px,.7fr) minmax(0,1.3fr);padding:4px 5px;font-size:12px}body.desktop-page .cf-record-actions{padding-left:13px}}

/* Actions belong only to the customer follow-up dialog. */
.cf-dialog .cf-care-record{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e2e8eb}.cf-dialog .cf-care-record p{flex:1;min-width:0;margin:0;overflow-wrap:anywhere}.cf-dialog .cf-delete-care{flex:0 0 auto;min-height:44px;border:1px solid #dcaaaa;border-radius:8px;padding:8px 12px;background:#fff7f7;color:#a42c2c;white-space:nowrap}.cf-dialog .cf-delete-care:disabled{opacity:.5}
