/* One visual contract for public pages, customer/partner workspaces and admin.
   This final stylesheet owns presentation only. Component layout, status colours,
   car/brand imagery, icon sizes and the vehicle print report keep their roles.
   Layered important rules intentionally outrank the older feature styles. */
/* Qatar National Day 2025 screen maroon: RGB 163, 0, 51 (#A30033). */
:root{
  --ui-accent:#a30033;--ui-accent-hover:#7a0026;--ui-accent-soft:#f8edf1;
  --ui-ink:#0b1424;--ui-muted:#536379;--ui-paper:#f8f7f5;--ui-surface:#fff;
  --ui-border:#dce1e7;--ui-focus:#a300334d;--ui-neutral-soft:#eef2f6;
  --ui-danger:#b42318;--ui-danger-soft:#fff0ee;
  --ui-success:#067647;--ui-success-soft:#ecfdf3;
  --ui-warning:#8b5200;--ui-warning-soft:#fff7e8;
  --ui-font:'IBM Plex Sans Arabic',Arial,sans-serif;
  --ui-text:16px;--ui-label:14px;--ui-action:15px;--ui-caption:13px;
  --ui-control-radius:10px;--ui-card-radius:18px;--ui-control-height:46px;
}
@layer motors-identity{
@media screen{
  :root{--brand:var(--ui-accent)!important;--accent:var(--ui-accent)!important;--red:var(--ui-accent)!important;--portal-accent:var(--ui-accent)!important;--portal-accent-strong:var(--ui-accent)!important;--vs-brand:var(--ui-accent)!important;--ink:var(--ui-ink)!important;--muted:var(--ui-muted)!important}
  :where(body,button,input,select,textarea){font-family:var(--ui-font)!important}
  :where(body){font-size:var(--ui-text)!important;line-height:1.75!important;color:var(--ui-ink)!important;background:var(--ui-paper)!important}
  :where(.portal-hero,.dashboard-head,.overview-hero,.auth-copy,.route-page-head>div,.offers-hero,.directory-hero,.garage-hero,.seller-hero,.deal-hero,.package-overview-head){background:linear-gradient(135deg,#0b1424,#142238)!important}
  :where(.no-package .package-overview-head){background:var(--ui-surface)!important}
  :where(h1,h2,h3,h4,h5,h6){font-family:var(--ui-font)!important;font-weight:700!important;letter-spacing:0!important;line-height:1.5!important}
  :where(h1){font-size:36px!important}
  :where(h2){font-size:26px!important}
  :where(h3){font-size:20px!important}
  :where(h4){font-size:18px!important}
  :where(h5,h6){font-size:16px!important}
  :where(.hero,.route-page-head,.offers-hero,.directory-hero,.auth-copy) :where(h1,.page-heading){font-size:clamp(32px,3.5vw,48px)!important;line-height:1.4!important}
  :where(p){font-size:var(--ui-text)!important;font-weight:400!important;line-height:1.85!important}
  :where(.car-body p,.company-card p,.offers-card p,.offers-benefits p,.package-card p,.review-card p,.request-card p,.vs-card p,.action-center>header p,.portal-section-heading p,.package-credit-card p){font-size:var(--ui-label)!important}
  :where(label,legend){font-size:var(--ui-label)!important;font-weight:600!important}
  :where(small,.help,.hint,.muted,.field-help){font-size:var(--ui-caption)!important;line-height:1.7!important}
  :where(button){font-size:var(--ui-action)!important;font-weight:600!important;line-height:1.6!important;letter-spacing:0!important}

  /* Navigation links and text actions share one size; visited is never purple. */
  :where(a,a:visited){color:var(--ui-ink)!important;font-size:var(--ui-action)!important;font-weight:600!important;text-decoration:none!important;text-underline-offset:4px!important}
  :where(a:hover){color:var(--ui-ink)!important;text-decoration:underline!important}
  :where(.brand,.motors-site-brand,.home-agency-card,.home-discovery-car,.latest-listing-card,.inventory-photo,.similar-grid>a,.seller-inventory-grid>a,.directory-tabs>a){font-size:inherit!important;color:inherit!important;text-decoration:none!important}
  :where(.motors-site-header,.account-nav,.topbar,.admin-topbar,.top,.site-footer,.reference-footer,.offers-footer,body>footer) :where(a,a:visited){color:#e2e8f0!important;text-decoration:none!important}
  :where(.motors-site-header a[aria-current=page],.motors-site-header a.active){color:#fff!important}

  /* Shared field shape; native checkboxes, radios and swatches keep their size. */
  :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),select:not(.motors-choice-native),textarea,.motors-choice-trigger){min-height:var(--ui-control-height)!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;font-size:var(--ui-text)!important;font-weight:400!important;line-height:1.6!important;box-shadow:none!important}
  :where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--ui-accent)!important}
  :where(input,textarea)::placeholder{color:var(--ui-muted)!important;opacity:1!important}
  :where(input:disabled,select:disabled,textarea:disabled,.motors-choice-trigger:disabled){background:#f0f2f5!important;color:var(--ui-muted)!important}
  :where(.motors-choice-trigger.visual){min-height:58px!important}
  :where(.motors-choice-trigger[aria-expanded=true]){border-color:var(--ui-accent)!important}

  /* Text action controls. Choice tiles, KPI cards and image buttons are not
     included: their layout and information hierarchy must remain intact. */
  :where(.primary,.secondary,.offers-button,.offers-reset,.partner-login,.company-actions a,.auth-card form>button,.login button,.sell-cta,.filter-submit,.refine-actions button,.expert-submit button,.package-card button,.package-request-box form>button,.inquiry-submit button,.viewing-submit button,.reservation-submit button,.finance-request-submit button,.insurance-request-submit button,.decision-actions button,.decision-actions a,.seller-information-actions a,.seller-information-actions button,.deal-room-actions button,.test-drive-dialog-actions button,.test-drive-empty button,.garage-card footer a,.garage-request-box form>button,.request-open-button,.car-link,.listing-deal-link,.inventory-actions a,.inventory-actions button,.dialog-actions a,.dialog-actions button,.package-summary-actions a,.package-summary-actions button,.portal-head-actions a,.portal-head-actions button,.account-action-button,.vs-link-button,.vs-card-action,.vs-submit-row>button,.vs-panel>button,.rating-submit button,.listing-edit-form button:not(.motors-choice-trigger),.action-link,.request-links>a,.request-links>button,.account-preview-link,.open-record,.save-change,.secondary-action,.back-customers,.partner-type-back,.ledger-actions>a,.ledger-actions>.open-record,.table-actions button,.workflow-action>button,.workflow-action form>button,.inspection-review-form button,form>button[type=submit],form>button:not([type]),.publication-actions button,#publication-review-form button,.compact-car-actions button,.account-verification>button,.verification-submit,.verification-save,.verification-row-actions button,.phone-verification button,.register-next-packages,.inspection-actions button,.private-note-head button,.decision-report .decision-actions button,.copy-offer,.expert-directory-filters>button,.test-drive-card button,.test-drive-featured button,.vehicle-model-actions button,.vs-panel button,.garage-head>button,.price-alerts button,.compare-open-action,.details-price button,.vehicle-compare-bar>button,.refine-head button,.sell-access-gate a,.sell-access-gate button,.checkout-login-actions a,.expert-question-login a,.request-actions a,.request-actions button,.guest-auth-actions a,.guest-locked-actions a,.garage-list article>button,.stage-actions button,.report-entry button,.commitment-admin button,.customer-actions button,.dealer-auctions form button,.route-page-head button,.journey-actions button,.service-track-link,.test-drive-filters>button,.vehicle-library-tools>button,.general-request-dialog footer button,.action-center>footer button,.public-inventory>header a,.partner-workflow>footer button,.reference-actions a,.admin-preview-banner a,.dealer-status a,.dealer-hub>header>a,.decision-car footer a,.vehicle-library-heading>a,.vehicle-library-search-title>a,.vehicle-model-reference-body>footer a,.vehicle-model-reference-body>footer button,.error a,.success a,.section-head>a,.record-status a,.dealer-inventory a,.review-card a,.reference-dealer a,.guest-mode-bar a,.document-actions>a,.document-actions button,.client-strip button){
    display:inline-flex;align-items:center!important;justify-content:center!important;align-self:center!important;gap:8px!important;
    min-height:var(--ui-control-height)!important;height:auto!important;padding:10px 18px!important;
    border:1px solid var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;
    background:var(--ui-surface)!important;color:var(--ui-ink)!important;
    font-size:var(--ui-action)!important;font-weight:600!important;line-height:1.6!important;
    text-align:center!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;cursor:pointer!important;
  }
  /* Primary actions always use the same maroon, including card detail links. */
  :where(.primary,.offers-button,.auth-card form>button,.login button,.sell-cta,.filter-submit,.expert-submit button,.package-card button,.package-request-box form>button,.inquiry-submit button,.viewing-submit button,.reservation-submit button,.finance-request-submit button,.insurance-request-submit button,.deal-room-actions button,.vs-submit-row>button,.rating-submit button,.listing-edit-form button:not(.motors-choice-trigger),.save-change,.actions .publish,.workflow-action>button,.workflow-action form>button,form>button[type=submit],form>button:not([type]),.publication-actions button,#publication-review-form button,.details-open,.car-link,.listing-deal-link,.account-action-button,.portal-head-actions a,.compact-car-actions button:first-child,.account-verification>button,.verification-submit,.verification-save,.register-next-packages,.refine-actions button:first-child,.test-drive-card button,.test-drive-featured button,.sell-access-gate a,.checkout-login-actions a:first-child,.expert-question-login a,.stage-actions button,.commitment-admin button,.expert-request .request-actions button,.dealer-auctions form button,.guest-auth-actions a:first-child,.route-page-head button,#journey-next,.general-request-dialog footer button[type=submit],.reference-actions a:first-child,.review-card a,.guest-mode-bar a,.dealer-hub>header>a,.decision-car footer a,.vehicle-model-reference-body>footer a,.success a:first-child,.test-drive-dialog-actions button:first-child,.client-strip button){background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:#fff!important}
  :where(.details-open){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:var(--ui-control-height)!important;padding:10px 18px!important;border:1px solid var(--ui-accent)!important;border-radius:var(--ui-control-radius)!important;font-size:var(--ui-action)!important;font-weight:600!important;text-decoration:none!important}
  :where(.primary,.offers-button,.filter-submit,.details-open,.car-link,.account-action-button,form>button[type=submit],form>button:not([type])):hover{background:var(--ui-accent-hover)!important;border-color:var(--ui-accent-hover)!important;color:#fff!important;text-decoration:none!important}
  /* Explicit secondary roles override primary container rules. */
  :where(.secondary,.offers-reset,.vs-link-button,.vs-card-action,.package-summary-actions a:not(.primary),.package-summary-actions button:not(.primary),.portal-head-actions button,.decision-actions button,.decision-actions a,.seller-information-actions a,.seller-information-actions button,.test-drive-dialog-actions button+button,.inspection-review-form .secondary,form>button.secondary){background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-ink)!important}
  :where(.secondary,.offers-reset,.vs-link-button,.vs-card-action,.account-preview-link,.open-record,.action-link:not(.primary),.account-action-button.secondary):hover{background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important;color:var(--ui-accent)!important;text-decoration:none!important}
  /* On dark introduction panels the same secondary control stays legible. */
  :where(.dashboard-head,.package-overview-head,.portal-head) :where(.portal-head-actions button,.package-summary-actions a:not(.primary),.package-summary-actions button:not(.primary)){background:#ffffff12!important;border-color:#ffffff52!important;color:#fff!important}
  :where(.no-package .package-summary-actions button,.no-package .package-summary-actions a:not(.primary)){background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-ink)!important}
  :where(.partner-login){background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-ink)!important}
  :where(.overview-hero button){min-height:var(--ui-control-height)!important;padding:10px 18px!important;border-radius:var(--ui-control-radius)!important;background:#ffffff12!important;color:#fff!important;border:1px solid #ffffff52!important;font-size:var(--ui-action)!important;font-weight:600!important}
  :where(.overview-hero button:first-child){background:var(--ui-accent)!important;border-color:var(--ui-accent)!important}

  /* Filter and tab controls use a soft maroon selection everywhere. */
  :where(.filter-buttons button,.choice-editor button,.package-categories button,.package-view-switch button,.request-tabs button,.auth-tabs button,.package-audiences button,.billing-toggle button,.register-cycle button,.test-drive-body-filters button,.public-inventory>nav button,.activity-filter-status button,.details-nav [role=tab],.financial-filters button,.offer-tabs button,.vehicle-library-view-switch button,.search-tabs button,.tabs button,.reference-trim-selector button,.reference-hero-trims button,.reference-compare-picker button,.reference-gallery-scope button,.reference-market-picker button,.reference-gallery-filters button){min-height:44px!important;padding:9px 14px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-surface)!important;color:var(--ui-muted)!important;font-size:var(--ui-label)!important;line-height:1.6!important;font-weight:600!important;box-shadow:none!important}
  :where(.filter-buttons button,.choice-editor button,.package-categories button,.package-view-switch button,.request-tabs button,.auth-tabs button,.package-audiences button,.billing-toggle button,.register-cycle button,.test-drive-body-filters button,.public-inventory>nav button,.activity-filter-status button,.details-nav [role=tab],.financial-filters button,.offer-tabs button,.vehicle-library-view-switch button,.search-tabs button,.tabs button,.reference-trim-selector button,.reference-hero-trims button,.reference-compare-picker button,.reference-gallery-scope button,.reference-market-picker button,.reference-gallery-filters button):is(.active,[aria-pressed=true],[aria-selected=true]){background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important;color:var(--ui-accent)!important}
  :where(.filter-count,.filter-buttons button>span,.request-tabs button>span,.financial-filters button>b){margin-inline-start:8px!important;flex-shrink:0!important;font-size:var(--ui-caption)!important}
  :where(.motors-choice-option){border-radius:var(--ui-control-radius)!important;font-size:var(--ui-action)!important;font-weight:600!important}
  :where(.motors-choice-option.selected:not(.visual)){background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important;color:var(--ui-accent)!important;box-shadow:none!important}
  :where(.choice-grid button,.condition-cards button,.refine-choice-grid button){border-color:var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;color:var(--ui-ink)!important;background:var(--ui-surface)!important}
  :where(.choice-grid button,.condition-cards button,.refine-choice-grid button):is(.active,[aria-pressed=true]){border-color:var(--ui-accent)!important;color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important}
  :where(.motors-choice-head small){color:var(--ui-accent)!important}
  :where(.motors-choice-close,.dialog-head>button,.general-request-dialog header>button,.test-drive-dialog-close,.commitment-close,.vehicle-compare-shell>button,.vehicle-filter-shell>button,.vehicle-photo-dialog>button,#reference-photo-dialog>button,.guest-auth-close){min-width:40px!important;min-height:40px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;font-size:22px!important;box-shadow:none!important}

  /* Neutral surfaces use one corner/border, while status and KPI colours stay semantic. */
  :where(.car,.card,.panel,.review-card,.company-card,.request-card,.ratings-card,.package-card,.vs-card,.vs-panel,.offers-card,.offers-empty,.offers-filters,.directory-section,.auth-shell,.account-verification,.portal-package-summary,.action-center,.account-report,.partner-report,.public-inventory,.decision-workspace,.record-dialog,.request-dialog,.partner-dialog,.motors-choice-panel){border-color:var(--ui-border)!important;border-radius:var(--ui-card-radius)!important}
  :where(.general-request-services button,.expert-directory-card,.test-drive-card,.card,.panel,.request-card,.review-card,.company-card,.package-card,.vs-card,.vs-panel,.offers-card,.account-report,.partner-report,.public-inventory,.action-center){background-color:var(--ui-surface)!important}
  :where(.offers-benefits h2,.car h3,.company-card h3,.offers-card h3,.review-card h3,.vs-card h3,.request-card h3){font-size:20px!important}
  :where(.package-summary-actions,.portal-head-actions,.inventory-actions,.dialog-actions,.decision-actions,.company-actions){gap:10px!important}
  :where(.package-summary-action,.package-allowance-action,.similar-all,.seller-inventory-link,.home-section-link,.section-more,.service-track-link){font-size:var(--ui-action)!important;font-weight:600!important;text-decoration:none!important}
  :where(.package-summary-action){color:#fff!important}
  :where(.portal-head-actions){align-items:center!important}
  :where(.portal-head-actions button){flex-grow:0!important;height:46px!important}
  :where(.inventory-actions){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
  :where(.inventory-actions a,.inventory-actions button){min-width:0!important;width:100%!important;align-self:start!important}
  :where(.portal-kpis>button,.report-grid>button,.workflow-grid>button,.dealer-metrics>button){color:var(--ui-ink)!important;border-radius:var(--ui-card-radius)!important}

  :where(.portal-section-nav a[aria-current],.reference-section-nav a[aria-current]){background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important}
  :where(a.owner-listing-action,a.owner-listing-action:visited){display:inline-flex;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;padding:10px 18px!important;border:1px solid var(--ui-accent)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-accent)!important;color:#fff!important;font-size:var(--ui-action)!important;font-weight:600!important;line-height:1.6!important;text-decoration:none!important;text-align:center!important}
  :where(a.owner-listing-action:hover,a.owner-listing-action:focus-visible){background:var(--ui-accent-hover)!important;color:#fff!important;border-color:var(--ui-accent-hover)!important}
  :where(.owner-listing-view .deal-room-entry small){color:#cbd5e1!important}
  :where(.package-card button:disabled){background:#eef1f5!important;color:var(--ui-muted)!important;border-color:var(--ui-border)!important;cursor:default!important}
  /* Directory and review copy is informational; maroon signals an action or selection. */
  :where(.company-kind,.directory-section>header small,.directory-search>span,.test-drives-heading small,.test-drive-card>div>b){color:var(--ui-muted)!important}
  :where(.company-kind,.test-drive-card>div>b){font-size:var(--ui-caption)!important}
  :where(.directory-hero small,.test-drive-featured small,.test-drive-dialog-hero small){color:#cbd5e1!important}
  :where(.directory-tabs b,.test-drive-card h3){color:var(--ui-ink)!important}
  :where(.partner-grid a,.account-shortcuts a,.home-paths a,.similar-cars-grid>a){color:var(--ui-ink)!important;background:var(--ui-surface)!important;border-color:var(--ui-border)!important;border-radius:var(--ui-card-radius)!important;text-decoration:none!important}
  :where(.reference-gallery-thumbs button.active){border-color:var(--ui-accent)!important}
  :where(.reference-year-grid button){border-color:var(--ui-border)!important;border-radius:var(--ui-card-radius)!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important}
  :where(.reference-year-grid button.current){background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important}
  :where(.general-request-services button){color:var(--ui-ink)!important;border-color:var(--ui-border)!important;border-radius:var(--ui-card-radius)!important}
  :where(.expert-directory-filters>button,.test-drive-filters>button){align-self:end!important;height:46px!important}

  /* The same browse-more action is used on home, buy and car details. */
  :where(.home-section-more,.similar-all,.seller-inventory-link){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:170px!important;min-height:var(--ui-control-height)!important;height:auto!important;box-sizing:border-box!important;padding:10px 16px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-surface)!important;color:var(--ui-accent)!important;font-size:var(--ui-action)!important;font-weight:600!important;line-height:1.6!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;flex-shrink:0!important;box-shadow:none!important;transform:none!important}
  :where(.home-section-more)::after{content:none!important;font-size:18px!important;line-height:1!important}
  :where(.home-section-more,.similar-all,.seller-inventory-link):is(:hover,:focus-visible){background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important;color:var(--ui-accent)!important;text-decoration:none!important}
  :where(.popular-head,.latest-listings-heading){align-items:center!important}
  :where(.motors-site-favorites,.heart){font-size:24px!important}
  :where(#admin-nav button,#navigation button){font-size:var(--ui-label)!important;font-weight:600!important}
  :where(#admin-nav button.active,#navigation button.active){background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important}
  :where(#admin-nav button.active span,#navigation button.active span){color:var(--ui-accent)!important}
  :where(.portal-hero small,.package-overview-head>div>small){color:#e4a9bd!important}
  :where(.no-package .package-overview-head>div>small){color:var(--ui-accent)!important}
  :where(.portal-hero .page-heading){font-size:36px!important}
  :where(.danger-button,button[data-ui-danger],button.danger:not(.financial-kpis>button)){background:#fff!important;border-color:#f0c5c0!important;color:var(--ui-danger)!important}
  :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ui-focus)!important;outline-offset:3px!important}
  :where(button:disabled,.primary[aria-disabled=true]){cursor:not-allowed!important;opacity:.55!important;transform:none!important}
  @media(max-width:760px){
    :where(.popular-head,.latest-listings-heading){flex-wrap:wrap!important;gap:14px!important}
    :where(h1){font-size:30px!important}
    :where(h2){font-size:24px!important}
    :where(.hero,.route-page-head,.offers-hero,.directory-hero,.auth-copy) :where(h1,.page-heading){font-size:32px!important}
    :where(.package-summary-actions,.portal-head-actions,.dialog-actions,.inventory-actions){flex-wrap:wrap!important}
    :where(.package-summary-actions a,.package-summary-actions button,.portal-head-actions a,.portal-head-actions button){white-space:normal!important}
  }
  /* Service copy is neutral; maroon marks the primary action or interaction. */
  :where(.general-request>header small,.general-request-dialog header small){color:var(--ui-muted)!important}
  :where(.general-request-services em){color:var(--ui-ink)!important;font-size:var(--ui-action)!important;font-weight:600!important}
  :where(.general-request-services i){background:#eef2f6!important;color:var(--ui-ink)!important}
  :where(.general-request-services button:hover){border-color:var(--ui-accent)!important;box-shadow:0 12px 28px #0b142414!important}
  :where(.service-track-link:hover){color:var(--ui-ink)!important;border-color:var(--ui-accent)!important}
  /* Approved color roles: neutral information, maroon actions/selections,
     green completion, amber attention, and red errors/destructive actions. */
  :where(.home-section-more,.similar-all,.seller-inventory-link){color:var(--ui-ink)!important}
  :where(.home-section-more,.similar-all,.seller-inventory-link):is(:hover,:focus-visible){color:var(--ui-ink)!important}
  :where(small,.eyebrow,.section-label,.section-heading>small,.section-head>div>small,.portal-section-heading small,.intelligence-heading small,.intelligence-content article>div>small,.vehicle-library-heading small,.vehicle-library-title small,.vehicle-filter-shell header small,.vehicle-compare-shell>header small,.package-catalog-admin>header small,.admin-title small,.verification-dialog-head small,.guest-auth-card>small,.guest-locked-card small){color:var(--ui-muted)!important}
  :where(.negotiation-box>div:first-child p,.negotiation-box label,.offer-summary,.garage-tags span,.partner-grid em,.vehicle-year-history b,.vehicle-year-history em,.match-reason,.dealer-finance-type){color:var(--ui-muted)!important}
  :where(.motors-choice-head small){color:var(--ui-muted)!important}
  :where(.hero,.route-page-head>div,.portal-hero,.overview-hero,.dashboard-head,.auth-copy,.portal-head,.package-overview-head,.offers-hero,.directory-hero,.garage-hero,.seller-hero,.deal-hero,.reference-hero,.test-drive-featured,.test-drive-dialog-hero,.guest-mode-bar,.deal-room-entry) :where(small,.eyebrow,.section-label){color:#cbd5e1!important}
  :where(.hero h1 em,.hero .page-heading em,.reference-identity h1 em){color:inherit!important}
  :where(.no-package .package-overview-head) :where(small){color:var(--ui-muted)!important}
  :where(.motors-site-header,.account-nav,.topbar,.admin-topbar,.top,.site-footer,.reference-footer,.offers-footer,body>footer) :where(a,a:visited){color:#e2e8f0!important}
  :where(.motors-site-header a[aria-current=page],.motors-site-header a.active){color:#fff!important}
  :where(.portal-section-nav a[aria-current],.reference-section-nav a[aria-current]){color:var(--ui-accent)!important}
  :where(.submit,.expert-answer-form button,.partner-offer-form>button,.verification-actions button,.verification-row-actions button,.verification-save,#inspection-choice-save,.vehicle-filter-shell>footer button:last-child){min-height:var(--ui-control-height)!important;padding:10px 18px!important;border:1px solid var(--ui-accent)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-accent)!important;color:#fff!important;font-size:var(--ui-action)!important;font-weight:600!important;text-decoration:none!important}
  :where(a.primary,a.offers-button,a.car-link,a.listing-deal-link,a.account-action-button,a.owner-listing-action,.sell-access-gate a,.checkout-login-actions a:first-child,.expert-question-login a,.guest-auth-actions a:first-child,.guest-locked-actions a:first-child,.review-card>a,.vehicle-model-reference-body>footer>a,.reference-actions a:first-child,.dealer-hub>header>a,.decision-car footer a,.success a:first-child){background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:#fff!important}
  :where(a.primary,a.offers-button,a.car-link,a.listing-deal-link,a.account-action-button,a.owner-listing-action):hover{background:var(--ui-accent-hover)!important;border-color:var(--ui-accent-hover)!important;color:#fff!important}
  :where(a.secondary,.package-summary-actions a:not(.primary),.decision-actions a,.seller-information-actions a,.test-drive-dialog-actions button+button){background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-ink)!important}
  :where(.dashboard-head,.portal-head,.package-overview-head) :where(.package-summary-actions a:not(.primary),.portal-head-actions button){background:#ffffff12!important;border-color:#ffffff52!important;color:#fff!important}
  :where(.no-package .package-overview-head) :where(.package-summary-actions a:not(.primary)){background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-ink)!important}
  :where(.allowance-track>i,.request-progress>div i,.dialog-meter i,.decision-car-meter i,.score>div i,.dialog-score i,.workflow-grid>button>em u,.test-drive-score-grid em,.rating-bars em){background:var(--ui-accent)!important}
  :where(.status,.tag,.invoice-state){color:var(--ui-muted)!important;background:var(--ui-neutral-soft)!important}
  :where(.status,.tag):is(.new,.pending,.contacted,.in_progress,.processing,.needs_update,.awaiting_payment,.expired),:where(.invoice-state.issued,.reference-trim-panel>header>span.pending){color:var(--ui-warning)!important;background:var(--ui-warning-soft)!important}
  :where(.status,.tag):is(.approved,.active,.activated,.confirmed,.completed,.closed,.offer_ready,.quote_ready,.quoted,.answered,.published,.paid,.verified,.sold),:where(.invoice-state.paid,.dealer-verification.verified,.verification-state.verified){color:var(--ui-success)!important;background:var(--ui-success-soft)!important}
  :where(.status,.tag):is(.rejected,.failed,.cancelled,.canceled),:where(.invoice-state.failed){color:var(--ui-danger)!important;background:var(--ui-danger-soft)!important}
  :where(.error,.error-text,.field-error,.rating-submit span.error,.general-request-dialog footer span.error,[role=status].error,.verification-dialog footer p.error,.financial-controls.has-issues>header>b){color:var(--ui-danger)!important}
  :where(.success,.rating-submit span.success,[role=status].success){color:var(--ui-success)!important}
  :where(.warning,.notes.warn span,.review-cautions span,.workflow-health.needs-attention span,.workflow-health.needs-attention strong){color:var(--ui-warning)!important}
  :where(.account-verification.unverified,.account-verification.pending,.account-verification.needs_update) .verification-state-icon{background:var(--ui-warning-soft)!important;color:var(--ui-warning)!important}
  :where(.account-verification.verified) .verification-state-icon{background:var(--ui-success-soft)!important;color:var(--ui-success)!important}
  :where(.account-verification.rejected) .verification-state-icon{background:var(--ui-danger-soft)!important;color:var(--ui-danger)!important}
  :where(.danger-button,button[data-ui-danger],button.danger:not(.financial-kpis>button)){background:var(--ui-danger-soft)!important;border-color:var(--ui-danger)!important;color:var(--ui-danger)!important}
  :where(.danger-button,button[data-ui-danger],button.danger:not(.financial-kpis>button)):hover{background:var(--ui-danger)!important;color:#fff!important}
  :where(.package-allowance>header>i,.dialog-icon,.document i){background:var(--ui-neutral-soft)!important;color:var(--ui-ink)!important}
  :where(.package-allowance-action,.fair-price-card>strong,.annual-cost-card dl div:last-child){color:var(--ui-ink)!important}
  :where(.badge.green,.verified,.dealer-status.verified){color:var(--ui-success)!important}
  :where(.badge.amber,.dealer-status:not(.verified):not(.rejected)){color:var(--ui-warning)!important}
  :where(.dealer-status.rejected){color:var(--ui-danger)!important}
  :where(.general-type-picker input:checked+span,.expert-categories input:checked+span,.choices input:checked+span,.expert-choice-grid label:has(input:checked)){background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important;color:var(--ui-accent)!important}
  /* Approved brand accents: section eyebrows, service names and browse actions.
     Body copy, vehicle names/prices and semantic status colours keep their roles. */
  :where(.eyebrow,.section-label,.section-heading>small,.section-heading>div>small,.section-head>small,.section-head>div>small,.portal-section-heading small,.popular-head small,.latest-listings-heading small,.home-paths>header>small,.partners-head>small,.general-request>header small,.general-request-dialog header small,.directory-section>header small,.test-drives-heading small,.offers-results-heading small,.offers-guide small,.vehicle-library-heading small,.vehicle-library-title small,.intelligence-heading small,.package-catalog-admin>header small,.admin-title small){color:var(--ui-accent)!important}
  :where(.general-request-services button>b,.general-request-services em,.home-paths a>b){color:var(--ui-accent)!important}
  :where(.general-request-services i){color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important}
  :where(.home-section-more,.similar-all,.seller-inventory-link,.home-section-link,.section-more,.service-track-link,.package-allowance-action,.show-more){color:var(--ui-accent)!important;font-size:var(--ui-action)!important;font-weight:600!important}
  :where(.home-section-more,.similar-all,.seller-inventory-link,.home-section-link,.section-more,.service-track-link,.package-allowance-action,.show-more):is(:hover,:focus-visible){color:var(--ui-accent-hover)!important;border-color:var(--ui-accent)!important}
  /* A light accent stays readable on the shared navy introduction panels. */
  :where(.hero,.route-page-head>div,.portal-hero,.overview-hero,.dashboard-head,.auth-copy,.portal-head,.package-overview-head,.offers-hero,.directory-hero,.garage-hero,.seller-hero,.deal-hero,.reference-hero,.test-drive-featured,.test-drive-dialog-hero) :where(.eyebrow,.section-label,.offers-eyebrow,small:first-child){color:#e4a9bd!important}
  :where(.no-package .package-overview-head) :where(small:first-child){color:var(--ui-accent)!important}
  /* Component visibility always wins over the shared action display rule. */
  [hidden]{display:none!important}
}
}

@layer motors-identity{
@media screen{
 .public-rating-summary{display:inline-flex!important;align-items:center!important;gap:10px!important;width:fit-content;max-width:100%;padding:12px 16px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;text-decoration:none!important;box-sizing:border-box}
 .public-rating-summary>span:last-child{display:grid;gap:2px;min-width:0}.public-rating-summary b{font-size:16px!important}.public-rating-summary small{color:var(--ui-muted)!important;font-size:13px!important}.public-rating-summary .public-rating-stars{font-size:25px!important;color:var(--ui-accent)!important}
 .public-rating-summary:hover{border-color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important}
 .customer-ratings{padding:24px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-card-radius);margin-block:24px;scroll-margin-top:100px;min-width:0}
 .customer-ratings>header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:16px!important;height:auto!important;padding:0!important;background:transparent!important;color:var(--ui-ink)!important;border:0!important}.customer-ratings h2{margin:4px 0}.customer-ratings>header>div>small{color:var(--ui-accent)!important}
 .customer-ratings .customer-rating-policy,.customer-ratings .customer-rating-help{color:var(--ui-muted)!important;font-size:14px!important}.customer-rating-action{display:inline-flex;min-height:46px;align-items:center;padding:8px 16px;border:1px solid var(--ui-border);border-radius:10px}
 .customer-rating-reviews{display:grid;gap:12px;margin-top:16px}.customer-rating-reviews>article{padding:16px;border:1px solid var(--ui-border);border-radius:12px}.customer-rating-reviews>article>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.customer-rating-reviews time,.customer-rating-reviews span{color:var(--ui-muted);font-size:13px}.customer-rating-reviews p{white-space:pre-line;overflow-wrap:anywhere}.customer-rating-empty{padding:16px;background:var(--ui-neutral-soft);border-radius:12px;color:var(--ui-muted)!important}
 .expert-directory-card>.public-rating-summary{margin:12px!important}.expert-directory-card>.public-rating-summary:hover{background:var(--ui-accent-soft)!important}
 .company-meta .public-rating-summary{flex:1 1 100%}.content-grid>.customer-ratings{margin-block:0;align-self:start}
 @media(max-width:760px){.customer-ratings{padding:18px}.customer-ratings>header .public-rating-summary{width:100%}.public-rating-summary{white-space:normal!important}}
}
}

@layer motors-identity{@media screen{
 .expert-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--ui-border);margin-top:auto;flex-wrap:wrap}
 .expert-rating-inline{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:32px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--ui-muted)!important;font-size:13px!important;font-weight:400!important;line-height:1.6!important;text-decoration:none!important}
 .expert-rating-inline b{color:var(--ui-ink)!important;font-size:15px!important}.expert-rating-inline .expert-rating-star{color:var(--ui-accent)!important;font-size:18px!important}.expert-rating-inline:hover{color:var(--ui-accent)!important;text-decoration:underline!important}
 .expert-card-footer .expert-profile-link{font-size:14px!important;color:var(--ui-accent)!important;white-space:nowrap}.expert-profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}
 .expert-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .expert-customer-ratings .customer-rating-reviews{margin-top:12px}.expert-customer-ratings .expert-rating-empty{margin:0;padding:12px 0;color:var(--ui-muted)!important;font-size:15px!important;background:transparent!important}
 .expert-rating-explainer{margin-top:16px;padding-top:14px;border-top:1px solid var(--ui-border)}.expert-rating-explainer summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ui-ink)}.expert-rating-explainer p{color:var(--ui-muted)!important;font-size:14px!important}.expert-rating-explainer a{color:var(--ui-accent)!important;font-size:14px!important}
 @media(max-width:520px){.expert-card-footer{padding:12px;gap:8px}.expert-profile-stats>div{padding:14px 8px}.expert-profile-stats small{font-size:12px!important}.expert-profile-stats b{font-size:24px!important}}
}}

/* Rating values are information; only the explicit reviews action is a link. */
@layer motors-identity{@media screen{
 .public-rating-summary{display:flex!important;align-items:center!important;gap:10px 14px!important;flex-wrap:wrap!important;width:auto!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ui-ink)!important;text-decoration:none!important}
 .public-rating-summary:hover{background:transparent!important;border:0!important}.public-rating-summary .rating-summary-count{font-size:13px!important;color:var(--ui-muted)!important;font-weight:400!important}
 .public-rating-summary span,.expert-rating-inline span,.customer-rating-reviews .rating-metric>span{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
 .rating-metric{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;direction:rtl;unicode-bidi:isolate;text-decoration:none!important}
 .rating-metric .rating-value,.rating-metric .rating-scale{font-family:var(--ui-font)!important;font-size:16px!important;font-weight:600!important;line-height:1.6!important;color:var(--ui-ink)!important;text-decoration:none!important}
 .rating-metric .rating-star{font-size:18px!important;line-height:1!important;color:var(--ui-accent)!important}.rating-unrated{font-size:14px!important;color:var(--ui-muted)!important}
 .rating-reviews-link,.rating-reviews-link:visited,.rating-reviews-link:hover,.rating-reviews-link:focus-visible{display:inline-flex!important;align-items:center;min-height:32px;padding:0!important;border:0!important;background:transparent!important;color:var(--ui-accent)!important;font-size:13px!important;font-weight:600!important;line-height:1.6!important;text-decoration:none!important}
 .expert-rating-inline{display:inline-flex!important;gap:8px!important;flex-wrap:wrap;cursor:default}.expert-rating-inline:hover{color:var(--ui-muted)!important;text-decoration:none!important}
 .company-meta .public-rating-summary{flex:1 1 100%;gap:8px 12px!important}.company-meta .rating-summary-count{padding:0!important;background:transparent!important}.company-meta .rating-metric{padding:0!important;background:transparent!important}
 .partner-hero>.public-rating-summary,.seller-hero>.public-rating-summary{align-self:center;justify-self:center;justify-content:center;padding:16px!important;margin:20px;border:1px solid var(--ui-border)!important;border-radius:14px!important;background:var(--ui-surface)!important}
 .partner-hero>.public-rating-summary .rating-summary-count,.seller-hero>.public-rating-summary .rating-summary-count{flex-basis:100%;text-align:center}
 .rating-panel-total{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rating-panel-total>.rating-summary-count{font-size:13px;color:var(--ui-muted)}
 .provider-customer-ratings .customer-rating-reviews{margin-top:12px}.provider-customer-ratings .expert-rating-empty{margin:0;padding:12px 0;color:var(--ui-muted)!important;font-size:15px!important;background:transparent!important}
 .garage-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 @media(max-width:760px){.partner-hero>.public-rating-summary,.seller-hero>.public-rating-summary{justify-self:stretch;margin:0 20px 20px}.company-meta .public-rating-summary{justify-content:flex-start}}
}}

@layer motors-identity { @media screen {
 .expert-card-main{display:flex;align-items:flex-start;gap:12px;padding:18px;flex:1;min-width:0}
 .expert-card-main .expert-card-copy>b{color:var(--ui-ink)!important}
 .expert-card-copy>.expert-rating-inline{margin:4px 0 8px!important}
 .expert-card-footer .expert-select-action,.expert-request-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px!important;border:1px solid var(--ui-accent)!important;border-radius:10px;background:var(--ui-accent)!important;color:#fff!important;font:inherit;font-size:14px!important;font-weight:600!important;text-decoration:none!important;cursor:pointer}
 .expert-select-action:disabled{opacity:.45;cursor:not-allowed}.expert-select-action.selected{box-shadow:0 0 0 3px var(--ui-accent-soft)}
 .expert-request-cta{margin-top:24px}.expert-card-footer{margin-top:0}
}}

@layer motors-identity { @media screen {
 .partner-hero{grid-template-columns:1fr!important}
 .company-card-head .expert-rating-inline{display:flex!important;margin:5px 0!important}
 :is(.partner-hero,.garage-hero,.seller-identity) .expert-rating-inline{display:flex!important;width:fit-content;margin:10px 0!important}
 .partner-hero .expert-rating-inline .rating-value,.partner-hero .expert-rating-inline .rating-scale,.garage-hero .expert-rating-inline .rating-value,.garage-hero .expert-rating-inline .rating-scale,.seller-identity .expert-rating-inline .rating-value,.seller-identity .expert-rating-inline .rating-scale{color:#fff!important}
 :is(.partner-hero,.garage-hero,.seller-identity) .expert-rating-inline .rating-reviews-link{color:#f4c9d5!important}
}}

@layer motors-identity { @media screen {
 .seller-hero{grid-template-columns:auto minmax(0,1fr)!important}
 .partner-hero .hero-meta span{color:#dbe2ec!important;background:#ffffff12!important}
 .vehicle-rated-badge .rating-value,.vehicle-rated-badge .rating-scale{color:inherit!important}
}}

@layer motors-identity { @media screen {
 .provider-profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:12px 0}
 :is(.partner-hero,.garage-hero) .provider-profile-meta>.expert-rating-inline{display:inline-flex!important;margin:0!important}
}}

@layer motors-identity { @media screen {
 .expert-access-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
 .expert-access-actions .expert-join,.expert-access-actions .expert-join:visited{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:10px 18px!important;border:1px solid #fff!important;border-radius:10px!important;background:#fff!important;color:var(--ui-ink)!important;font-size:16px!important;font-weight:600!important;line-height:1.5!important;text-decoration:none!important}
 .expert-access-actions .expert-join:first-child,.expert-access-actions .expert-join:first-child:visited{border-color:var(--ui-accent)!important;background:var(--ui-accent)!important;color:#fff!important}
 .expert-access-actions .expert-join:hover{background:#edf1f6!important;color:var(--ui-ink)!important}
 .expert-access-actions .expert-join:first-child:hover{background:#820029!important;color:#fff!important}
 .expert-access-actions .expert-join:focus-visible{outline:3px solid #fff!important;outline-offset:3px}
 .auth-copy>.expert-join{display:inline-flex;margin-top:16px;color:#fff!important;font-size:14px;text-decoration:none}
}}

/* Recolour the platform's illustrative vehicle types, preserving neutral tyres, glass and backgrounds. */
img[src*="/assets/body-types/real/"]{filter:url('/assets/body-types/brand-tone.svg#qatar-2025')!important}

/* The listing editor uses one control height, including illustrated choices. */
@layer motors-identity { @media screen {
 .listing-edit-form :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not(.motors-choice-native),.motors-choice-trigger){min-height:72px!important}
 .listing-edit-form .motors-choice-trigger{padding-block:8px!important}
}}

/* Account interactions apply to semantic controls, including async panels and dialogs.
   Site-wide navigation/footer retain their own interaction contract. */
@layer motors-identity {
  body.motors-account-page :is(a,button,[role="button"],summary):not(:where(.motors-site-header *,.motors-site-footer *,#motors-mobile-nav *,#motors-more-sheet *)):is(:hover,:focus-visible),
  body.motors-account-page :is(a,button,[role="button"],summary):not(:where(.motors-site-header *,.motors-site-footer *,#motors-mobile-nav *,#motors-more-sheet *)):is(:hover,:focus-visible) *{text-decoration:none!important}
  body.motors-account-page summary{border-radius:var(--ui-control-radius)}
  body.motors-account-page :is(button:disabled,[aria-disabled="true"]):not(:where(.motors-site-header *,.motors-site-footer *,#motors-mobile-nav *,#motors-more-sheet *)){cursor:not-allowed!important;border-color:var(--ui-border)!important;box-shadow:none!important;transform:none!important;opacity:.55!important}
  @media (hover:hover) {
    body.motors-account-page :is(button,a[href],[role="button"],summary,label:has(>input:is([type="radio"],[type="checkbox"]))):not(:where(.motors-site-header *,.motors-site-footer *,#motors-mobile-nav *,#motors-more-sheet *)):not(:disabled):not([aria-disabled="true"]):not(:has(>input:disabled)):hover{
      border-color:var(--ui-accent)!important;
      box-shadow:inset 0 0 0 1px var(--ui-accent)!important;
      text-decoration:none!important;
      transform:none!important;
    }
    body.motors-account-page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea):not(:disabled):not([aria-disabled="true"]):hover{border-color:var(--ui-accent)!important}
    body.motors-account-page :is(#navigation button,#navigation a,#navigation summary,.portal-section-nav>a):not(:disabled):not([aria-disabled="true"]):hover{
      background:var(--ui-accent-soft)!important;
      color:var(--ui-accent)!important;
      border-color:transparent!important;
      box-shadow:none!important;
      text-decoration:none!important;
      transform:none!important;
    }
    body.motors-account-page :is(#navigation button,#navigation a,#navigation summary,.portal-section-nav>a):hover *{color:inherit!important;text-decoration:none!important}
    body.motors-account-page input[type="file"]::file-selector-button:hover{border-color:var(--ui-accent)!important;box-shadow:inset 0 0 0 1px var(--ui-accent)!important}
  }
}

/* Shared account presentation. Data, permissions and print layouts stay in their modules. */
@layer motors-identity { @media screen {
 body.motors-account-page{--account-gap:16px;--account-panel-padding:20px;--ui-action:16px;--ui-caption:14px}
 body.motors-account-page :is(.books,.hr,.report-center){--books-brand:var(--ui-accent);--report-accent:var(--ui-accent);container-type:inline-size;min-width:0;color:var(--ui-ink)}
 body.motors-account-page :is(main,.portal-dashboard,dialog){font-family:var(--ui-font)!important;font-size:16px!important}
 body.motors-account-page :is(main,.portal-dashboard,dialog) h1{font-size:28px!important}
 body.motors-account-page :is(main,.portal-dashboard,dialog) h2{font-size:20px!important}
 body.motors-account-page :is(main,.portal-dashboard,dialog) h3{font-size:18px!important}
 body.motors-account-page :is(.books,.hr,.report-center,.business-request-list,.request-card,.viewing-card) :is(small,.muted,.hr-muted,.books-muted){font-size:14px!important;color:var(--ui-muted)!important}
 body.motors-account-page :is(.hr-panel,.books .panel,.report-detail,.report-filters,.business-request-row,.viewing-card,.request-card,.vs-panel,.package-card){border:1px solid var(--ui-border)!important;border-radius:var(--ui-card-radius)!important;background:var(--ui-surface)!important;padding:var(--account-panel-padding)!important;min-width:0;box-shadow:none!important}
 /* Equal section tiles; sidebar links keep their separate soft selection. */
 body.motors-account-page :is(.books .books-tabs,.hr .hr-tabs){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:0 0 20px!important;padding:0!important;overflow:visible!important;background:transparent!important}
 body.motors-account-page :is(.books-tabs,.hr-tabs)>button,
 body.motors-account-page .account-request-nav>button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:64px!important;height:100%!important;margin:0!important;padding:12px 8px!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;font-size:16px!important;font-weight:600!important;line-height:1.5!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere;box-shadow:none!important}
 body.motors-account-page :is(.books-tabs,.hr-tabs)>button[aria-current],
 body.motors-account-page .account-request-nav>button[aria-pressed=true]{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:#fff!important}
 /* Metrics: label first, value second, consistent amount and currency treatment. */
 body.motors-account-page :is(.books-kpis,.hr-summary,.report-kpis,.report-metrics,.hr-report-totals,.kpis,.portal-kpis){gap:var(--account-gap)!important;margin:0 0 20px!important;align-items:stretch}
 body.motors-account-page :is(.books-kpis>article,.hr-summary>div,.report-kpis>button,.report-metrics>div,.hr-report-totals>div,.kpis>.kpi,.portal-kpis>button,.portal-kpis>article){display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;min-height:116px!important;padding:20px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-card-radius)!important;background:var(--ui-surface)!important;box-shadow:none!important;text-align:start!important}
 body.motors-account-page :is(.books-kpis,.hr-summary,.report-kpis,.report-metrics,.hr-report-totals,.kpis,.portal-kpis) :is(strong,b){font-size:26px!important;font-weight:700!important;line-height:1.4!important;margin:0!important;color:var(--ui-ink)!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 body.motors-account-page :is(.hr-summary>div>span,.books-kpis>article>span,.report-metrics>div>span,.hr-report-totals>div>span){order:-1;color:var(--ui-muted)!important;font-size:14px!important;min-height:0!important}
 body.motors-account-page :is(.books-money,.hr-money){display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:5px!important;white-space:nowrap}
 body.motors-account-page :is(.books-money,.hr-money) small{font-size:14px!important;font-weight:500!important;color:inherit!important}
 body.motors-account-page .books-kpis .books-negative{color:var(--ui-danger)!important}
 /* One compact filter/action row and consistent form controls. */
 body.motors-account-page :is(.books-toolbar,.hr-heading,.hr-report-filter,.report-actions,.toolbar,.request-tools){gap:12px!important;align-items:center;min-width:0}
 body.motors-account-page :is(.books-toolbar,.hr-report-filter,.report-filters){margin:0 0 20px!important}
 body.motors-account-page :is(.books-toolbar,.hr-report-filter){display:flex;flex-wrap:wrap;align-items:flex-end!important}
 body.motors-account-page :is(.books-toolbar form,.hr-report-filter .hr-form-grid){display:flex!important;flex-wrap:wrap;gap:12px!important;align-items:flex-end!important;flex:1;max-width:none!important}
 body.motors-account-page :is(.books-toolbar form,.hr-report-filter .hr-form-grid)>label{flex:1 1 140px;max-width:230px}
 body.motors-account-page :is(.books,.hr,.report-center,.books-dialog,.hr-dialog) label{margin:0!important;font-size:14px!important;font-weight:600!important;line-height:1.6!important}
 body.motors-account-page :is(.books,.hr,.report-center,.books-dialog,.hr-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border:1px solid var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;font-size:16px!important;padding:10px 12px!important;min-height:46px!important;line-height:1.5!important}
 body.motors-account-page :is(.books,.hr,.report-center,.books-dialog,.hr-dialog) button{font-size:16px!important;line-height:1.5!important;text-align:center!important}
 body.motors-account-page :is(.books-toolbar>button,.hr-actions>a,.hr-actions>button,.hr-dialog footer>button,.books-dialog button,.report-actions>a,.hr-report-filter>a,.hr-report-filter>button,.hr-table button){display:inline-flex!important;justify-content:center!important;align-items:center!important;min-height:46px!important;padding:10px 16px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;font-weight:600!important;text-decoration:none!important}
 body.motors-account-page :is(.books-toolbar>.primary,.books-dialog .primary,.hr-actions>button,.hr-dialog [type=submit],.report-actions>.primary,.hr-report-filter>button,.books-toolbar>button[aria-current]){background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:#fff!important}
 /* Data grids share density and alignment without forcing the page wider. */
 body.motors-account-page :is(.books-table,.hr-table,.report-table,.table-wrap){min-width:0;max-width:100%;overflow-x:auto}
 body.motors-account-page :is(.books,.hr,.report-center,.table-wrap) table{width:100%;border-collapse:collapse;font-size:14px!important}
 body.motors-account-page :is(.books,.hr,.report-center,.table-wrap) :is(th,td){padding:13px 12px!important;text-align:start!important;vertical-align:middle!important;border-bottom:1px solid var(--ui-border)!important;line-height:1.7!important}
 body.motors-account-page :is(.books,.hr,.report-center,.table-wrap) th{background:var(--ui-neutral-soft)!important;color:var(--ui-ink)!important;font-weight:600!important}
 body.motors-account-page :is(.books,.hr,.report-center,.table-wrap) tbody tr:last-child td{border-bottom:0!important}
 body.motors-account-page :is(.books-dialog,.hr-dialog){padding:24px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-card-radius)!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;max-height:90dvh;overflow:auto}
 body.motors-account-page :is(.books-form,.hr-form-grid){gap:16px!important}
 body.motors-account-page :is(.hr-dialog summary,.hr-net,.report-sales-section h3){color:var(--ui-accent)!important}
 body.motors-account-page :is(.books [data-books-status],.hr>p[role=status]):not(:empty){padding:14px 18px!important;margin:0 0 16px!important;border-radius:12px!important;background:var(--ui-success-soft)!important;color:var(--ui-success)!important;text-align:center!important;font-size:16px!important}
 body.motors-account-page :is(.books [data-books-status],.hr>p[role=status]):empty{display:none!important}
 @container(max-width:850px){body.motors-account-page :is(.books .books-tabs,.hr .hr-tabs){grid-template-columns:repeat(3,minmax(0,1fr))!important}}
 @container(max-width:420px){body.motors-account-page :is(.books .books-tabs,.hr .hr-tabs){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
 @media(max-width:600px){
  body.motors-account-page{--account-gap:12px;--account-panel-padding:16px}
  body.motors-account-page :is(.books-kpis>article,.hr-summary>div,.report-kpis>button,.report-metrics>div,.hr-report-totals>div,.kpis>.kpi,.portal-kpis>button,.portal-kpis>article){padding:16px!important;min-height:0!important}
  body.motors-account-page :is(.books-kpis,.hr-summary,.report-kpis,.report-metrics,.hr-report-totals,.kpis,.portal-kpis) :is(strong,b){font-size:22px!important}
  body.motors-account-page :is(.books-dialog,.hr-dialog){padding:18px!important}
  body.motors-account-page :is(.books-toolbar form,.hr-report-filter .hr-form-grid){width:100%;flex-basis:100%}
 }
}}
@layer motors-identity { @media screen {
 body.motors-account-page :is(.books-kpis,.hr-summary) strong :is(.books-money,.hr-money,bdi){font-size:inherit!important;color:inherit!important}
 body.motors-account-page :is(.hr-summary,.books-kpis) strong :is(.books-money,.hr-money)>small{font-size:14px!important;color:inherit!important}
 body.motors-account-page :is(.portal-section-nav>a,#navigation>button,#navigation .business-nav-group>button){font-size:16px!important}
}}
@layer motors-identity { @media screen {
 body.motors-account-page .hr .hr-search{margin:0 0 16px!important}
 body.motors-account-page #content>.toolbar{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;margin:0 0 20px!important}
 body.motors-account-page #content>.toolbar>input{flex:1 1 240px!important;width:auto!important;min-width:0!important}
 body.motors-account-page #content>.toolbar>.motors-choice{flex:0 1 220px!important;width:220px!important;min-width:0!important}
 body.motors-account-page #content>.toolbar>button{flex:0 0 auto!important}
 @media(max-width:600px){body.motors-account-page #content>.toolbar>input{flex-basis:100%!important}body.motors-account-page #content>.toolbar>.motors-choice{flex:1 1 160px!important;width:auto!important}}
}}
@layer motors-identity { @media screen and (max-width:600px) {
 body.motors-account-page .books-toolbar form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.motors-account-page .books-toolbar form>label{min-width:0!important;max-width:none!important}
 body.motors-account-page .books-toolbar form>button{grid-column:1/-1;width:100%}
 body.motors-account-page .books-toolbar>button{flex:1 1 calc(50% - 12px)}
}}
@layer motors-identity { @media screen and (max-width:600px) {
 body.motors-account-page :is(.books-kpis,.hr-summary,.report-kpis,.report-metrics,.hr-report-totals,.kpis,.portal-kpis) :is(strong,b){font-size:20px!important}
 body.motors-account-page :is(.books-kpis,.hr-summary) :is(.books-money,.hr-money){max-width:100%;flex-wrap:wrap!important;row-gap:0!important;white-space:normal!important}
}}
@layer motors-identity { @media screen {
 /* New request controls contain two rows, not the former two individual fields. */
 body.motors-account-page #request-tabs.own-request-controls{grid-template-columns:minmax(0,1fr)!important}
}}
@layer motors-identity { @media screen {
 body.motors-account-page .request-dialog .dialog-heading small{color:#cbd5e1!important}
 body.motors-account-page .request-dialog .dialog-heading .vehicle-visual-icon.brand{background:#fff;padding:3px;border-radius:8px;object-fit:contain}
}}