/* Layout scoped to My Listings so other pages keep their existing styles. */
.listings-page .masthead{height:auto;min-height:72px;gap:20px;padding-top:12px;padding-bottom:12px}
.listings-page .page-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.5;text-align:center;white-space:normal}
.listings-page .brand{flex-shrink:0}
.listings-area{max-width:1200px;padding:28px 32px 56px}
.listings-back{margin-bottom:24px}
.listings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.listings-heading h1{font-family:inherit;font-size:32px;line-height:1.3;letter-spacing:-.6px;text-transform:none;margin:0}
.listings-heading .page-button{flex-shrink:0}
.listings-page #listing-editor{margin:0 0 28px}
.listings-page #listing-editor h2{font-size:24px;line-height:1.6;letter-spacing:0;margin:0 0 16px}
.listings-page #listing-form{padding:26px}
.listings-page #listing-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 22px;margin-bottom:26px}
.listings-page .registration-field{min-width:0;line-height:1.6;gap:8px}
.listings-page .registration-field input:not([type=file]),.listings-page .registration-field select{height:48px;width:100%;font:inherit;padding:10px 12px;border:1px solid #bccbe0;border-radius:6px;background:#fff}
.listings-page #listing-fields textarea{width:100%;min-height:130px;line-height:1.6}
.listings-page .registration-field:has(textarea){grid-column:1/-1}
.listings-page #listing-images{width:100%;max-width:100%;height:auto;padding:12px;background:#f5f8fc;border:1px dashed #bccbe0}
.listings-page #listing-form p{color:#536274;margin:12px 0;line-height:1.7}
.listings-page #listing-form-status:empty,.listings-page #my-status:empty{display:none}
.listings-page .login-actions{flex-wrap:wrap;gap:12px;margin-top:24px}
.listings-page .login-actions button{min-height:46px;line-height:1.5}
@media(max-width:700px){
 .listings-area{padding:24px 20px 40px}
 .listings-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}
 .listings-heading h1{font-size:28px}
 .listings-page #listing-editor h2{font-size:21px}
 .listings-page #listing-fields{grid-template-columns:minmax(0,1fr);gap:20px}
 .listings-page #listing-form{padding:18px}
}
@media(max-width:440px){
 .listings-page .masthead{padding:12px 16px;gap:12px;flex-wrap:wrap}
 .listings-page .masthead .page-button{font-size:12px;padding:8px 10px}
 .listings-page .brand-logo{width:130px}
 .listings-heading .page-button{width:100%;font-size:14px}
 .listings-page .login-actions{align-items:stretch;flex-direction:column}
}

/* Listings share the dealer's white canvas and matching silver actions. */
html body.listings-page{background:#fff!important;color:#111!important;color-scheme:light}
html body.listings-page :is(main,.masthead,.search-area,.vehicle-card,.vehicle-card-body,#listing-form,.sell-spec-review,dialog){background:#fff!important;color:#111!important;border-color:#d9dfe6!important}
html body.listings-page :is(h1,h2,h3,h4,p,a,label,strong,small,span,summary){color:#111!important;text-shadow:none!important}
html body.listings-page :is(button,.page-button,.details-button,.site-language-switch button,.vl-chat-launch,.vl-broadcast-launch){display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.3;font-size:14px;background:linear-gradient(105deg,#c0c0c0,#fafafa 38%,#c6c6c6)!important;border:1px solid #b7bdc4!important;color:#111!important;-webkit-text-fill-color:#111!important;box-shadow:inset 0 1px 2px #fff,0 2px 4px #182c401c!important;border-radius:14px!important;padding:10px 18px!important;text-align:center}
html body.listings-page .masthead{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:12px!important;width:100%;padding:16px clamp(16px,4vw,60px)!important}
html body.listings-page .masthead>.brand{margin-right:auto!important}
html body.listings-page .masthead :is(.vl-chat-launch,.vl-broadcast-launch,.page-button){position:static!important;transform:none!important;margin:0!important;min-height:44px!important;height:44px!important;white-space:nowrap!important}
html body.listings-page .site-language-switch{display:inline-flex!important;align-items:center!important;gap:6px!important;background:linear-gradient(105deg,#d0d0d0,#fafafa,#c6c6c6)!important;border:1px solid #b7bdc4!important;padding:4px!important;border-radius:16px!important}
html body.listings-page .site-language-switch button{min-height:36px!important;height:36px!important;padding:7px 12px!important}
html body.listings-page .listings-area{margin:0 auto!important;padding-top:24px!important}
html body.listings-page :is(input,select,textarea){color:#111!important;background:#fff!important;border-color:#c4ccd6!important}
html body.listings-page :is(.count-badge,.dealer-count){background:#fff!important;color:#111!important}
html body.listings-page .listings-heading{align-items:center!important}
html body.listings-page :is(button,a,input,select,textarea):focus-visible{outline:2px solid #315c9b!important;outline-offset:3px}
@media(max-width:700px){html body.listings-page .masthead>.brand{flex-basis:100%;margin-right:0!important}html body.listings-page .masthead{justify-content:flex-start!important}html body.listings-page .masthead :is(.page-button,.vl-chat-launch,.vl-broadcast-launch){font-size:12px!important;padding:8px 12px!important}html body.listings-page .listings-heading{align-items:stretch!important}}

.upload-preview-tile{position:relative;display:inline-flex;flex-direction:column;gap:6px;width:150px;vertical-align:top}.upload-preview-tile img{width:100%;height:110px;object-fit:cover;border-radius:10px}.upload-preview-remove{border:1px solid #bbc2ca;border-radius:9px;background:linear-gradient(110deg,#d4d4d4,#fff,#c8c8c8);color:#111;padding:7px;cursor:pointer;font:600 12px Arial,sans-serif}.upload-preview-remove:focus-visible{outline:2px solid #315c9b;outline-offset:2px}