/* Final shared details: pair layouts, legible themes and accessible motion. */
html body.fx-flat-ui .fx-countdown-row { display:flex!important; flex-wrap:nowrap!important; direction:ltr; gap:clamp(4px,1vw,12px)!important; }
html body.fx-flat-ui .fx-countdown-unit { flex:1 1 0; min-width:48px; }
html body.fx-flat-ui .fx-countdown-val { width:auto!important; min-width:2.5ch; padding:10px 5px!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; direction:ltr; font-variant-numeric:tabular-nums; font-size:clamp(24px,3vw,38px)!important; }
html body.fx-flat-ui .fx-countdown-val span { display:inline-block!important; white-space:nowrap!important; }
html body.fx-flat-ui .fx-countdown-panel { min-width:min(330px,100%)!important; }
html body.fx-flat-ui .fx-back-link::before,html body.fx-flat-ui .fx-back-link::after { content:none!important; display:none!important; }
html body.fx-flat-ui .fx-back-link { border:0!important; background:rgba(255,255,255,.09)!important; padding:8px 14px!important; border-radius:10px!important; box-shadow:none!important; width:max-content; max-width:100%; }
html body.fx-flat-ui .fx-page-hero .fx-page-hero__title { font-size:clamp(26px,3vw,42px)!important; line-height:1.45!important; overflow-wrap:anywhere; }
html body.fx-flat-ui .fx-page-hero__bg { opacity:.48!important; }
html body.fx-flat-ui .fx-page-hero__overlay-dark { background:linear-gradient(110deg,rgba(8,25,43,.65),rgba(8,37,49,.35))!important; }
html body.fx-flat-ui .fx-company-card--v2 .fx-company-card__main { padding:24px!important; margin-top:0!important; }
html body.fx-flat-ui .fx-company-card--v2 .fx-company-card__avatar { margin-top:0!important; box-shadow:none!important; }
html body.fx-flat-ui .fx-company-card--v2 { border:1px solid var(--fx-exp-line)!important; background:var(--fx-exp-surface)!important; transition:transform .22s,box-shadow .22s; }
html body.fx-flat-ui .fx-company-card--v2:hover { transform:translateY(-4px); box-shadow:none!important; }
html body.fx-flat-ui .fx-company-card--v2 :is(.fx-company-card__name,.fx-company-card__metric strong) { color:var(--fx-exp-text)!important; }
html body.fx-flat-ui .fx-company-card--v2 :is(.fx-company-card__meta,.fx-company-card__metric span) { color:var(--fx-exp-muted)!important; }
html body.fx-flat-ui .fx-company-card--v2 .fx-company-card__metrics { background:var(--fx-exp-soft)!important; border-color:var(--fx-exp-line)!important; }
html[data-theme="dark"] body.fx-flat-ui :is(.fx-filter-panel,.filter-sidebar,.filter-sidebar-content,.fx-toolbar,.fx-filter-toggle,.fx-filter-input,.fx-filter-select,.fx-companies-v2__toolbar,.fx-companies-search,input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.search-box,.filter-section,.chip:not(.active)) { background:var(--fx-exp-surface)!important; color:var(--fx-exp-text)!important; border-color:var(--fx-exp-line)!important; }
html[data-theme="dark"] body.fx-flat-ui :is(.filter-title,.filter-label,.fx-filter-title,.fx-filter-panel__head,.fx-filter-toggle,.fx-companies-count) { color:var(--fx-exp-text)!important; }
html[data-theme="dark"] body.fx-flat-ui input::placeholder,html[data-theme="dark"] body.fx-flat-ui textarea::placeholder { color:var(--fx-exp-muted)!important; opacity:1; }
/* Auction panels follow one shared palette in both modes. */
html body.fx-flat-ui :is(.pbb-board,.pbb-top,.pbb-history-container,.pbb-history-list,.pbb-ai-wrapper,.pbb-card,.fx-service-bundles,.fx-service-bundle,.fx-live-spec,.fx-viewers-badge,.pbb-btn-quick,.pbb-input) { background:var(--fx-exp-surface)!important; color:var(--fx-exp-text)!important; border-color:var(--fx-exp-line)!important; }
html body.fx-flat-ui :is(.pbb-history-title,.pbb-price-val,.pbb-c-user,.pbb-c-price,.pbb-ai-title,.fx-service-bundles__title,.fx-service-bundle__body strong,.fx-live-spec .val) { color:var(--fx-exp-text)!important; }
html body.fx-flat-ui :is(.pbb-price-lbl,.pbb-c-time,.pbb-price-val span,.pbb-ai-desc,.pbb-terms,.pbb-loading,.fx-live-spec .lbl,.fx-service-bundle__body small) { color:var(--fx-exp-muted)!important; }
html body.fx-flat-ui .pbb-timer { background:var(--fx-exp-soft)!important; color:var(--fx-exp-text)!important; direction:ltr; white-space:nowrap; font-variant-numeric:tabular-nums; }
html body.fx-flat-ui .pbb-timer span { color:inherit!important; }
html body.fx-flat-ui :is(.pbb-card.highest,.pbb-card.me,.pbb-ai-wrapper.active,.pbb-ai-active-banner) { background:var(--fx-exp-soft)!important; border-color:#18845e!important; color:var(--fx-exp-text)!important; }
html body.fx-flat-ui .pbb-card.highest .pbb-c-price { color:#087d4f!important; }
html[data-theme="dark"] body.fx-flat-ui .pbb-card.highest .pbb-c-price { color:#62e1af!important; }
html body.fx-flat-ui .fx-guest-bid-banner { background:var(--fx-exp-soft)!important; color:var(--fx-exp-text)!important; border:1px solid var(--fx-exp-line); padding:20px; border-radius:14px; margin-bottom:16px; }
.fx-guest-bid-banner--login { text-align:center; }
.fx-guest-bid-banner--login p { margin:0 0 16px; font-weight:700; }
.fx-guest-bid-banner__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.fx-guest-bid-banner__actions .btn { margin:0!important; min-width:150px; }
html body.fx-flat-ui .pbb-price-wrap { background:none!important; box-shadow:none!important; }
html body.fx-flat-ui .pbb-price-wrap::before,html body.fx-flat-ui .pbb-price-wrap::after { content:none!important; }
html[data-theme="dark"] body.fx-flat-ui .fx-mobile-filter-open { background:var(--fx-exp-soft)!important; color:var(--fx-exp-text)!important; border-color:var(--fx-exp-line)!important; }
html[data-theme="dark"] body.fx-flat-ui .ac-timer-box { background:transparent!important; color:var(--fx-exp-muted)!important; }
html[data-theme="dark"] body.fx-flat-ui .fx-timer-chips { background:transparent!important; color:#e2eef8!important; }
html[data-theme="dark"] body.fx-flat-ui .auction-card.fx-card-unified .fx-timer-chips [data-unit] { background:#1a354c!important; color:#e2eef8!important; border:1px solid #365166!important; }
html body.fx-flat-ui .fx-demo-bid-notice { padding:16px; margin-block:12px; border:1px solid #258876; border-radius:14px; background:var(--fx-exp-soft); color:var(--fx-exp-text); line-height:1.7; }
.fx-demo-bid-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
/* White remains dominant in the daylight hero; night keeps its navy contrast. */
html body.fx-flat-ui.fx-home-index .fx-home-hero { background:linear-gradient(180deg,#fff 0%,#fff 62%,#f0f3f5 100%)!important; }
html[data-theme="dark"] body.fx-flat-ui.fx-home-index .fx-home-hero { background:linear-gradient(180deg,#0d2439 0%,#0b2035 68%,#102c42 100%)!important; }
html body.fx-flat-ui.fx-home-index .fx-home-hero__visual { position:relative; isolation:isolate; }
html body.fx-flat-ui.fx-home-index .fx-hero-meteor { z-index:0; inset:-25%; width:150%; height:150%; }
.fx-hero-pointer-trail { position:absolute; inset:0; width:100%; height:100%; z-index:3; pointer-events:none; }
html body.fx-flat-ui.fx-home-index .fx-home-hero__picture { position:relative; z-index:1; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #buyers-section { background:#0b2035!important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #sellers-section { background:linear-gradient(180deg,#133044 0%,#0d253a 30%,#0b2035 100%)!important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-tabs { gap:8px!important; background:transparent!important; overflow:visible!important; border-radius:0!important; width:max-content!important; max-width:100%; display:flex!important; justify-content:center; margin-inline:auto!important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-tabs [role=tab] { flex:0 1 auto!important; min-width:100px!important; border-radius:12px 12px 0 0!important; margin:0!important; width:auto!important; background:#081d2e!important; border:0!important; color:#bdcfdf!important; padding:12px 22px!important; box-shadow:none!important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-tabs [role=tab].active { background:#10283d!important; color:#fff!important; box-shadow:none!important; border:0!important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-content { margin-top:0!important; }
html body.fx-flat-ui.fx-home-index .fx-home-hero__picture { overflow:visible!important; border-radius:0!important; }
html body.fx-flat-ui.fx-home-index .fx-home-hero__picture img { margin-bottom:0!important; }
html body.fx-flat-ui.fx-home-index .fx-hero-offers { width:100%; margin:0; }
html body.fx-flat-ui.fx-home-index .fx-hero-offer { border-color:rgba(94,134,149,.16)!important; text-align:right; }
html body.fx-flat-ui.fx-home-index .fx-hero-offer__amount { white-space:nowrap; direction:rtl; }
html body.fx-flat-ui.fx-home-index .fx-home-hero__browse { width:100%; justify-content:center!important; text-align:center; flex-wrap:wrap; margin-inline:auto; }
.fx-loop-favorite { position:absolute; top:16px; left:16px; z-index:3; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.9); color:#128d68; cursor:pointer; font-size:22px; }
.fx-loop-favorite.active { color:#e84960; }
html body.fx-flat-ui .fx-listing-loop [data-loop-copy] { display:flex!important; }
@media (max-width:900px) {
 html body.fx-flat-ui.fx-home-index .fx-hero-offer { grid-template-columns:minmax(0,1fr) auto!important; column-gap:12px; direction:rtl; }
 html body.fx-flat-ui.fx-home-index .fx-hero-offer__label { grid-column:1; grid-row:1; }
 html body.fx-flat-ui.fx-home-index .fx-hero-offer__car { grid-column:1; grid-row:2; }
 html body.fx-flat-ui.fx-home-index .fx-hero-offer__amount { grid-column:2; grid-row:1 / 3; align-self:center; text-align:left; }
}
/* Each row can redistribute width independently; minimum sizes keep text usable. */
html body.fx-flat-ui.fx-home-index .fx-why-bento { display:flex!important; flex-direction:column; gap:22px!important; }
.fx-why-row { display:flex; gap:22px; align-items:stretch; min-width:0; }
html body.fx-flat-ui.fx-home-index .fx-why-row>:is(.fx-why-card,.fx-why-journey) { flex:1 1 0; min-width:0; width:auto!important; grid-column:auto!important; grid-row:auto!important; height:auto!important; min-height:300px!important; margin:0!important; padding:28px!important; overflow:hidden; background:linear-gradient(125deg,rgba(24,64,84,.96),rgba(11,32,54,.97))!important; color:#edf7ff!important; border:1px solid rgba(124,173,195,.25)!important; border-radius:24px!important; transition:flex-grow .4s ease,box-shadow .3s!important; transform:none!important; }
html body.fx-flat-ui.fx-home-index .fx-why-row>:is(.fx-why-card--spotlight,.fx-why-journey) { flex-grow:1.7; }
html body.fx-flat-ui.fx-home-index .fx-why-row :is(h3,.fx-why-card h3,.fx-why-journey h3) { color:#edf7ff!important; font-size:clamp(20px,2vw,26px)!important; }
html body.fx-flat-ui.fx-home-index .fx-why-row :is(p,.fx-why-card p,.fx-why-journey p) { color:#bed1df!important; font-size:15px!important; line-height:1.8!important; }
html body.fx-flat-ui.fx-home-index .fx-why-card--spotlight .fx-why-card__body { padding:0!important; }
html body.fx-flat-ui.fx-home-index :is(.fx-why-card__spotlight-bg,.fx-why-card__bg-overlay) { opacity:.12!important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__steps { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; width:100%!important; gap:8px!important; overflow:visible!important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__steps li { display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:12px!important; min-width:0!important; width:auto!important; padding:12px 0!important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__steps strong { display:block!important; color:#edf7ff!important; font-size:14px!important; white-space:normal; line-height:1.6; }
html body.fx-flat-ui.fx-home-index .fx-home-stats-section { background:linear-gradient(125deg,rgba(24,64,84,.98),rgba(11,32,54,.98))!important; }
html body.fx-flat-ui.fx-home-index .fx-home-stats-section .stats-section__overlay { background:linear-gradient(125deg,rgba(24,64,84,.76),rgba(11,32,54,.84))!important; }
html body.fx-flat-ui.fx-home-index .fx-home-stats-section .fx-stats-video-bg { display:block!important; opacity:1!important; }
html body.fx-flat-ui.fx-home-index .fx-home-stats-section .fx-stats-video-bg__media { opacity:.65!important; }
html body.fx-flat-ui .footer-xm { background:radial-gradient(ellipse at 20% 0,rgba(20,72,94,.28),transparent 65%),linear-gradient(145deg,#08192b,#051322)!important; color:#d6e4ef!important; }
/* Real overflow scroll: no hidden duplicate cards or CSS transform moving hit targets. */
html body.fx-flat-ui .fx-listing-loop { overflow-x:auto!important; overflow-y:hidden!important; padding-block:20px; scrollbar-width:none; -ms-overflow-style:none; cursor:grab; touch-action:pan-x pan-y; overscroll-behavior-x:contain; }
.fx-listing-loop::-webkit-scrollbar { display:none; width:0; height:0; }
.fx-listing-loop-shell { position:relative; min-width:0; }
.fx-listing-loop__arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:4; display:grid; place-items:center; width:42px; height:42px; border-radius:50%; border:0; background:var(--fx-exp-surface); color:var(--fx-exp-text); font-size:24px; cursor:pointer; opacity:.3; transition:opacity .2s; }
.fx-listing-loop__arrow:hover,.fx-listing-loop__arrow:focus-visible { opacity:1; }
.fx-listing-loop__arrow:disabled { opacity:.12; cursor:default; }
.fx-listing-loop__arrow--left { left:8px; }
.fx-listing-loop__arrow--right { right:8px; }
html body.fx-flat-ui .fx-listing-loop__track { animation:none!important; transform:none!important; padding-inline:12px; }
html body.fx-flat-ui .fx-listing-loop__track>.auction-card { width:var(--fx-loop-card,340px)!important; min-width:var(--fx-loop-card,340px)!important; flex:none; direction:rtl; margin:0!important; transform:scale(var(--fx-card-scale,1))!important; transform-origin:center; transition:transform .12s linear!important; }
.fx-listing-loop.is-dragging { cursor:grabbing!important; user-select:none; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__head { text-align:right!important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__head :is(h3,p) { text-align:right!important; margin-inline:0!important; }
@media (hover:hover) and (min-width:1000px) { html body.fx-flat-ui.fx-home-index .fx-why-row:hover>:is(.fx-why-card,.fx-why-journey) { flex-grow:1.15; } html body.fx-flat-ui.fx-home-index .fx-why-row>:is(.fx-why-card,.fx-why-journey):hover { flex-grow:2; box-shadow:none!important; } }
@media (min-width:1000px) { html body.fx-flat-ui.fx-home-index .fx-home-hero { padding-top:calc(var(--fx-nav-height,76px) + 24px)!important; } }
@media (max-width:900px) { .fx-why-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } html body.fx-flat-ui.fx-home-index .fx-why-row>:is(.fx-why-card,.fx-why-journey) { padding:22px!important; } html body.fx-flat-ui.fx-home-index .fx-why-journey__steps { grid-template-columns:repeat(2,minmax(0,1fr))!important; } html body.fx-flat-ui .fx-listing-loop__track>.auction-card { transform:none!important; } }
@media (max-width:600px) { .fx-why-row { grid-template-columns:1fr; } html body.fx-flat-ui.fx-home-index .fx-why-row>:is(.fx-why-card,.fx-why-journey) { min-height:0!important; padding:24px!important; } html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-tabs [role=tab] { font-size:12px!important; min-width:0!important; padding:10px 16px!important; } html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-tabs { gap:7px!important; } .fx-listing-loop__arrow { opacity:.65; } }
@media (prefers-reduced-motion:reduce) { .fx-hero-meteor,.fx-hero-pointer-trail { display:none; } html body.fx-flat-ui.fx-home-index .fx-why-row>:is(.fx-why-card,.fx-why-journey),html body.fx-flat-ui .fx-listing-loop__track>.auction-card { transition:none!important; } }
html body.fx-flat-ui .pbb-timer span { background:var(--fx-exp-soft)!important; border-color:var(--fx-exp-line)!important; }
html body.fx-flat-ui .pbb-status { color:var(--fx-exp-text)!important; border-color:var(--fx-exp-line)!important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey ol.fx-why-journey__steps { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
html body.fx-flat-ui.admin-body .admin-topbar { position:relative; isolation:isolate; overflow:hidden; border-radius:18px; padding:22px!important; background:var(--fx-exp-surface)!important; border:1px solid var(--fx-exp-line); }
html body.fx-flat-ui.admin-body .admin-topbar::before { content:''; position:absolute; inset:0; z-index:-1; background-image:var(--fx-admin-hero-bg); background-position:center; background-size:cover; opacity:.15; pointer-events:none; }
@media(max-width:900px) { html body.fx-flat-ui.fx-home-index .fx-why-journey ol.fx-why-journey__steps { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }

html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-content { margin-top:14px!important; }

/* Build 144: continuous LTR scroll geometry and touch-driven hero trail. */
html body.fx-flat-ui .fx-listing-loop { direction:ltr!important; }
html body.fx-flat-ui .fx-listing-loop__track { flex-wrap:nowrap!important; padding-inline:0!important; }
html[data-theme="dark"] body.fx-flat-ui .seller-info-card.fx-vehicle-seller { background:var(--fx-exp-soft)!important; color:var(--fx-exp-text)!important; border-color:var(--fx-exp-line)!important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-content { border:0!important; box-shadow:none!important; margin-top:0!important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #sellers-section { background:linear-gradient(180deg,#102b3e,#0b2135 35%,#091c30)!important; }
html body.fx-flat-ui.fx-home-index .fx-home-stats-section .stats-section__overlay { background:linear-gradient(125deg,rgba(8,29,53,.90),rgba(5,20,40,.94))!important; }
html body.fx-flat-ui.fx-home-index .fx-why-card--spotlight { position:relative; isolation:isolate; }
html body.fx-flat-ui.fx-home-index .fx-why-card--spotlight .fx-why-card__spotlight-bg { background:url('/assets/images/journey-4.jpg') center/cover!important; opacity:.24!important; z-index:0!important; }
html body.fx-flat-ui.fx-home-index .fx-why-card__spotlight-no { position:absolute; left:22px; top:18px; bottom:auto; font-size:100px!important; font-weight:900; color:#e6f6ff!important; opacity:.10!important; line-height:1; pointer-events:none; z-index:0; }
html body.fx-flat-ui.fx-home-index .fx-why-card__body { position:relative; z-index:1; }
html body.fx-flat-ui.fx-home-index .fx-why-row>:is(.fx-why-card--trust,.fx-why-card--ai) { background:radial-gradient(ellipse at 0 0,rgba(32,161,114,.09),transparent 65%),linear-gradient(125deg,rgba(24,64,84,.96),rgba(11,32,54,.97))!important; }
html body.fx-flat-ui .badge-featured { background:linear-gradient(115deg,#12625c,#1d8391)!important; color:#efffff!important; }
.fx-hero-offer__label { position:relative; width:max-content; overflow:hidden; }
.fx-hero-offer__label::after { content:''; position:absolute; inset:0; background:linear-gradient(100deg,transparent,rgba(225,255,240,.45),transparent); transform:translateX(130%); animation:fx-offer-glint 5s ease-in-out infinite; pointer-events:none; }
@keyframes fx-offer-glint { 0%,50% { transform:translateX(130%); } 85%,100% { transform:translateX(-130%); } }
.fx-hero-offer { transition:opacity .3s,transform .3s; }
.fx-hero-offers.is-switching .fx-hero-offer { opacity:0; transform:translateY(7px); }
html body.fx-flat-ui .fx-auth-topbar { display:flex!important; direction:rtl; }
html body.fx-flat-ui .fx-auth-topbar__logo { margin-inline-end:auto!important; }
html body.fx-flat-ui .fx-auth-topbar__home { order:1; }
html body.fx-flat-ui .fx-auth-topbar .fx-theme-toggle { order:2; }
@media(min-width:1000px) {
 html body.fx-flat-ui.fx-home-index .fx-home-hero__copy { transform:translateY(-32px); }
 html body.fx-flat-ui.fx-home-index .fx-home-hero__browse { justify-content:flex-start!important; text-align:right!important; }
}
@media(prefers-reduced-motion:reduce) { .fx-hero-offer__label::after { animation:none; display:none; } .fx-hero-offer { transition:none; } }

html body.fx-flat-ui .fx-listing-loop [data-loop-copy] { opacity:1!important; visibility:visible!important; }

/* Build 145: coherent workspace surfaces without changing the panel structure. */
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) {
 --text-dark:var(--fx-exp-text); --text-muted:var(--fx-exp-muted);
 --border-light:var(--fx-exp-line); --bg-light:var(--fx-exp-canvas);
 --navy-light:var(--fx-exp-surface); --navy-mid:var(--fx-exp-line);
 --white:var(--fx-exp-text); --gray-500:var(--fx-exp-muted);
 color:var(--fx-exp-text)!important; background:var(--fx-exp-canvas)!important;
}
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .admin-card,.kpi-card,.kpi-mini-card,.admin-table-wrapper,.tabs-row,.fx-finance-kpi,
 .fx-admin-user-pill,.detail-panel,.modal-container,.modal-box,.user-stat-box,
 .fx-buyer-card,.fx-seller-card,.activity-section,.activity-card,.bid-card,
 .settings-card,.settings-section,.transactions-section,.wallet-verify-card,
 .plan-card,.report-card,.seller-empty,.fx-profile-sidebar,.fx-dash-mobile-profile,
 .fx-dash-mobile-nav,.topup-modal,.fx-channel-switch,.fx-provider-security-note,
 .fx-notification-settings,.fx-notification-option,.fx-notification-master) {
 background:var(--fx-exp-surface)!important; color:var(--fx-exp-text)!important;
 border-color:var(--fx-exp-line)!important;
}
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .admin-search-bar,.detail-panel-footer,.transactions-header,.fx-integration-row,
 .settings-input,.settings-select,.topup-custom,.topup-preset,.form-control,
 .fx-dash-mobile-nav select) {
 background:var(--fx-exp-soft)!important; color:var(--fx-exp-text)!important;
 border-color:var(--fx-exp-line)!important;
}
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .kpi-value,.stat-value,.stat-card-value,.bid-card-title,.activity-title,
 .activity-info strong,.activity-info h4,.report-vehicle-name,.plan-name,
 .buyer-title,.seller-section-title,.settings-title,.settings-label,.form-label,
 .fx-buyer-name,.fx-seller-company-name,.fx-dash-mobile-profile__name,
 .fx-activity-item__title,.fx-wallet-verify-title,.wallet-verify-card h3) {
 color:var(--fx-exp-text)!important;
}
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .kpi-label,.stat-label,.stat-card-label,.bid-info-label,.bid-date-val,
 .activity-info p,.activity-info small,.report-vin,.report-meta,.report-score-label,
 .plan-features,.monthly,.fx-form-hint,.form-hint,.fx-admin-heading-copy,
 .fx-dash-mobile-profile__meta,.fx-activity-item__time,.fx-wallet-verify-desc,
 .fx-admin-section-head p,.fx-provider-card__title p,.fx-settings-section small,
 .fx-notification-settings small,.fx-notification-settings p) {
 color:var(--fx-exp-muted)!important;
}
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .fx-profile-nav a,.fx-dash-mobile-nav a) { color:var(--fx-exp-text)!important; }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) .fx-profile-nav a.active {
 background:var(--fx-exp-soft)!important; color:var(--fx-workspace-accent)!important;
}
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) {
 --fx-workspace-accent:#087b53; --fx-workspace-warning:#895b0a; --fx-workspace-danger:#b62e45;
}
html[data-theme="dark"] body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) {
 --fx-workspace-accent:#64dfac; --fx-workspace-warning:#ffd18a; --fx-workspace-danger:#ff98ab;
}
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .price,.activity-amount--bid,.fx-finance-net,.fx-finance-fee,.text-success,.text-fx-accent) {
 color:var(--fx-workspace-accent)!important;
}
/* Tables keep their own scrolling area; cells never squeeze prices into badges. */
html body.fx-flat-ui.admin-body .admin-table-wrapper { border:1px solid var(--fx-exp-line); border-radius:16px; }
html body.fx-flat-ui.admin-body .admin-table { width:100%; min-width:960px; border-collapse:collapse; }
html body.fx-flat-ui.admin-body .admin-table :is(th,td) {
 padding:15px 18px!important; vertical-align:middle; line-height:1.6;
 color:var(--fx-exp-text)!important; border-color:var(--fx-exp-line)!important;
 background:var(--fx-exp-surface)!important;
}
html body.fx-flat-ui.admin-body .admin-table th { background:var(--fx-exp-soft)!important; color:var(--fx-exp-muted)!important; white-space:nowrap; }
html body.fx-flat-ui.admin-body .admin-table td { white-space:nowrap; }
html body.fx-flat-ui.admin-body .admin-table td:nth-child(2) { min-width:210px; white-space:normal; }
html body.fx-flat-ui.admin-body :is(.kpi-mini-card,.fx-finance-kpi) { min-width:0; }
html body.fx-flat-ui.admin-body .kpi-mini-card > div:last-child { min-width:0; overflow-wrap:anywhere; }
html body.fx-flat-ui.admin-body .admin-card .admin-table { border:0; }
/* One scrolling sidebar, a complete wordmark, and a normal icon-only theme control. */
html body.fx-flat-ui.admin-body .admin-sidebar {
 background:#0b2035!important; color:#edf7ff!important; border-color:#29445b!important;
 overflow-y:auto!important; scrollbar-width:thin; scrollbar-color:#37516a #0b2035;
}
html body.fx-flat-ui.admin-body .admin-nav { overflow:visible!important; flex:1; }
html body.fx-flat-ui.admin-body .admin-sidebar-header { padding:24px!important; }
html body.fx-flat-ui.admin-body .admin-sidebar-header .navbar-brand {
 display:flex!important; flex-direction:column; align-items:flex-start; gap:10px;
}
html body.fx-flat-ui.admin-body .admin-sidebar-header .fx-logo { max-width:185px; }
html body.fx-flat-ui.admin-body .admin-sidebar-header .fx-logo__img { width:auto!important; height:36px!important; max-width:185px; object-fit:contain; }
html body.fx-flat-ui.admin-body .admin-sidebar-header .fx-logo__img--light { display:none!important; }
html body.fx-flat-ui.admin-body .admin-sidebar-header .fx-logo__img--dark { display:block!important; }
html body.fx-flat-ui.admin-body .admin-sidebar-header .brand-en { color:#b8cedf!important; font-size:13px!important; }
html body.fx-flat-ui.admin-body .admin-nav-section { color:#9db5c9!important; }
html body.fx-flat-ui.admin-body .admin-nav-link { color:#edf7ff!important; }
html body.fx-flat-ui.admin-body .admin-nav-link:is(.active,:hover) {
 background:rgba(63,207,155,.14)!important; color:#81edbe!important;
}
html body.fx-flat-ui.admin-body .admin-nav-link[ data-fx-post ] { color:#ff98ab!important; }
html body.fx-flat-ui.admin-body .fx-admin-theme-control .fx-theme-toggle {
 display:inline-flex!important; width:42px; height:42px; border:0!important;
 border-radius:50%; background:rgba(255,255,255,.06)!important; color:#edf7ff!important;
}
html body.fx-flat-ui.admin-body .admin-topbar { color:var(--fx-exp-text)!important; }
html body.fx-flat-ui.admin-body .welcome-bar {
 background:linear-gradient(110deg,rgba(29,164,114,.08),transparent 70%)!important;
 border-color:var(--fx-exp-line)!important; padding:22px;
}
/* Desktop and mobile notification lists use the same palette as their headers. */
html body.fx-flat-ui :is(.notif-panel,.notif-list,.fx-mobile-notif-panel,.fx-mobile-notif-panel__list,.notif-item) {
 background:var(--fx-exp-surface)!important; color:var(--fx-exp-text)!important;
 border-color:var(--fx-exp-line)!important;
}
html body.fx-flat-ui :is(.notif-head,.fx-mobile-notif-panel__head,.notif-item:hover) { background:var(--fx-exp-soft)!important; }
html body.fx-flat-ui .notif-item.unread { background:color-mix(in srgb,var(--fx-exp-surface) 92%,#20bb83)!important; }
html body.fx-flat-ui :is(.notif-title,.notif-head h4,.fx-mobile-notif-panel__head) { color:var(--fx-exp-text)!important; }
html body.fx-flat-ui :is(.notif-body,.notif-time,.fx-notif-empty,.fx-notif-loading) { color:var(--fx-exp-muted)!important; }
/* Inspection uses the same deep navy glass as its neighbors, over the report photo. */
html body.fx-flat-ui.fx-home-index .fx-why-card--spotlight .fx-why-card__spotlight-bg { opacity:.32!important; }
html body.fx-flat-ui.fx-home-index .fx-why-card--spotlight::after {
 content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
 background:linear-gradient(125deg,rgba(11,37,56,.70),rgba(6,23,43,.90)),
 radial-gradient(ellipse at 12% 0%,rgba(39,183,130,.07),transparent 65%);
}
html body.fx-flat-ui.fx-home-index .fx-why-card--spotlight .fx-why-card__spotlight-no { z-index:1; }
html body.fx-flat-ui.fx-home-index .fx-why-card--spotlight .fx-why-card__body { position:relative; z-index:2; }
/* Four transparent navy cards with a quiet green fade, in both themes. */
html body.fx-flat-ui.fx-home-index .fx-home-stats-section .stat-feature-card {
 position:relative; isolation:isolate; background:rgba(12,34,56,.62)!important;
 border-color:rgba(156,189,210,.18)!important; box-shadow:none!important;
}
html body.fx-flat-ui.fx-home-index .fx-home-stats-section .stat-feature-card::before {
 content:''; position:absolute; inset:0; width:100%; height:100%; z-index:-1;
 background:linear-gradient(145deg,rgba(39,174,126,.10),rgba(28,93,104,.04) 48%,rgba(7,24,46,.14));
 opacity:1!important; transform:none!important; pointer-events:none;
}
html body.fx-flat-ui.fx-home-index .fx-home-stats-section .stat-feature-card h4 { color:#f0f7fd!important; }
html body.fx-flat-ui.fx-home-index .fx-home-stats-section .stat-feature-card p { color:#bfd0df!important; }
@media(max-width:576px) {
 html body.fx-flat-ui.admin-body .kpi-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html body.fx-flat-ui.admin-body .kpi-mini-card { padding:14px; gap:10px; align-items:flex-start; flex-direction:column; }
}

html body.fx-flat-ui.admin-body .admin-card:has(> .admin-table) { overflow-x:auto; }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) :is(.payout-table,.fx-table-scroll) { color:var(--fx-exp-text); }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) :is(.payout-table th,.payout-table td) { background:var(--fx-exp-surface)!important; border-color:var(--fx-exp-line)!important; }

/* Legacy helper text and nested panels also inherit the workspace palette. */
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) { --text-body:var(--fx-exp-muted); }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .buyer-empty,.fx-empty-state--profile,.fx-buyer-profile,.fx-seller-profile,
 .payout-table-header,.transactions-header,.fx-buyer-sanad-chip,
 .fx-buyer-status-chip,.fx-checkout-alert) {
 background:var(--fx-exp-surface)!important; color:var(--fx-exp-text)!important; border-color:var(--fx-exp-line)!important;
}
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) :is(.plan-price,.bid-info-value) { color:var(--fx-exp-text)!important; }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) .plan-btn-current { background:var(--fx-exp-soft)!important; color:var(--fx-workspace-accent)!important; }
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(.text-success,.admin-alert-success,.alert-success,.fx-seller-verified,.fx-buyer-sanad-link,.fx-finance-status--paid) { color:var(--fx-workspace-accent)!important; }
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(.admin-alert-error,.alert-error,.danger,.fx-finance-status--failed) { color:var(--fx-workspace-danger)!important; }
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) .fx-finance-status--pending { color:var(--fx-workspace-warning)!important; }

html body.fx-flat-ui.fx-page-shell--seller #integrationResult,
html body.fx-flat-ui.fx-page-shell--seller #integrationResult > div > div {
 background:var(--fx-exp-soft)!important; color:var(--fx-exp-text)!important; border-color:var(--fx-exp-line)!important;
}
html body.fx-flat-ui.fx-page-shell--seller #integrationResult span { color:var(--fx-exp-muted)!important; }
html body.fx-flat-ui.admin-body :is(.admin-alert-success,.admin-alert-error,.card.card-body) { background:var(--fx-exp-soft)!important; border-color:var(--fx-exp-line)!important; }
html body.fx-flat-ui.admin-body .admin-table [style*="color:#64748b"],
html body.fx-flat-ui.admin-body .admin-table [style*="color:#999"] { color:var(--fx-exp-muted)!important; }
html[data-theme="dark"] body.fx-flat-ui.admin-body [style*="color:#0F75BC"] { color:#8bd3f4!important; }

html body.fx-flat-ui.admin-body .admin-table [style*="color:var(--success)"] { color:var(--fx-workspace-accent)!important; }
html body.fx-flat-ui.admin-body .admin-table [style*="color:var(--gray-400)"] { color:var(--fx-exp-muted)!important; }
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .admin-table .badge-gold,.admin-table .badge-upcoming,.payout-status.paid,
 .payout-status.completed,.report-status-badge.report-approved,.report-status-badge.report-completed,
 .status-badge.status-approved,.status-badge.status-completed) { color:var(--fx-workspace-accent)!important; }
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .payout-status.pending,.report-status-badge.report-pending,.status-badge.status-pending) { color:var(--fx-workspace-warning)!important; }

html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) .fx-dash-alert--danger { color:var(--fx-workspace-danger)!important; }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) :is(.fx-dash-alert--success,.buyer-role-badge,.subscription-badge,.fleet-card-price,.fx-seller-dash-fleet-link,.fx-seller-fleet-link) { color:var(--fx-workspace-accent)!important; }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) :is(.fleet-card,.fleet-card-img,.fleet-card-img img,.bid-card-img img) { background:var(--fx-exp-surface)!important; border-color:var(--fx-exp-line)!important; }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) .fleet-card-title { color:var(--fx-exp-text)!important; }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) .fleet-card-meta { color:var(--fx-exp-muted)!important; }

/* Mobile workspace navigation stays readable instead of painting every link neon. */
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) .fx-dash-mobile-nav a {
 background:var(--fx-exp-soft)!important; color:var(--fx-exp-text)!important; border-color:var(--fx-exp-line)!important;
}
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) .fx-dash-mobile-nav a.active {
 background:color-mix(in srgb,var(--fx-exp-surface) 88%,#20bb83)!important; color:var(--fx-workspace-accent)!important;
}
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .btn-action-top:not(.btn-action-top--bulk),.settings-submit,.topup-submit,.plan-btn-upgrade) { color:#082332!important; }
html body.fx-flat-ui:is(.fx-page-shell--buyer,.fx-page-shell--seller) :is(
 .btn-action-top,.settings-submit,.topup-submit,.plan-btn-upgrade,.fx-dash-mobile-nav a) i { color:inherit!important; }

html body.fx-flat-ui.fx-page-shell--seller .btn-action-top--bulk {
 background:linear-gradient(135deg,#6d28d9,#7c3aed)!important; color:#fff!important;
}

html body.fx-flat-ui.admin-body .admin-nav-link i { color:inherit!important; }
html body.fx-flat-ui.admin-body .admin-nav-link.admin-nav-link--logout { color:#ff98ab!important; }

/* Build 146: white why section, dark workspace headers and themed save controls. */
html body.fx-flat-ui.fx-home-index .fx-why-fleetx { background:#fff!important; }
html body.fx-flat-ui.fx-home-index .fx-why-fleetx__head :is(h2,.fx-why-fleetx__title-dark) { color:#102938!important; }
html body.fx-flat-ui.fx-home-index .fx-why-fleetx__head .fx-why-fleetx__lead { color:#516774!important; }
html body.fx-flat-ui:is(.admin-body,.fx-page-shell--buyer,.fx-page-shell--seller) :is(.admin-topbar,.fx-page-hero) {
 --fx-exp-surface:#102339; --fx-exp-soft:#142c42; --fx-exp-text:#edf7ff;
 --fx-exp-muted:#adc3d4; --fx-exp-line:#29445b;
 background:#102339!important; color:#edf7ff!important; border-color:#29445b!important;
}
html body.fx-flat-ui.admin-body .admin-topbar :is(h2,.admin-page-title) { color:#edf7ff!important; }
html body.fx-flat-ui.admin-body .fx-settings-savebar {
 background:var(--fx-exp-surface)!important; color:var(--fx-exp-text)!important;
 border-color:var(--fx-exp-line)!important; box-shadow:0 12px 35px rgba(4,17,31,.14);
}
html body.fx-flat-ui.admin-body .fx-settings-savebar strong { color:var(--fx-exp-text)!important; }
html body.fx-flat-ui.admin-body .fx-settings-savebar span { color:var(--fx-exp-muted)!important; }

html body.fx-flat-ui.admin-body .fx-settings-form :is(.form-group label,.fx-admin-section-head h3) { color:var(--fx-exp-text)!important; }
html body.fx-flat-ui.admin-body .fx-settings-form :is(.form-group small,.fx-admin-section-head p) { color:var(--fx-exp-muted)!important; }
html body.fx-flat-ui.admin-body .fx-settings-savebar span { font-size:12px; }

/* Build 151: mobile workspace controls use the current surface palette. */
html body.fx-flat-ui #navbar #mobileMenu a :is(.ph,.ph-fill,.ph-bold) {
 color:inherit!important; opacity:1;
}
html body.fx-flat-ui .fx-dash-mobile-nav { position:relative; min-width:0; }
html body.fx-flat-ui .fx-dash-mobile-nav select {
 appearance:none; -webkit-appearance:none; box-sizing:border-box;
 min-height:52px; padding-inline-end:52px!important; cursor:pointer;
}
html body.fx-flat-ui .fx-dash-mobile-nav::after {
 content:''; position:absolute; inset-inline-end:20px; top:50%;
 width:14px; height:14px; color:var(--fx-exp-text); background:currentColor;
 clip-path:polygon(15% 25%,50% 60%,85% 25%,100% 40%,50% 85%,0% 40%);
 pointer-events:none; transform:translateY(-50%);
 animation:fx-workspace-menu-hint 2.4s ease-in-out infinite;
}
html body.fx-flat-ui .fx-dash-mobile-nav:focus-within::after { animation:none; }
html body.fx-flat-ui .fx-dash-mobile-nav select:focus-visible {
 outline:2px solid var(--fx-workspace-accent,var(--primary)); outline-offset:3px;
}
@keyframes fx-workspace-menu-hint {
 0%,70%,100% { transform:translateY(-50%); }
 82% { transform:translateY(-20%); }
 92% { transform:translateY(-50%); }
}
@media(prefers-reduced-motion:reduce) {
 html body.fx-flat-ui .fx-dash-mobile-nav::after { animation:none; }
}

/* A data lookup is a content panel, not a horizontal statistics tile. */
html body.fx-flat-ui.fx-page-shell--seller .fx-seller-integration-card {
 display:block!important; width:100%; max-width:100%; min-width:0;
 box-sizing:border-box; cursor:default; text-align:start;
}
html body.fx-flat-ui.fx-page-shell--seller .fx-seller-integration-card > h3 {
 margin:0 0 12px; line-height:1.6; overflow-wrap:anywhere;
}
html body.fx-flat-ui.fx-page-shell--seller .fx-seller-integration-card > p {
 margin:0 0 20px; color:var(--fx-exp-muted); line-height:1.85; overflow-wrap:anywhere;
}
html body.fx-flat-ui.fx-page-shell--seller .fx-integration-row {
 display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr);
 align-items:start; gap:20px; padding:16px; border-radius:12px; box-sizing:border-box;
}
html body.fx-flat-ui.fx-page-shell--seller :is(.fx-integration-field,.fx-integration-field--wide,.fx-integration-actions) {
 min-width:0; max-width:100%; width:100%;
}
html body.fx-flat-ui.fx-page-shell--seller .fx-integration-label { line-height:1.6; overflow-wrap:anywhere; }
html body.fx-flat-ui.fx-page-shell--seller .fx-integration-actions {
 display:flex; flex-wrap:wrap; align-items:stretch; gap:12px;
}
html body.fx-flat-ui.fx-page-shell--seller .fx-integration-input {
 min-width:0!important; max-width:100%; min-height:48px; box-sizing:border-box;
}
html body.fx-flat-ui.fx-page-shell--seller .fx-integration-btn {
 max-width:100%; min-width:0; min-height:48px; white-space:normal;
 overflow-wrap:anywhere; line-height:1.6; gap:8px;
}
html body.fx-flat-ui.fx-page-shell--seller .fx-integration-btn i { flex-shrink:0; }
html body.fx-flat-ui.fx-page-shell--seller #integrationResult :is(strong,span) { overflow-wrap:anywhere; }
@media(max-width:768px) {
 html body.fx-flat-ui.fx-page-shell--seller .fx-seller-integration-card { padding:20px!important; }
 html body.fx-flat-ui.fx-page-shell--seller .fx-integration-row { grid-template-columns:minmax(0,1fr); padding:14px; }
 html body.fx-flat-ui.fx-page-shell--seller .fx-integration-actions { flex-direction:column; }
 html body.fx-flat-ui.fx-page-shell--seller .fx-integration-btn { width:100%; justify-content:center; }
 html body.fx-flat-ui.fx-page-shell--seller #integrationResult .stats-grid { grid-template-columns:minmax(0,1fr); }
}