/* Auction desk — selected generated concept 1. Real listing imagery and controls. */
.auction-desk{max-width:1384px;margin:0 auto;padding:24px 32px 56px;--auction-gold:#f3ce55;--auction-surface:#101c22}
.auction-desk .back-link{margin:0 0 18px;min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:13px}
.auction-desk .detail-title{padding:0 0 22px;gap:20px;align-items:center}
.auction-desk .detail-title h1{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.13;letter-spacing:-.04em;margin:10px 0 9px;overflow-wrap:anywhere}
.auction-desk .detail-title p{margin:0;font-size:14px;line-height:1.6;flex-wrap:wrap;gap:9px}
.auction-desk .detail-labels{gap:12px;flex-wrap:wrap}
.auction-desk .detail-labels>.muted{font-size:11px;overflow-wrap:anywhere}
.auction-desk .detail-labels .certified{font-size:11px;padding:6px 9px}
.auction-desk .detail-title>.button{font-size:13px;min-height:46px;flex-shrink:0;margin:0;gap:9px;padding:10px 16px}
.auction-desk .detail-grid{display:grid;grid-template-columns:minmax(0,2.18fr) minmax(310px,1fr);gap:24px;align-items:start}
.auction-desk .vehicle-content{min-width:0}
.auction-desk .detail-photo{border-radius:10px;border:1px solid #304047;margin:0;isolation:isolate}
.auction-desk .detail-photo img{display:block;aspect-ratio:1.94;width:100%;height:auto;max-height:none;object-fit:cover}
.auction-desk .detail-photo>span{font-size:10px;max-width:60%;bottom:12px;left:12px}
.auction-desk .photo-expand{min-height:44px;font-size:12px;right:10px;bottom:10px;padding:9px 12px;border:1px solid #ffffff38;border-radius:7px}
.auction-desk .listing-gallery,.auction-desk .vehicle-market-thumbs{display:flex;gap:9px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:thin}
.auction-desk .listing-gallery button,.auction-desk .vehicle-market-thumbs a{flex:0 0 104px;border:1px solid #415059;border-radius:7px;overflow:hidden;min-height:66px;padding:0;background:#101c22;position:relative}
.auction-desk .listing-gallery button:first-child{border-color:var(--auction-gold);box-shadow:inset 0 0 0 1px var(--auction-gold)}
.auction-desk .listing-gallery img,.auction-desk .vehicle-market-thumbs img{display:block;width:104px;height:66px;object-fit:cover;border-radius:0}
.auction-desk .listing-gallery span{position:absolute;bottom:0;left:0;right:0;padding:3px;background:#071116df;font-size:10px}
.auction-desk .vehicle-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:16px 0 0;border:0}
.auction-desk .vehicle-highlights>div,.auction-desk .vehicle-highlights>div:first-child{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:9px;padding:13px 11px;border:1px solid #30424c;border-radius:7px;background:#101c22;min-width:0;text-align:left}
.auction-desk .vehicle-highlights .icon{grid-row:span 2;color:var(--auction-gold);width:23px;height:23px;margin:0;justify-self:start;align-self:center}
.auction-desk .vehicle-highlights strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.auction-desk .vehicle-highlights span{font-size:10px;line-height:1.4;margin-top:4px;color:#a9b6be}
.auction-desk .detail-tabs{gap:24px;margin:14px 0 0;overflow-x:auto;scrollbar-width:thin}
.auction-desk .detail-tabs button{font-size:13px;padding:16px 1px;white-space:nowrap;flex-shrink:0;min-height:48px}
.auction-desk .detail-panel{padding:22px 0;min-height:0}
.auction-desk .detail-panel h2{font-size:23px;line-height:1.3;margin:0 0 12px}
.auction-desk .detail-panel>p{font-size:14px;line-height:1.7;margin:0 0 16px}
.auction-desk .detail-panel>h3{font-size:16px;margin:24px 0 13px}
.auction-desk .equipment-list{gap:11px 18px}
.auction-desk .equipment-list>span{font-size:13px;line-height:1.5;align-items:flex-start}
.auction-desk .equipment-list .icon{flex-shrink:0;margin-top:2px}
.auction-desk .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.auction-desk .spec-grid>div{font-size:13px;align-items:flex-start}
.auction-desk .spec-grid dd{overflow-wrap:anywhere;min-width:0}
.auction-desk .bidding-column{min-width:0;display:flex;flex-direction:column;gap:14px}
.auction-desk .bid-panel{padding:20px;border:1px solid #344650;border-top:3px solid var(--auction-gold);border-radius:9px;background:linear-gradient(135deg,#132129,#0e191f)}
.auction-desk .bid-status{font-size:10px;margin:0 0 22px;gap:7px;letter-spacing:.06em;line-height:1.45;flex-wrap:wrap}
.auction-desk .bid-status>span:last-child{font-size:12px;letter-spacing:0}
.auction-desk .bid-panel>.eyebrow{font-size:13px;color:#d9e0e4;margin:0 0 5px}
.auction-desk .big-price{font-size:clamp(1.7rem,2.6vw,2.45rem);line-height:1.2;letter-spacing:-.045em;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.auction-desk .countdown-box{border:1px solid #3a4e59;border-radius:7px;background:#0a151b;padding:12px 14px;gap:12px;margin:17px 0}
.auction-desk .countdown-box span{font-size:11px}
.auction-desk .countdown-box strong{font-size:20px;line-height:1.3;margin-top:3px}
.auction-desk .bid-button{min-height:48px;font-size:14px;border-radius:7px;gap:12px;padding:12px 16px}
.auction-desk .bid-button:disabled{background:#27343b;color:#aebbc3;opacity:1;border:1px solid #43535c;cursor:default}
.auction-desk .bid-minimum{font-size:11px;line-height:1.5;margin:9px 0 13px}
.auction-desk .auction-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid #2b3b44;padding:13px 0 0;margin:0;font-size:12px;color:#b2c0c9;line-height:1.5}
.auction-desk .auction-total strong{font-size:14px;color:#f2f5f5;white-space:nowrap}
.auction-desk .bankid-note{padding:15px 0;gap:9px;border-bottom:1px solid #2b3b44;align-items:flex-start}
.auction-desk .bankid-note>.icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}
.auction-desk .bankid-note span{font-size:12px;line-height:1.5}
.auction-desk .bankid-note small{font-size:11px;line-height:1.5;margin-top:3px}
.auction-desk .auction-cost-details summary,.auction-desk .bid-tips summary{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:1.5;cursor:pointer;list-style:none}
.auction-desk .auction-cost-details summary::-webkit-details-marker,.auction-desk .bid-tips summary::-webkit-details-marker{display:none}
.auction-desk .auction-cost-details summary>.icon{width:15px;height:15px;flex-shrink:0}
.auction-desk .auction-cost-details[open] summary>.icon{transform:rotate(180deg)}
.auction-desk .auction-facts{padding:0 0 8px}
.auction-desk .auction-facts>span,.auction-desk .auction-facts strong{font-size:11px;line-height:1.6}
.auction-desk .auction-facts strong{text-align:right}
.auction-desk .detail-tools{display:flex;gap:8px;margin:1px 0 0}
.auction-desk .detail-tools button{flex:1;min-width:0;min-height:44px;font-size:11px;line-height:1.5;padding:6px;border:1px solid #344650;border-radius:6px;background:#101b22}
.auction-desk .bid-tips{margin:4px 0;border:0;padding:0}
.auction-desk .bid-tips summary:after{content:'+';font-size:18px;color:var(--auction-gold)}
.auction-desk .bid-tips[open] summary:after{content:'−'}
.auction-desk .bid-tips ol{margin:0;padding:0 0 10px 18px;color:#b1bfc7;font-size:12px;line-height:1.7}
.auction-desk .bid-panel>.fine-print{font-size:10px;line-height:1.6;color:#99aab5;margin:5px 0 0}
.auction-desk .seller-panel{padding:16px;border-radius:8px;gap:12px;background:#101b22;display:grid;grid-template-columns:42px minmax(0,1fr);border-color:#344650;margin:0}
.auction-desk .seller-panel.dealer-seller{border-color:#736438;background:#171d1d}
.auction-desk .seller-avatar{width:42px;height:42px;align-self:start}
.auction-desk .seller-avatar .icon{width:22px;height:22px}
.auction-desk .seller-panel .eyebrow{font-size:9px;line-height:1.4}
.auction-desk .seller-panel h3{font-size:14px;line-height:1.35;margin:4px 0;overflow-wrap:anywhere}
.auction-desk .seller-panel p{font-size:11px;line-height:1.5;margin:0}
.auction-desk .seller-panel .certified{font-size:9px;line-height:1.4;padding:4px 6px;margin-top:7px}
.auction-desk .seller-panel>.button{grid-column:1/-1;width:100%;margin:0;min-height:44px;font-size:12px}
.auction-desk .bid-history{display:block;padding:17px 20px;border:1px solid #344650;border-radius:8px;background:#0e191f;margin:0}
.auction-desk .bid-history h3{font-size:14px;line-height:1.5;margin:0 0 9px}
.auction-desk .bid-history>div{font-size:12px;padding:10px 0}
.auction-desk .bid-history strong{font-size:12px;text-align:right}
.auction-desk .bid-history small{font-size:10px;line-height:1.6;margin-top:3px}
.auction-desk .bid-history>.muted{font-size:12px;line-height:1.6;margin:0}
.auction-desk .leading-message{font-size:12px;line-height:1.6;align-items:flex-start}
.auction-desk .leading-message .icon{flex-shrink:0;margin-top:2px}
.auction-unavailable{max-width:640px;text-align:center;margin:50px auto 70px;padding:32px 24px}
.auction-unavailable .auction-state-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 20px;background:#17272f;border:1px solid #3a4c57;border-radius:16px;color:#f3ce55}
.auction-unavailable .auction-state-icon .icon{width:30px;height:30px}
.auction-unavailable h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.15;margin:10px 0 15px}
.auction-unavailable>p:not(.overline){font-size:15px;line-height:1.7;color:#afbdc7;margin:0 0 24px}
.auction-unavailable .button{min-height:48px}
/* Same material and spacing for identity, bid review, error and success dialogs. */
dialog.auction-flow-dialog{width:480px;max-width:calc(100vw - 24px);border:1px solid #3a4c56;border-top:3px solid #f3ce55;border-radius:14px;padding:30px;background:#101c22}
.auction-flow-dialog .dialog-close{width:44px;height:44px;top:8px;right:8px}
.auction-flow-dialog .dialog-kicker{font-size:10px;letter-spacing:.12em;margin:0 40px 13px 0;line-height:1.6}
.auction-flow-dialog h2{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:0 20px 14px 0}
.auction-flow-dialog>p{font-size:13px;line-height:1.7;margin-bottom:18px}
.auction-flow-dialog .bid-vehicle{gap:12px;margin:20px 0;padding:0 0 16px}
.auction-flow-dialog .bid-vehicle img{width:84px;height:62px;flex-shrink:0;border-radius:7px}
.auction-flow-dialog .bid-vehicle strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.auction-flow-dialog .bid-vehicle span{font-size:12px;line-height:1.5}
.auction-flow-dialog .bid-amount-label{font-size:13px;line-height:1.5}
.auction-flow-dialog .amount-input input{font-size:27px;min-height:60px;border-color:#6c623f;background:#09151b}
.auction-flow-dialog .bid-shortcuts{gap:7px}
.auction-flow-dialog .bid-shortcuts button{min-height:44px;font-size:11px;line-height:1.4;padding:8px 5px;background:#17262e;border:1px solid #41525b;border-radius:7px}
.auction-flow-dialog .auction-facts{padding:15px 0 0}
.auction-flow-dialog .auction-facts>span,.auction-flow-dialog .auction-facts strong{font-size:12px;line-height:1.5}
.auction-flow-dialog .auction-facts>span:last-child{border-top:1px solid #344650;margin-top:8px;padding-top:12px;color:#eef2f4}
.auction-flow-dialog .auction-facts>span:last-child strong{font-weight:700;color:#f3ce55}
.auction-flow-dialog .form-error:not(:empty){padding:12px;border:1px solid #a4594b;border-radius:7px;background:#46241f;color:#ffd4c8;margin:12px 0;font-size:13px;line-height:1.5}
.auction-flow-dialog .demo-callout{margin:17px 0;font-size:12px;line-height:1.6;background:#17262e;border-color:#3a4e59}
.auction-flow-dialog .button{min-height:48px;font-size:14px;line-height:1.5}
.auction-flow-dialog .text-button{min-height:44px;line-height:1.6;padding:8px 2px}
.auction-flow-dialog .auth-icon{width:54px;height:54px;margin:14px auto 18px;border-radius:14px}
.auction-flow-dialog .auth-icon>.icon{width:28px;height:28px}
.auction-flow-dialog .identity-card{margin:16px 0 20px;padding:15px;line-height:1.5}
.auction-flow-dialog .bankid-symbol{width:62px;height:62px;margin:16px auto 23px;font-size:31px}
.auction-flow-dialog .success-icon{width:56px;height:56px;margin:8px auto 20px}
.auction-flow-dialog .success-price{font-size:34px;overflow-wrap:anywhere}
/* Authoritative account auctions inherit the desk without changing backend gates. */
.vehicle-market-page.auction-desk .vehicle-market-notice{padding:13px 16px;margin:0 0 18px;font-size:12px;line-height:1.6;border-radius:9px}
.vehicle-market-page.auction-desk .vehicle-market-notice p{margin:4px 0}
.vehicle-market-page.auction-desk .vehicle-market-nav{margin:0 0 22px;gap:8px}
.vehicle-market-page.auction-desk .vehicle-market-nav .button{min-height:44px;padding:8px 13px;font-size:12px}
.vehicle-market-page.auction-desk .bid-panel>.neutral-badge{font-size:9px;line-height:1.5;letter-spacing:.04em;margin-bottom:12px;white-space:normal}
.vehicle-market-page.auction-desk .bid-panel>p{font-size:13px;line-height:1.6;margin:12px 0}
.vehicle-market-page.auction-desk .bid-panel .button{min-height:44px;font-size:13px;margin-top:9px}
.vehicle-market-page.auction-desk [data-market-form=bid]{border-top:1px solid #344650;padding-top:16px;margin-top:16px}
.vehicle-market-page.auction-desk [data-market-form=bid] input{font-size:25px;min-height:56px;background:#09151b}
.vehicle-market-page.auction-desk .account-error{border:1px solid #915647;border-radius:9px;background:#2d1d1a;padding:18px;line-height:1.6}
.vehicle-market-page.auction-desk .account-error p{margin:0 0 12px}
.vehicle-market-page.auction-desk .auction-closed-state{border:1px solid #485a62;background:#18262d;padding:12px;border-radius:7px;color:#d5dfe4;font-weight:600}
.auction-desk :is(button,a,input,summary):focus-visible,.auction-flow-dialog :is(button,a,input):focus-visible{outline:3px solid #f3ce55;outline-offset:3px}
@media(max-width:1100px){.auction-desk{padding-left:24px;padding-right:24px}.auction-desk .detail-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:20px}.auction-desk .vehicle-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.auction-desk .spec-grid{grid-template-columns:1fr}.auction-desk .detail-title h1{font-size:30px}}
@media(max-width:800px){.auction-desk{padding:18px 20px 40px}.auction-desk .back-link{margin-bottom:14px}.auction-desk .detail-title{padding-bottom:16px;gap:12px;align-items:flex-start}.auction-desk .detail-title h1{font-size:29px}.auction-desk .detail-title p{font-size:12px;gap:6px}.auction-desk .detail-title>.button{font-size:0;gap:0;min-width:44px;min-height:44px;padding:10px;margin-top:32px}.auction-desk .detail-title>.button .icon{width:22px;height:22px}.auction-desk .detail-grid{display:flex;flex-direction:column;gap:0}.auction-desk .vehicle-content{display:contents}.auction-desk .detail-photo{order:0;width:100%;margin:0}.auction-desk .listing-gallery,.auction-desk .vehicle-market-thumbs{order:1;width:100%;padding-bottom:0}.auction-desk .bidding-column{order:2;width:100%;margin:16px 0 0;gap:12px}.auction-desk .vehicle-highlights{order:3;width:100%;padding-top:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.auction-desk .vehicle-highlights>div,.auction-desk .vehicle-highlights>div:first-child{padding:12px;grid-template-columns:1fr;text-align:center}.auction-desk .vehicle-highlights .icon{grid-row:auto;justify-self:center;margin-bottom:7px}.auction-desk .detail-tabs{order:4;width:100%;margin-top:12px}.auction-desk #detail-panel,.auction-desk .vehicle-content>.detail-panel{order:5;width:100%;margin-top:0}.auction-desk .vehicle-content>.workspace-panel{order:6;width:100%;margin-top:16px}.auction-desk .bid-panel{padding:19px}.auction-desk .big-price{font-size:32px}.auction-desk .bid-status{margin-bottom:16px}.auction-desk .countdown-box{margin:15px 0}.auction-desk .seller-panel{grid-template-columns:42px minmax(0,1fr) auto}.auction-desk .seller-panel>.button{grid-column:auto;width:auto;max-width:160px}.auction-desk .bid-history{padding:16px 19px}.auction-desk .bid-history>div{padding:9px 0}.vehicle-market-page.auction-desk .detail-grid{display:flex}.vehicle-market-page.auction-desk .bidding-column{margin-top:16px}.vehicle-market-page.auction-desk .vehicle-content>.detail-panel{margin-top:20px}.auction-desk .equipment-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.auction-desk{padding:16px 14px 32px}.auction-desk .detail-title h1{font-size:26px;line-height:1.17}.auction-desk .detail-labels{gap:7px}.auction-desk .detail-labels>.muted{font-size:9px}.auction-desk .detail-labels .certified{font-size:10px}.auction-desk .detail-photo img{aspect-ratio:1.7}.auction-desk .detail-photo>span{font-size:9px;bottom:10px;left:8px;max-width:55%}.auction-desk .photo-expand{font-size:11px;right:8px;bottom:8px;min-height:44px;padding:7px 9px}.auction-desk .listing-gallery button,.auction-desk .vehicle-market-thumbs a{flex-basis:82px;min-height:56px}.auction-desk .listing-gallery img,.auction-desk .vehicle-market-thumbs img{width:82px;height:56px}.auction-desk .vehicle-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auction-desk .vehicle-highlights>div,.auction-desk .vehicle-highlights>div:first-child{grid-template-columns:23px minmax(0,1fr);text-align:left;padding:11px}.auction-desk .vehicle-highlights .icon{grid-row:span 2;margin:0;justify-self:start}.auction-desk .vehicle-highlights strong{font-size:12px}.auction-desk .vehicle-highlights span{font-size:10px}.auction-desk .detail-tabs{gap:21px}.auction-desk .detail-tabs button{font-size:12px}.auction-desk .seller-panel{grid-template-columns:38px minmax(0,1fr)}.auction-desk .seller-panel>.button{grid-column:1/-1;width:100%;max-width:none}.auction-desk .seller-avatar{width:38px;height:38px}.auction-desk .equipment-list{grid-template-columns:1fr}.auction-desk .detail-panel h2{font-size:22px}.auction-desk .detail-panel>p{font-size:14px}.auction-desk .auction-total{flex-wrap:wrap}.auction-desk .big-price{font-size:30px}.auction-desk .detail-tools{flex-wrap:wrap}.auction-desk .detail-tools button{flex:1 1 100px}.auction-flow-dialog{padding:28px 20px!important}.auction-flow-dialog h2{font-size:25px}.auction-flow-dialog .bid-vehicle img{width:64px;height:54px}.auction-flow-dialog .bid-vehicle strong{font-size:13px}.auction-flow-dialog .bid-shortcuts{flex-wrap:wrap}.auction-flow-dialog .bid-shortcuts button{flex:1 1 85px;font-size:11px}.auction-flow-dialog .success-price{font-size:30px}.vehicle-market-page.auction-desk .vehicle-market-nav .button{flex:1 1 42%}}
@media(prefers-reduced-motion:reduce){.auction-desk *,.auction-flow-dialog *{scroll-behavior:auto!important;transition:none!important}}

/* Source order follows the mobile task: gallery, bid, details. Desktop areas retain the desk composition. */
.auction-desk .detail-grid{row-gap:16px}
.auction-desk .vehicle-content{grid-column:1;grid-row:1}
.auction-desk .bidding-column{grid-column:2;grid-row:1 / span 2}
.auction-desk .auction-detail-body{grid-column:1;grid-row:2;min-width:0}
.auction-desk .auction-detail-body .vehicle-highlights{padding-top:0}
@media(max-width:800px){
 .auction-desk .detail-grid{gap:0}
 .auction-desk .vehicle-content{display:block;order:0;width:100%}
 .auction-desk .bidding-column{order:1}
 .auction-desk .auction-detail-body{order:2;width:100%;margin-top:18px}
 .auction-desk .auction-detail-body .workspace-panel{margin-top:16px}
}