/* GCars Online · midnight / ember. Shared by public, customer and administrator pages.
   Scoped selectors intentionally outrank legacy page styles without changing viewer geometry. */
html:root {
    color-scheme: dark;
    --gc-bg: #080f18;
    --gc-panel: #101925;
    --gc-raised: #172332;
    --gc-line: #293749;
    --gc-text: #f6f7fa;
    --gc-muted: #a2b0c1;
    --gc-orange: #ff742e;
    --primary-gradient: linear-gradient(180deg, #080f18, #0b1420);
    --accent-color: #ff742e;
    --accent-hover: #ff914f;
    --card-bg: #101925;
    --input-bg: #152130;
    --dark-bg: #080f18;
    --success-color: #72dba2;
    --bs-body-color: #f6f7fa;
    --bs-body-bg: #080f18;
    --bs-border-color: #293749;
    --bs-secondary-color: #a2b0c1;
    --bs-tertiary-bg: #172332;
    --bs-link-color: #ff914f;
    --bs-link-hover-color: #ffb58b;
    --bs-primary-rgb: 255,116,46;
}
body.gcars { margin: 0; min-height: 100vh; background: var(--gc-bg); color: var(--gc-text); font: 14px/1.55 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
body.gcars .container { width: 100%; max-width: 1480px; padding-left: 32px; padding-right: 32px; }
body.gcars a { color: var(--gc-orange); text-underline-offset: 4px; }
body.gcars :is(h1,h2,h3,h4,h5,h6) { color: var(--gc-text); font-weight: 700; letter-spacing: -.025em; }
body.gcars h2 { font-size: 26px; }
body.gcars :is(.text-muted,.form-text,.text-secondary,.stat-label,.calculator-subtitle,.empty-state,.message-meta,.spec-label,.category-title,.vin-label,.extended-detail-label,.contact-item p,.feature-box p) { color: var(--gc-muted) !important; }
body.gcars :is(.text-dark,.text-body,.text-black) { color: var(--gc-text) !important; }
body.gcars :is(.bg-white,.bg-light) { background: var(--gc-raised) !important; }
body.gcars .site-header { padding: 16px 0; margin-bottom: 28px; background: #0a131eee; border-bottom: 1px solid var(--gc-line); box-shadow: none; position: relative; z-index: 30; }
body.gcars .site-header .container { max-width: 1600px; }
body.gcars .site-title { font-size: 32px; color: var(--gc-text); line-height: 1; text-decoration: none; white-space: nowrap; }
.gcars-wordmark { display: inline-block; font-size: 34px; font-weight: 850; letter-spacing: -2px; line-height: .95; color: #f6f7fa; }
.gcars-wordmark b { color: var(--gc-orange); font-style: italic; }
.gcars-wordmark small { display: block; margin: 7px 0 0 7px; color: #b9c6d6; font-size: 8px; letter-spacing: 5.5px; font-weight: 500; }
body.gcars .site-nav-desktop { gap: 5px; }
body.gcars .nav-link-item { padding: 9px 11px; margin: 0; font-size: 13px; color: #c4cfdd; border: 1px solid transparent; border-radius: 7px; }
body.gcars .nav-link-item:is(:hover,.active), body.gcars .gcars-market-tabs a:is(:hover,.active) { color: #ff995f; background: #35251d; border-color: #8c4b2a; text-decoration: none; }
body.gcars .site-nav-mobile { border-color: var(--gc-line); justify-content: flex-start; }
body.gcars .nav-badge { background: #55311f; color: #ffc29e; border-radius: 5px; }
body.gcars .lang-selector-btn { background: transparent; color: #d8e0eb; border-color: var(--gc-line); }
body.gcars .gcars-admin-nav { display: none; }
body.gcars.gcars-admin .gcars-admin-nav { display: flex; flex-wrap: wrap; gap: 6px; margin: -8px auto 28px; }
body.gcars .gcars-admin-nav a { padding: 9px 12px; border: 1px solid var(--gc-line); border-radius: 7px; background: var(--gc-panel); color: var(--gc-muted); text-decoration: none; font-size: 12px; }
body.gcars .gcars-admin-nav a:is(:hover,.active) { border-color: #a7572b; color: #ffad7c; background: #30221b; }
body.gcars :is(.card,.filters,.vehicle-card,.contact-card,.feature-box,.stat-box,.table-container,.news-section,.edit-card,.calculator-card,.fee-table-card,.card-panel,.delivery-panel,.login-box,.register-box) { background: var(--gc-panel); color: var(--gc-text); border: 1px solid var(--gc-line); border-radius: 12px; box-shadow: 0 10px 30px #00000014; }
body.gcars :is(.card-header,.modal-header,.modal-footer) { background: #121e2b; border-color: var(--gc-line); }
body.gcars :is(.card h2,.card h3,.card h4,.card h5,.card-title h4,.filters h5,.vehicle-card h5,.contact-card h4,.feature-box h5,.stat-value,.section-title,.calculator-title,.car-title,.specs-title,.status-title,.spec-value,.vin-value,.extended-detail-value,.url-text) { color: var(--gc-text); }
body.gcars :is(.form-control,.form-select,.input-group-text) { color: #e1e8f2; background-color: var(--input-bg); border: 1px solid #344357; border-radius: 7px; padding: 10px 12px; font-size: 14px; box-shadow: none; }
body.gcars .form-select { padding-right: 34px; }
body.gcars :is(.form-control,.form-select):focus { background-color: #182737; color: #fff; border-color: var(--gc-orange); box-shadow: 0 0 0 3px #ff742e24; }
body.gcars :is(.form-control,.form-select):disabled { opacity: .6; background-color: #1a2430; }
body.gcars input::placeholder, body.gcars textarea::placeholder { color: #8b9caf; opacity: 1; }
body.gcars :is(.form-label,label) { color: #c3cfde; }
body.gcars .form-check-input { border-color: #566477; background-color: #142030; }
body.gcars .form-check-input:checked { background-color: var(--gc-orange); border-color: var(--gc-orange); }
body.gcars .btn { border-radius: 7px; font-weight: 600; box-shadow: none; transition: background-color .15s, border-color .15s; }
body.gcars :is(.btn-primary,.btn-calculate,.btn-accent,.btn-add) { color: #201108; background: var(--gc-orange); border: 1px solid var(--gc-orange); box-shadow: none; }
body.gcars :is(.btn-primary,.btn-calculate,.btn-accent,.btn-add):hover { color: #201108; background: #ff914f; border-color: #ff914f; transform: none; box-shadow: none; }
body.gcars :is(.btn-light,.btn-secondary,.btn-outline-secondary) { background: #182535; border: 1px solid #3a4a5f; color: #dfe7f1; }
body.gcars :is(.btn-light,.btn-secondary,.btn-outline-secondary):hover { background: #24364b; color: #fff; }
body.gcars .btn-outline-primary { color: #ffa16b; border: 1px solid #a65a32; background: #ff742e0a; }
body.gcars .btn-outline-primary:hover { background: #41291d; color: #ffbf9a; }
body.gcars .btn-danger { background: #9e3041; border-color: #c44c5f; color: #fff; }
body.gcars .btn-outline-danger { color: #ff91a0; border-color: #a74b5c; }
body.gcars .btn-success { background: #1f6047; border-color: #3c9370; color: #d5ffeb; }
body.gcars .btn-outline-success { color: #7fe1ad; border-color: #3c9370; }
body.gcars .btn:disabled { opacity: .45; }
body.gcars .dropdown-menu { color: var(--gc-text); background: #152130; border: 1px solid #36475d; border-radius: 9px; box-shadow: 0 16px 48px #0008; }
body.gcars .dropdown-item { color: #dce5f0; }
body.gcars .dropdown-item:is(:hover,:focus) { background: #35271e; color: #ffac7b; }
body.gcars :is(.modal-content,.swal2-popup) { color: var(--gc-text); background: var(--gc-panel); border: 1px solid #3b4e65; }
body.gcars .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
body.gcars .table { --bs-table-color: #dce5f0; --bs-table-bg: #101925; --bs-table-striped-bg: #152130; --bs-table-striped-color: #dce5f0; --bs-table-hover-bg: #1c2c3f; --bs-table-hover-color: #fff; --bs-table-border-color: #293749; color: #dce5f0; font-size: 13px; }
body.gcars .table :is(thead,th) { background: #172536; color: #c6d3e3; border-color: var(--gc-line); }
body.gcars .table td { border-color: var(--gc-line); vertical-align: middle; }
body.gcars :is(.alert,.list-group-item) { border: 1px solid var(--gc-line); border-radius: 9px; }
body.gcars .alert-info { background: #142b3e; color: #acd5f7; border-color: #315672; }
body.gcars .alert-warning { background: #34291b; color: #f5cc8b; border-color: #725c35; }
body.gcars .alert-danger { background: #341d27; color: #ffb3bf; border-color: #79414e; }
body.gcars .alert-success { background: #163229; color: #a4e9c6; border-color: #386d56; }
body.gcars .list-group-item { background: #14202e; color: #c8d4e2; }
body.gcars .price { color: #fff; font-size: 25px; text-shadow: none; }
body.gcars .car-count-badge { background: #35251c; color: #ff9b60; border: 1px solid #67422a; border-radius: 5px; font-size: 12px; }
body.gcars .vin-badge { background: #0b1420; color: #aabbd0; font-size: 11px; overflow-wrap: anywhere; }
body.gcars .top-label { background: #283b51; color: #bfdbf7; font-size: 10px; border-radius: 4px; }
body.gcars :is(.working-hours,.contact-item,.url-item,.add-url-section,.prompt-card,.placeholder-hint,.prompt-text-preview,.chat-item,.message,.photo-upload-area) { background: #14202e; border-color: var(--gc-line); color: #ced9e7; box-shadow: none; }
body.gcars :is(.chat-item.active,.chat-item:hover,.prompt-card:hover,.url-item:hover) { background: #1d2c3f; border-color: #9b572f; }
body.gcars .message.user { background: #2c241d; border: 1px solid #62422e; }
body.gcars .message.assistant { background: #172b38; }
body.gcars :is(.edit-card-header,.hero,.delivery-hero) { background: linear-gradient(110deg,#182737,#0d1825); border-radius: 12px; box-shadow: none; }
body.gcars .edit-card-header { text-align: left; border-bottom: 1px solid var(--gc-line); }
body.gcars .result-card { background: linear-gradient(110deg,#3a271d,#251e1b); border: 1px solid #885033; color: #efd9cb; border-radius: 12px; }
body.gcars .result-total { color: #ff9b60; }
body.gcars .breakdown-item { border-color: #79533c; }
body.gcars .breakdown-value { color: #f5e7dc; }
body.gcars .stat-box { text-align: left; border-top: 2px solid #9d562f; }
body.gcars .stat-box .stat-value { color: #fff; font-size: 38px; }
body.gcars .stat-box:hover, body.gcars .feature-box:hover { transform: none; box-shadow: none; border-color: #765039; }
body.gcars .feature-box { text-align: left; height: 100%; }
body.gcars .feature-box i { font-size: 28px; }
body.gcars .gcars-home > .row { row-gap: 16px; }
/* Port hero and working catalog search */
body.gcars:has(.gcars-hero) .site-header { margin-bottom: 0; }
body.gcars .gcars-hero { margin: 0 0 26px; padding: 38px 0 24px; background: linear-gradient(90deg,#080f18dd 0%,#080f1855 62%,#080f1822),linear-gradient(0deg,#080f18,transparent 55%),url('harbor-hero.png') center 52%/cover; }
body.gcars .gcars-home { padding-top: 0; }
body.gcars .gcars-home .gcars-hero { margin-left: -32px; margin-right: -32px; }
body.gcars .gcars-eyebrow { font-size: 11px; letter-spacing: 2.6px; text-transform: uppercase; color: #bcc8d6; margin: 0 0 9px; }
body.gcars .gcars-hero h1 { max-width: 760px; margin: 0 0 12px; font-size: clamp(32px,4vw,58px); font-weight: 800; letter-spacing: -2px; line-height: 1.08; }
body.gcars .gcars-hero h1 em { color: var(--gc-orange); font-style: normal; }
body.gcars .gcars-hero-subtitle { font-size: 18px; color: #dce5ef; margin: 0 0 24px; }
.gcars-benefits { display: flex; gap: 28px; flex-wrap: wrap; margin-bottom: 28px; }
.gcars-benefits span { display: flex; gap: 10px; align-items: center; max-width: 205px; font-size: 12px; color: #d3ddea; }
.gcars-benefits i { font-size: 27px; color: var(--gc-orange); }
.gcars-hero-bottom { display: flex; gap: 16px; align-items: flex-end; }
.gcars-search-panel { flex: 1; min-width: 0; max-width: 850px; }
.gcars-market-tabs { display: flex; gap: 3px; }
body.gcars .gcars-market-tabs a { display: block; padding: 9px 18px; border-radius: 8px 8px 0 0; background: #111c29dd; color: #cbd6e5; text-decoration: none; font-size: 12px; border: 1px solid transparent; }
body.gcars .gcars-market-tabs a.active { background: var(--gc-orange); color: #211008; }
.gcars-hero-search { display: flex; align-items: center; gap: 12px; padding: 5px 5px 5px 16px; border: 1px solid #a15a33; border-radius: 0 9px 9px 9px; background: #0f1b28ed; box-shadow: 0 0 0 1px #ff742e24; }
.gcars-hero-search input { border: 0; background: transparent; color: #fff; flex: 1; min-width: 0; padding: 12px 0; outline: none; }
.gcars-hero-search:focus-within { outline: 2px solid #ff9b60; outline-offset: 2px; }
.gcars-hero-search .btn { white-space: nowrap; padding: 12px 22px; }
body.gcars .gcars-proof { display: flex; align-items: center; gap: 12px; padding: 13px 16px; border: 1px solid #344151; background: #111d2cdd; border-radius: 9px; color: #e1e8f1; text-decoration: none; min-height: 62px; }
.gcars-proof > i { font-size: 25px; color: #edb18b; }
.gcars-proof strong,.gcars-proof span { display: block; font-size: 12px; }
.gcars-proof span { color: var(--gc-muted); font-size: 10px; margin-top: 2px; }
/* Grid cards retain every existing field and action; list mode is a presentation preference. */
body.gcars .gcars-catalog > h2 { margin-bottom: 20px; font-size: 24px; }
.gcars-catalog-layout { --bs-gutter-x: 22px; }
body.gcars .gcars-filter-column { width: 230px; flex: 0 0 230px; }
body.gcars .gcars-results-column { width: calc(100% - 230px); flex: 1; min-width: 0; }
body.gcars .filters { padding: 17px; position: sticky; top: 16px; }
body.gcars .filters h5 { font-size: 16px; margin-bottom: 18px; }
body.gcars .filters .form-label { font-size: 12px; }
body.gcars .filters :is(.form-control,.form-select) { font-size: 12px; padding: 9px; }
body.gcars .filters .form-select { padding-right: 28px; }
.gcars-catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; color: #b8c5d6; font-size: 12px; }
.gcars-view-switch { display: flex; gap: 3px; background: #111c29; padding: 3px; border: 1px solid var(--gc-line); border-radius: 7px; }
body.gcars .gcars-view-switch .btn { color: #b9c6d7; padding: 5px 9px; font-size: 11px; border: 1px solid transparent; }
body.gcars .gcars-view-switch .btn.active { background: #3b281e; color: #ffab77; border-color: #825032; }
body.gcars .gcars-vehicle-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; align-items: start; }
body.gcars .gcars-vehicle-grid .vehicle-card { padding: 0; display: flex; flex-direction: column; gap: 0; overflow: hidden; margin: 0; min-width: 0; border: 1px solid #2c3c4f !important; box-shadow: none !important; }
body.gcars .gcars-vehicle-grid .vehicle-card:hover { transform: translateY(-2px); border-color: #9e5b36 !important; }
body.gcars .gcars-vehicle-grid .vehicle-image-wrapper { width: 100%; height: auto; aspect-ratio: 1.5; border-radius: 0; background: #0b141e; margin: 0; }
body.gcars .gcars-vehicle-grid .vehicle-image { width: 100%; height: 100%; max-height: none; object-fit: cover; border-radius: 0; }
body.gcars .gcars-vehicle-grid .vehicle-details { padding: 16px; width: 100%; min-width: 0; }
body.gcars .gcars-vehicle-grid h5 { font-size: 17px; line-height: 1.35; margin: 0 0 7px; }
body.gcars .gcars-vehicle-grid h5 a { color: #f3f6fb; }
body.gcars .gcars-vehicle-grid h5 a:hover { color: #ffab77; }
body.gcars .gcars-vehicle-grid .icon-text { display: block; font-size: 11px; padding: 5px 0; color: #91a3b9; overflow-wrap: anywhere; border-bottom: 1px solid #243142; }
body.gcars .gcars-vehicle-grid .icon-text strong { color: #cfdae8; font-weight: 500; }
body.gcars .gcars-vehicle-grid .icon-text i { color: #c58a65; margin-right: 3px; }
body.gcars .gcars-vehicle-grid .list-unstyled { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 12px; }
body.gcars .gcars-card-actions { position: static; padding: 12px 0 0; margin: 10px 0 0 !important; border-top: 1px solid var(--gc-line); justify-content: flex-end; }
body.gcars .gcars-card-actions .btn { min-width: 34px; min-height: 32px; display: inline-flex; align-items: center; justify-content: center; }
body.gcars .gcars-list-view { grid-template-columns: 1fr; }
body.gcars .gcars-list-view .vehicle-card { flex-direction: row; }
body.gcars .gcars-list-view .vehicle-image-wrapper { width: 37%; flex: 0 0 37%; align-self: stretch; aspect-ratio: auto; min-height: 240px; }
body.gcars .gcars-list-view .vehicle-details { flex: 1; }
/* Detail / 360: no display, transforms, touch, canvas or active-view states are overridden. */
body.gcars .lot-detail-container { background: var(--gc-bg); padding-top: 0; }
body.gcars .main-detail-card { background: var(--gc-panel); border: 1px solid var(--gc-line); border-radius: 12px; box-shadow: none; }
body.gcars :is(.main-gallery,.no-images-placeholder,.view-tabs,.thumbnail-gallery) { background: #0b131e; border-color: var(--gc-line); }
body.gcars .main-gallery { border-radius: 12px 12px 0 0; height: clamp(280px,43vw,580px); }
body.gcars .main-gallery-image { object-fit: contain; }
body.gcars .car-info-section { padding: 28px; }
body.gcars .car-title { font-size: clamp(25px,3vw,38px); }
body.gcars .price-value { color: #ff9a60; }
body.gcars :is(.vin-section,.spec-category,.status-section,.additional-info,.extended-detail-item) { background: #13202e; border: 1px solid var(--gc-line); color: #c3cfde; }
body.gcars :is(.spec-item,.extended-detail-row,.specs-title) { border-color: var(--gc-line); }
body.gcars :is(.spec-item:hover,.extended-detail-row:hover,.vin-value:hover) { background: #1c2c3e; }
body.gcars .specs-categories { grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); }
body.gcars .specs-section { margin-bottom: 24px; }
body.gcars :is(.status-value,.additional-info p) { color: #cbd8e8; }
body.gcars .view-tab { color: #afbed1; background: #142131; border-color: #33465e; border-radius: 7px; }
body.gcars .view-tab.active { background: var(--gc-orange); color: #201108; border-color: var(--gc-orange); }
body.gcars :is(.action-btn,.viewer-360-btn) { border-radius: 7px; }
body.gcars .action-btn.favorite-btn { background: #24354a; color: #d9e4f2; }
body.gcars .action-btn.favorite-btn.active { background: #803348; color: #fff; }
body.gcars .action-btn.bid-btn { background: var(--gc-orange); color: #201108; }
body.gcars .action-btn.gallery-btn { background: #1f3d53; }
body.gcars .action-btn.edit-btn { background: #4b3a24; color: #ffdb9d; }
body.gcars .thumbnail.active { border-color: var(--gc-orange); }
body.gcars #photos_c { max-width: 1440px; margin: 0 auto; padding: 0 24px; display: grid; gap: 20px; }
body.gcars #photos_c img { border-radius: 10px; max-height: 85vh; object-fit: contain; background: #101925; }
/* Customer delivery and authenticated management share the same palette. */
body.gcars .delivery-app { color: #d8e2ef; }
body.gcars .delivery-hero { border: 1px solid #34465c; }
body.gcars .delivery-eyebrow { color: #ffab77; }
body.gcars :is(.delivery-explainer,.delivery-facts,.delivery-car,.delivery-history pre,.delivery-panel #deliveryEditor) { background: #142131; border-color: var(--gc-line); color: #d0dce9; }
body.gcars .delivery-car:is(:hover,[aria-pressed=true]) { border-color: #b96a3b; background: #30251e; }
body.gcars :is(.delivery-car small,.delivery-facts dt,.delivery-timeline small,.delivery-history time,.delivery-history small) { color: #9eafc3; }
body.gcars .delivery-badge { background: #203748; color: #aed9f7; }
body.gcars .delivery-badge:is(.DELAYED,.ACTION_REQUIRED) { background: #49351e; color: #fbd39a; }
body.gcars .delivery-badge.CANCELLED { background: #4b2532; color: #ffb1bf; }
body.gcars :is(.delivery-history,.delivery-timeline) { border-color: #34465c; }
body.gcars .delivery-timeline li:before { border-color: #101925; }
body.gcars .delivery-timeline li.current:before { background: var(--gc-orange); box-shadow: 0 0 0 4px #ff742e25; }
body.gcars #deliveryMessage:not(:empty) { background: #1b354c; color: #c0e4ff; }
body.gcars #deliveryMessage.error { background: #492632; color: #ffb7c4; }
/* Account pages */
body.gcars.gcars-auth { background: linear-gradient(90deg,#080f18ee,#080f1888),url('harbor-hero.png') center/cover fixed; display: grid; align-content: center; padding: 40px 0; }
body.gcars.gcars-auth .container { max-width: 460px; margin: 0 auto; }
body.gcars.gcars-auth .site-title { display: block; text-align: center; margin-bottom: 30px; }
body.gcars :is(.login-box,.register-box) { padding: 30px; }
body.gcars footer { margin-top: 48px; background: #0b141f; border-top: 1px solid var(--gc-line); padding: 26px 0; color: #8fa1b7; font-size: 12px; }
body.gcars .gcars-footer .container { display: flex; gap: 28px; justify-content: space-between; align-items: center; }
body.gcars .gcars-footer .gcars-wordmark { font-size: 26px; }
body.gcars .gcars-footer .gcars-wordmark small { font-size: 6px; }
body.gcars :focus-visible { outline: 2px solid #ffae7d; outline-offset: 3px; }
@media(min-width:1600px) { body.gcars .gcars-catalog { max-width: 1600px; } }
@media(max-width:1199px) {
    body.gcars .gcars-vehicle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    body.gcars .gcars-list-view { grid-template-columns: 1fr; }
    body.gcars .gcars-proof { display: none; }
    body.gcars .site-title.me-4 { margin-right: 8px !important; }
    body.gcars .site-header > .container > .d-flex { row-gap: 16px !important; }
}
@media(max-width:767px) {
    body.gcars .container { padding-left: 16px; padding-right: 16px; }
    body.gcars .site-header { padding: 14px 0 8px; margin-bottom: 20px; }
    body.gcars .gcars-wordmark { font-size: 30px; }
    body.gcars .site-nav-mobile { display: flex; flex-wrap: nowrap !important; overflow-x: auto; gap: 4px; margin-top: 12px; padding: 10px 0 4px; }
    body.gcars .site-nav-mobile .nav-link-item { margin: 0; padding: 7px 9px; font-size: 12px; }
    body.gcars .gcars-hero { padding: 26px 0 20px; background-position: 62% center; }
    body.gcars .gcars-home .gcars-hero { margin-left: -16px; margin-right: -16px; }
    body.gcars .gcars-hero h1 { font-size: 36px; letter-spacing: -1.2px; max-width: 540px; }
    body.gcars .gcars-hero-subtitle { font-size: 14px; }
    .gcars-benefits { gap: 12px; margin-bottom: 22px; }
    .gcars-benefits span { max-width: 150px; font-size: 10px; gap: 7px; }
    .gcars-benefits i { font-size: 22px; }
    body.gcars .gcars-market-tabs a { padding: 9px 11px; font-size: 11px; }
    .gcars-hero-search { gap: 8px; padding-left: 10px; }
    .gcars-hero-search input { font-size: 12px; }
    .gcars-hero-search .btn { padding: 12px 10px; font-size: 12px; }
    body.gcars .gcars-filter-column, body.gcars .gcars-results-column { width: 100%; flex: 0 0 100%; }
    body.gcars .filters { position: relative; top: auto; margin-bottom: 16px; padding: 15px; }
    body.gcars .filters h5 { margin: 0; }
    body.gcars .gcars-vehicle-grid { gap: 12px; }
    body.gcars .gcars-vehicle-grid .vehicle-details { padding: 12px; }
    body.gcars .gcars-vehicle-grid h5 { font-size: 16px; }
    body.gcars .gcars-vehicle-grid .list-unstyled { grid-template-columns: 1fr; }
    body.gcars .gcars-list-view .vehicle-card { flex-direction: column; }
    body.gcars .gcars-list-view .vehicle-image-wrapper { width: 100%; flex: auto; aspect-ratio: 1.5; min-height: 0; }
    body.gcars .car-info-section { padding: 18px; }
    body.gcars .view-tabs { flex-wrap: wrap; gap: 6px; padding: 12px; }
    body.gcars .view-tab { padding: 10px 12px; font-size: 12px; }
    body.gcars .spec-item { flex-wrap: wrap; gap: 4px; }
    body.gcars .spec-value { overflow-wrap: anywhere; }
    body.gcars .edit-card-body { padding: 18px; }
    body.gcars.gcars-admin .gcars-admin-nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; margin-bottom: 16px; }
    .gcars-admin-nav a { white-space: nowrap; }
    body.gcars .gcars-footer .container { flex-wrap: wrap; gap: 20px; }
    body.gcars .gcars-footer .container > span:nth-child(2) { flex-basis: 100%; order: 3; }
}
@media(max-width:540px) { body.gcars .gcars-vehicle-grid { grid-template-columns: 1fr; } body.gcars .gcars-vehicle-grid .list-unstyled { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { body.gcars *,body.gcars *::before,body.gcars *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
/* Vehicle overview: media and purchase information, followed by full-width specifications. */
body.gcars .main-detail-card { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(300px,1fr); align-items: start; }
body.gcars .main-detail-card > :is(.custom-lot-banner,.transit-banner) { grid-column: 1/-1; margin: 0; border-radius: 0; }
.gcars-lot-media { min-width: 0; border-right: 1px solid var(--gc-line); }
body.gcars .gcars-lot-media .main-gallery { height: clamp(300px,36vw,520px); border-radius: 0; }
body.gcars .gcars-lot-summary { padding: 28px; }
body.gcars .gcars-lot-summary .car-title { font-size: clamp(24px,2.4vw,34px); }
body.gcars .gcars-lot-summary .vin-section { padding: 12px; margin-bottom: 12px; }
body.gcars .gcars-lot-summary .vin-value { overflow-wrap: anywhere; }
body.gcars .gcars-lot-summary .action-buttons-section { flex-direction: column; gap: 10px; margin: 24px 0 0; }
body.gcars .gcars-lot-summary .action-btn { padding: 13px; font-size: 14px; width: 100%; justify-content: center; }
body.gcars .gcars-lot-specifications { grid-column: 1/-1; border-top: 1px solid var(--gc-line); }
@media(max-width:900px) { body.gcars .main-detail-card { grid-template-columns: minmax(0,1fr); } .gcars-lot-media { border-right: 0; } body.gcars .gcars-lot-summary { padding: 20px; } body.gcars .gcars-lot-summary .action-buttons-section { flex-direction: row; flex-wrap: wrap; } body.gcars .gcars-lot-summary .action-btn { flex: 1 1 180px; } }
body.gcars .thumbnail-gallery { flex-wrap: nowrap; justify-content: flex-start; padding: 14px; scrollbar-color: #a45a32 #101925; }
body.gcars .thumbnail { width: 96px; height: 66px; border-width: 2px; }
body.gcars .thumbnail.active { box-shadow: none; transform: none; }
body.gcars .main-gallery-nav { background: #102033dd; color: #e6edf7; border: 1px solid #526174; border-radius: 8px; width: 40px; height: 48px; }
body.gcars .main-gallery-indicator { width: 7px; height: 7px; }
body.gcars .main-gallery-indicator.active { background: var(--gc-orange); }
body.gcars .view-tabs { padding: 10px; gap: 6px; }
body.gcars :is(.card-modern,.chart-card,.insight-card) { background: var(--gc-panel); border: 1px solid var(--gc-line); border-radius: 12px; color: #d9e4f1; }
body.gcars :is(.vehicle-info h6,.insight-value,.stat-value) { color: #f3f6fa; }
body.gcars :is(.vehicle-info p,.chart-legend,.insight-label,.quick-stat-label) { color: var(--gc-muted); }
body.gcars .page-link { background: #162333; color: #b9cadf; border-color: #344357; }
body.gcars .page-item.active .page-link { background: #5d361f; border-color: #a15c32; color: #ffd2b5; }
body.gcars .page-item.disabled .page-link { background: #101925; color: #64768d; border-color: #293749; }
body.gcars .working-hours li { color: #b4c2d4; border-color: var(--gc-line); }
body.gcars .working-hours li strong,body.gcars .kpi-mini { color: #d7e2ef; }
body.gcars .main-gallery-indicators { max-width: calc(100% - 100px); flex-wrap: wrap; justify-content: center; gap: 6px; }
body.gcars .prompt-card :is(.card-body,.card-body > .d-flex > div) { min-width: 0; overflow-wrap: anywhere; }
body.gcars .prompt-card .badge { align-self: flex-start; }
@media(max-width:575px) {
    body.gcars.gcars-settings .input-group { flex-direction: column; align-items: stretch; }
    body.gcars.gcars-settings .input-group > :is(.form-control,.form-select,.input-group-text) { width: 100%; min-width: 0; flex: 1 1 auto; margin-left: 0; border-radius: 7px; }
    body.gcars.gcars-settings .input-group-text { white-space: normal; border-radius: 7px 7px 0 0 !important; }
    body.gcars.gcars-settings .input-group > :is(.form-control,.form-select) { border-radius: 0 0 7px 7px; }
}

/* Legacy inline modal colors need explicit overrides; keep layout and calculation states. */
body.gcars #calculatorModal :is(.modal-header,.modal-body,.modal-footer) { background: var(--gc-panel) !important; border-color: var(--gc-line) !important; }
body.gcars #calculatorModal :is(.form-control,.form-select,.input-group-text) { background: var(--input-bg) !important; border-color: #344357 !important; }
body.gcars #calc-resultSection > div { background: linear-gradient(110deg,#3a271d,#251e1b) !important; border: 1px solid #885033; }
body.gcars #calc-totalPrice { color: #ff9b60 !important; }
body.gcars #mapFallback { background: var(--gc-panel) !important; border-color: var(--gc-line) !important; }