/* Auction-only layout. Shared tokens match the existing player/admin panels. */
.auction-page { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.auction-page > .section-head { margin-bottom: 0; }
.auction-page h1 { font-size: clamp(23px, 3vw, 30px); }
.auction-panel { min-width: 0; overflow: hidden; border: 1px solid #28364c; border-radius: 16px; background: linear-gradient(180deg, #172234, #111b2c); box-shadow: 0 12px 32px -24px #000; }
.auction-panel-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 20px 24px; border-bottom: 1px solid rgba(148,163,184,.12); }
.auction-panel-head h2 { margin: 0; font-size: 19px; color: #e7eefb; font-weight: 700; }
.auction-panel-head p { color: #94a3b8; margin: 5px 0 0; font-size: 12px; }
.auction-eyebrow { display: block; color: #22d3ee; font-size: 10px; line-height: 1.6; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 5px; }
.auction-chip { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; padding: 6px 11px; border: 1px solid rgba(148,163,184,.2); border-radius: 999px; color: #c3d1e6; font-size: 11px; font-weight: 600; }
.auction-chip-live { border-color: rgba(52,211,153,.3); color: #6ee7b7; background: rgba(52,211,153,.08); }
.auction-chip-live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.auction-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 32px; padding: 24px; }
.auction-showcase, .auction-bidding { min-width: 0; }
.auction-media { display: flex; align-items: center; justify-content: center; width: 100%; height: 300px; padding: 28px; border: 1px solid rgba(148,163,184,.13); border-radius: 14px; background: radial-gradient(ellipse at center, rgba(34,211,238,.08), rgba(9,16,28,.5) 75%); }
.auction-media .vehicle-visual { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: none; border-radius: 0; }
.auction-media .vehicle-visual img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.auction-media .vehicle-visual-icon { font-size: 100px; }
.auction-schedule { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 18px; }
.auction-schedule span, .auction-metrics span { display: block; font-size: 11px; color: #8ba0bf; margin-bottom: 5px; }
.auction-schedule strong { display: block; color: #c3d1e6; font-size: 12px; font-weight: 500; }
.auction-timer { display: grid; gap: 4px; padding: 18px 20px; border: 1px solid rgba(34,211,238,.2); border-radius: 12px; background: rgba(34,211,238,.04); }
.auction-timer > span { color: #8ba0bf; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.auction-timer > strong { color: #67e8f9; font-size: clamp(32px, 4vw, 44px); font-weight: 700; line-height: 1.25; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.auction-timer small { color: #8ba0bf; font-size: 11px; }
.auction-timer.is-urgent { border-color: rgba(248,113,113,.55); background: rgba(239,68,68,.08); }
.auction-timer.is-urgent > strong { color: #ff5151; }
.auction-leading { display: grid; gap: 5px; margin: 22px 0; }
.auction-leading > span { color: #8ba0bf; font-size: 12px; }
.auction-leading > strong { color: #e7eefb; font-size: 26px; font-weight: 700; overflow-wrap: anywhere; }
.auction-leading small { color: #94a3b8; font-size: 12px; overflow-wrap: anywhere; }
.auction-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px 0; border-top: 1px solid rgba(148,163,184,.12); border-bottom: 1px solid rgba(148,163,184,.12); }
.auction-metrics strong { color: #c3d1e6; font-size: 13px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.auction-bid-form { display: grid; gap: 8px; margin-top: 20px; }
.auction-bid-form > label { color: #c3d1e6; font-size: 12px; font-weight: 600; }
.auction-bid-controls { display: flex; gap: 10px; }
.auction-bid-controls .input { flex: 1; min-width: 0; margin: 0; }
.auction-bid-controls .btn { flex-shrink: 0; }
.auction-bid-form > small { color: #8ba0bf; font-size: 11px; line-height: 1.6; }
.auction-rules { padding: 16px 20px; background: rgba(9,16,28,.3); border-top: 1px solid rgba(148,163,184,.12); color: #8ba0bf; font-size: 12px; line-height: 1.7; }
.auction-rules strong { color: #c3d1e6; font-size: 12px; }
.auction-rules p { margin: 4px 0 0; }
.auction-reset-note { color: #fbbf24; }
.auction-notice { padding: 12px 16px; border: 1px solid rgba(251,191,36,.25); border-radius: 10px; background: rgba(251,191,36,.06); color: #fcd34d; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.auction-notice[hidden] { display: none !important; }
.auction-panel > .auction-notice { margin: 16px 20px; }
.auction-empty { padding: 30px 24px; text-align: center; color: #8ba0bf; font-size: 13px; }
.auction-empty strong, .auction-empty h2 { display: block; color: #c3d1e6; font-size: 16px; margin: 0 0 8px; }
.auction-empty p { max-width: 540px; margin: 6px auto 0; line-height: 1.7; }
.auction-empty-large { padding: 48px 24px; }
.auction-empty-icon { display: block; font-size: 36px; margin-bottom: 18px; }
.auction-table-wrap { width: 100%; overflow: auto; overscroll-behavior: contain; }
.auction-table-wrap:focus-visible { outline: 2px solid #22d3ee; outline-offset: -2px; }
.auction-page .auction-table { min-width: 980px; width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12.8px; }
.auction-page .auction-table th { text-align: left; padding: 10px 13px; background: #162238; color: #8ba0bf; font-size: 10.6px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; border-bottom: 1px solid #22314c; }
.auction-page .auction-table td { padding: 12px 13px; color: #c3d1e6; border-bottom: 1px solid rgba(148,163,184,.1); vertical-align: middle; }
.auction-page .auction-table tbody tr:nth-child(even) td { background: rgba(255,255,255,.014); }
.auction-page .auction-table tbody tr:hover td { background: rgba(34,211,238,.045); }
.auction-page .auction-table tbody tr:last-child td { border-bottom: 0; }
.auction-page .auction-table .num, .auction-page .auction-table th:nth-child(n+3):nth-child(-n+6) { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.auction-cell-main { font-weight: 600; color: #e7eefb; }
.auction-page .auction-table .auction-money { color: #6ee7b7; font-weight: 600; }

/* Admin uses the existing card, input, tender-model-card and data-table helpers. */
.auction-admin-page, .auction-admin-page > *, .auction-admin-grid > * { min-width: 0; }
.auction-admin-grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; align-items: start; }
.auction-plan-form, .auction-settings-form { display: grid; gap: 20px; }
.auction-plan-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.auction-plan-fields label:last-child { grid-column: 1 / -1; }
.auction-plan-fields label, .auction-settings-form > label { display: grid; gap: 8px; font-size: 12px; font-weight: 600; color: #c3d1e6; }
.auction-settings-form small { font-weight: 400; line-height: 1.6; color: #8ba0bf; }
.auction-settings-form .auction-rules { border: 1px solid #22314c; border-radius: 10px; padding: 14px; }
.auction-picker { border: 0; padding: 0; min-width: 0; }
.auction-picker legend { color: #c3d1e6; font-weight: 600; font-size: 12px; margin-bottom: 8px; }
.auction-picker-toolbar { margin: 14px 0 10px; }
.auction-picker-toolbar .search-box { flex: 1; min-width: 150px; }
.auction-admin-page .auction-model-grid { margin-top: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); max-height: 380px; }
.auction-admin-page .auction-model-card { display: grid; grid-template-columns: 16px 80px minmax(0, 1fr); align-items: center; gap: 12px; padding: 14px; }
.auction-model-visual { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; }
.auction-model-visual .vehicle-visual { display: flex; align-items: center; justify-content: center; width: 80px; height: 72px; }
.auction-admin-page .auction-model-visual img, .auction-summary-image img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.auction-model-copy { min-width: 0; }
.auction-exclusive-tag { display: inline-block; margin-top: 7px; color: #67e8f9; font-size: 10px; font-weight: 600; }
.auction-picker-empty { padding: 24px; border: 1px dashed #374151; border-radius: 10px; color: #8ba0bf; font-size: 12px; line-height: 1.7; grid-column: 1 / -1; }
.auction-admin-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.auction-summary-image { display: flex; align-items: center; justify-content: center; width: 100px; height: 84px; flex-shrink: 0; border: 1px solid #22314c; border-radius: 12px; background: rgba(34,211,238,.035); }
.auction-summary-image .vehicle-visual { width: 88px; height: 72px; display: flex; align-items: center; justify-content: center; }
.auction-admin-summary h2 { font-size: 18px; color: #e7eefb; margin-bottom: 6px; }
.auction-summary-value { display: grid; gap: 5px; margin-left: auto; text-align: right; }
.auction-summary-value strong { color: #6ee7b7; font-size: 22px; font-variant-numeric: tabular-nums; }
.auction-summary-icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 12px; font-size: 25px; background: rgba(34,211,238,.06); }
.auction-bids-table th:last-child { text-align: right; }
.auction-bids-table td:first-child, .auction-bids-table td:nth-child(2) { white-space: nowrap; }
.auction-admin-page .table-wrap { max-width: 100%; }
.auction-admin-page [data-auction-error]:not([hidden]) { margin: 0; }
.auction-admin-page [data-bids-error]:not([hidden]) { margin-top: 12px; }
@media (max-width: 1100px) {
  .auction-admin-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .auction-hero { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 18px; }
  .auction-media { height: 230px; }
  .auction-panel-head { padding: 18px; }
  .auction-panel-head h2 { font-size: 17px; }
}
@media (max-width: 480px) {
  .auction-bid-controls { flex-direction: column; }
  .auction-plan-fields { grid-template-columns: minmax(0, 1fr); }
  .auction-plan-fields label:last-child { grid-column: auto; }
  .auction-summary-value { margin-left: 0; text-align: left; width: 100%; }
  .auction-page .auction-table th, .auction-page .auction-table td { padding: 10px; }
  .auction-admin-page .card-head, .auction-admin-page .card-foot { flex-wrap: wrap; }
}