/* Website import: match the dealer workspace, keep selection comfortable on mobile. */
#inventory-import-root{min-width:0}
.import-intro{display:flex;gap:24px;justify-content:space-between;align-items:flex-start}
.import-intro h2{font-size:32px;margin-bottom:14px}
.import-intro p{max-width:630px;font-size:14px;line-height:1.8;color:var(--muted)}
.import-intro .eyebrow{color:#526451;margin-bottom:12px}
.import-intro-icon{display:grid;place-items:center;background:var(--paper);width:66px;height:66px;flex:0 0 66px;border-radius:15px}
.import-intro-icon .ic{width:28px;height:28px}
.import-steps{display:flex;flex-wrap:wrap;gap:12px 26px;list-style:none;padding:23px 0;margin:25px 0;border-block:1px solid var(--line);font-size:12px;font-weight:700}
.import-steps li{display:flex;align-items:center;gap:10px}
.import-steps li>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-size:11px}
.import-steps li[aria-current="step"]>span{background:var(--yellow)}
.import-steps li.is-complete>span{background:#e4eee4;color:#38654a}
.import-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 14px}
.import-form>.button{min-height:48px}
.import-form input{min-width:0}
.import-form-help{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.7}
.import-loading{display:flex;align-items:center;gap:17px;border-radius:8px;padding:19px;margin-top:22px;background:var(--paper)}
.import-loading strong{font-size:14px}
.import-loading p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:3px}
.import-loading>.button{margin-left:auto;flex-shrink:0}
.import-spinner{height:25px;width:25px;border:2px solid #bec9bc;border-top-color:var(--ink);border-radius:50%;flex-shrink:0;animation:import-spin 1s linear infinite}
@keyframes import-spin{to{transform:rotate(360deg)}}
.import-message,.import-status-message{margin-top:20px}
.import-status-message{font-size:13px;color:var(--muted)}
.import-preview-panel{margin-top:24px}
.import-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.import-preview-heading h2{font-size:29px;scroll-margin-top:120px}
.import-preview-heading p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:9px}
.import-preview-heading .eyebrow{margin-bottom:9px}
.import-source-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#426349;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;line-height:1.7}
.import-preview-heading>.import-source-link{margin-top:4px;max-width:230px;flex-shrink:0}
.import-warning{margin-top:20px;line-height:1.7}
.import-warnings{font-size:12px;line-height:1.8;border:1px solid var(--line);border-radius:6px;padding:12px 15px;margin-top:18px}
.import-warnings summary{cursor:pointer;font-weight:700}
.import-warnings ul{margin:10px 0 0;padding-left:18px;color:var(--muted);overflow-wrap:anywhere}
.import-preview-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:23px 0 18px;padding-top:20px;border-top:1px solid var(--line);font-size:13px}
.import-preview-toolbar>div{display:flex;gap:18px}
.import-preview-toolbar .text-button{font-size:12px;min-height:40px;text-decoration:underline;text-underline-offset:4px}
.import-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.import-car{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white;min-width:0;transition:border-color .15s}
.import-car.is-selected{border-color:#729075}
.import-car-visual{position:relative;aspect-ratio:16/10;background:#ecede7;overflow:hidden}
.import-preview-photo,.import-car-visual .photo-unavailable,.import-no-photo{width:100%;height:100%;object-fit:cover}
.import-no-photo{display:grid;place-items:center;color:var(--muted);font-size:13px;min-height:140px}
.import-car-visual .photo-unavailable:before{content:'Foto niet beschikbaar';font-size:13px}
.import-photo-count{position:absolute;left:12px;bottom:12px;background:#ffffffee;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:700}
.import-sold-tag{background:#724331!important;color:#fff!important}
.import-preview-sold{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:5px;font-size:11px;font-weight:700}
.import-car-copy{padding:18px}
.import-car-selection{display:flex;gap:11px;cursor:pointer;align-items:flex-start}
.import-car-selection input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--ink);margin:1px 0 0;cursor:pointer}
.import-car-selection>span{min-width:0}
.import-car-selection strong{display:block;font-size:18px;line-height:1.2;letter-spacing:-.35px;overflow-wrap:anywhere}
.import-car-trim{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}
.import-car-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px 9px;margin:19px 0 0}
.import-car-specs dt{font-size:10px;color:var(--muted)}
.import-car-specs dd{margin:2px 0 0;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.import-car-price{font-size:23px;letter-spacing:-.6px;font-weight:700;margin:18px 0 11px}
.import-missing{font-size:11px;line-height:1.6;color:#785c1e;background:#fcf8e9;padding:8px 10px;margin-bottom:12px;border-radius:4px;overflow-wrap:anywhere}
.import-commit-bar{margin-top:24px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:8px;display:flex;gap:25px;align-items:center}
.import-commit-bar strong{font-size:15px}
.import-commit-bar p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:6px}
.import-commit-bar>.button{flex-shrink:0;white-space:nowrap}
.import-local-note{font-size:11px!important;color:var(--muted);line-height:1.7!important;margin-top:13px!important}
.import-empty{padding:24px 0 0;font-size:14px;color:var(--muted);line-height:1.8;max-width:640px}
@media(max-width:1050px){.import-preview-heading{flex-direction:column;gap:10px}.import-preview-heading>.import-source-link{max-width:100%;margin-top:0}.import-commit-bar{flex-direction:column;align-items:stretch;gap:15px}.import-commit-bar>.button{align-self:flex-start}}
@media(max-width:760px){.import-intro h2{font-size:27px}.import-intro p{font-size:13px}.import-intro-icon{display:none}.import-steps{gap:12px 18px;margin:20px 0;font-size:11px}.import-steps li{gap:8px}.import-form{grid-template-columns:1fr}.import-form .field{font-size:12px}.import-form>.button{grid-row:3}.import-form-help{font-size:11px;margin-bottom:5px}.import-form input{font-size:14px;min-height:48px}.import-loading{flex-wrap:wrap;gap:13px}.import-loading>div{flex:1;min-width:190px}.import-loading>.button{margin-left:38px}.import-preview-heading h2{font-size:26px}.import-preview-toolbar{flex-wrap:wrap;gap:3px;font-size:13px}.import-preview-toolbar>div{gap:20px}.import-preview-grid{gap:16px}.import-car-copy{padding:15px}.import-car-selection strong{font-size:17px}.import-commit-bar{padding:18px}.import-commit-bar>.button{align-self:stretch;white-space:normal}}
@media(max-width:540px){.import-preview-grid{grid-template-columns:1fr}.import-steps{display:grid;gap:11px;padding:18px 0}.import-car-selection strong{font-size:20px}.import-car-specs dt{font-size:11px}.import-car-specs dd{font-size:13px}.import-car-copy{padding:18px}.import-car-trim{font-size:13px}.import-preview-panel{padding:18px}.import-preview-toolbar>div{width:100%;justify-content:space-between}.import-car-price{font-size:25px}}
@media(prefers-reduced-motion:reduce){.import-spinner{animation:none;border-color:var(--ink)}.import-car{transition:none}}

/* The imported advert keeps the original photographs together. */
.import-gallery{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 10px;align-items:flex-start}
.import-thumb{width:90px;height:65px;flex:0 0 90px;padding:3px;border:2px solid transparent;border-radius:6px;background:var(--paper);overflow:hidden}
.import-thumb:hover{border-color:#99ab99}
.import-thumb[aria-pressed="true"]{border-color:var(--yellow);background:var(--yellow)}
.import-thumb>img,.import-thumb>.photo-unavailable{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:2px}
.import-thumb>.photo-unavailable{padding:3px;font-size:8px}
.import-thumb>.photo-unavailable:before{content:'Foto';font-size:9px}
@media(max-width:540px){.import-gallery{gap:8px;margin-top:11px}.import-thumb{width:78px;height:58px;flex-basis:78px}}
.imported-car-card .photo-unavailable:before,.imported-detail .detail-photo.photo-unavailable:before,.imported-detail .detail-photo>.photo-unavailable:before{content:'Foto niet beschikbaar'}
.imported-car-card .car-price{overflow-wrap:anywhere}
.import-purchase-card .import-seller{margin:18px 0}
.import-purchase-card .import-seller h2{font-size:23px;letter-spacing:-.5px;line-height:1.3}
.import-purchase-card .import-seller p{font-size:13px;color:var(--muted);margin-top:6px}
.import-purchase-card .import-source-note{line-height:1.75;margin-bottom:18px}
.import-business-head>.button{margin-top:20px}
@media(max-width:760px){.import-purchase-card .import-seller,.import-purchase-card .import-source-note{grid-column:1/-1}.import-purchase-card .import-seller{margin:8px 0 13px}.import-purchase-card .import-seller h2{font-size:20px}.import-purchase-card>.button{font-size:11px}}