/* CarMisto 60/30/10: neutral surfaces, navy navigation, orange actions.
   This final shared layer changes appearance only, never data or JS hooks. */
:root {
  --cm-brand: #1E3A8A; --cm-brand-hover: #172E70; --cm-action: #FF6B00;
  --cm-action-hover: #FBA04B; --cm-action-ink: #14213D; --cm-price-ink: #A84300;
  --cm-positive: #28A745; --cm-positive-ink: #166534; --cm-positive-soft: #EEF9F0;
  --cm-ui-bg: #F8F9FA; --cm-ui-paper: #FFFFFF; --cm-ui-soft: #F0F4FA;
  --cm-ui-text: #172B4D; --cm-ui-muted: #52647A; --cm-ui-line: #D9E2EF;
  --cm-ui-accent: var(--cm-brand); --cm-ui-link: var(--cm-brand);
  --cm-ui-accent-text: var(--cm-brand); --cm-ui-hover: var(--cm-brand-hover);
  --primary: var(--cm-brand); --primary-hover: var(--cm-brand-hover);
  --primary-active: #10255A; --primary-light: #EAF0FC; --secondary: var(--cm-brand);
  --accent: var(--cm-action); --success: var(--cm-positive-ink); --error: #B42318;
  --info: #0D47A1; --warning: #8A5200; --focus-ring: 0 0 0 3px #1E3A8A30;
  --bg-main: var(--cm-ui-bg); --bg-card: var(--cm-ui-paper); --bg-modal: var(--cm-ui-paper);
  --bg-input: var(--cm-ui-soft); --surface-secondary: var(--cm-ui-soft);
  --text-main: var(--cm-ui-text); --text-muted: var(--cm-ui-muted); --border: var(--cm-ui-line);
  --card-bg: var(--cm-ui-paper); --nr-surface-raised: var(--cm-ui-paper); --nr-border-soft: var(--cm-ui-line);
}
html[data-theme='dark'] {
  --cm-ui-bg: #101827; --cm-ui-paper: #18243A; --cm-ui-soft: #22324C;
  --cm-ui-text: #F4F7FD; --cm-ui-muted: #B7C6DB; --cm-ui-line: #3D5271;
  --cm-ui-link: #A8C7FA; --cm-ui-accent-text: #A8C7FA; --primary-light: #233D68;
  --cm-price-ink: #FFB674; --cm-positive-ink: #8EE3A0; --cm-positive-soft: #123626;
  --success: var(--cm-positive-ink); --focus-ring: 0 0 0 3px #A8C7FA55;
}
html body { background-color: var(--cm-ui-bg); color: var(--cm-ui-text); }
html body #main-header, html body.admin-page .header-top {
  background: var(--cm-brand) !important; border-bottom: 1px solid #ffffff24 !important;
  box-shadow: 0 4px 16px #10255a14;
}
html body #main-header .desktop-nav a.active {
  background: #FFFFFF !important; color: var(--cm-brand) !important;
  border-color: #FFFFFF !important; -webkit-text-fill-color: var(--cm-brand);
}
html body #main-header :is(.header-list-car, #user-badge, #theme-btn, #curr-switch, .shared-language-switch, .base-language-switch) {
  background: #ffffff12 !important; border-color: #ffffff3d !important; color: #fff !important;
  box-shadow: none !important;
}
html body #main-header .header-list-car:hover { background: #ffffff26 !important; }
html body.site-shell .site-footer { background: var(--cm-brand) !important; color: #E4ECFF !important; border-radius: 16px 16px 0 0; border-color: transparent; }
html body .site-footer a { color: #E4ECFF !important; -webkit-text-fill-color: #E4ECFF !important; opacity: 1 !important; }
html body .site-footer a:hover { color: #fff !important; }
html body .standalone-public-footer { background: var(--cm-brand) !important; color: #E4ECFF !important; }
html body .standalone-public-footer :is(a,strong,small) { color: #E4ECFF !important; -webkit-text-fill-color: #E4ECFF !important; }
html body.site-shell .site-back-to-top { background: var(--cm-ui-paper) !important; color: var(--cm-ui-link) !important; -webkit-text-fill-color: var(--cm-ui-link) !important; border-color: var(--cm-ui-line) !important; }
html body.site-shell .rental-directory .directory-tools input[type=checkbox] { accent-color: var(--cm-brand); }
html body.site-shell .rental-directory .directory-item:is(:hover,:focus-visible) { border-color: var(--cm-ui-link); }
/* Inline vector: intrinsic size is present before CSS, no bitmap crop/flash. */
html body .header-brand-mark.brand-logo-frame,
html body :is(#main-header .header-brand-mark, .cabinet-brand .header-brand-mark, .staff-login-page .header-brand-mark).brand-logo-frame {
  display: inline-block !important; position: relative; flex: 0 0 auto;
  width: 180px !important; height: 52px !important; padding: 0 !important; margin: 0;
  border: 0 !important; border-radius: 8px; overflow: hidden;
  background: transparent !important; box-shadow: none !important;
}
html body .brand-logo-frame .brand-logo-vector {
  display: block !important; position: static !important; width: 100% !important; max-width: 100% !important;
  height: 100% !important; aspect-ratio: 250 / 72; transform: none !important;
}
html body #main-header .brand-logo-frame, html body .cabinet-brand .brand-logo-frame { color: #fff !important; }
html body #app-splash .brand-logo-frame, html body.staff-login-page .brand-logo-frame { color: var(--cm-ui-link) !important; }
html body #main-header .header-logo-button { min-height: 52px; gap: 0; }
html body #app-splash { background: var(--cm-ui-bg); color: var(--cm-ui-text); }
html body #main-header .header-brand-name.sr-only, html body .cabinet-brand .header-brand-name.sr-only { position: absolute !important; }
.cabinet-header-identity { display: flex; align-items: center; gap: 14px; min-width: 0; }
html body.admin-page .cabinet-header-identity h2 { color: #fff; font-size: 16px !important; }
html body.staff-login-page .logo { display: flex; justify-content: center; margin-bottom: 16px; }
/* Blue surfaces for identity/navigation; orange is reserved for conversion. */
html body.site-shell :is(.journey-hero, .page-context-hero, .public-page__hero:not(.partner-page__hero):not(.affiliate-page__hero)) {
  background: var(--cm-ui-paper) !important; border-color: var(--cm-ui-line) !important;
}
html body.site-shell :is(.journey-hero, .page-context-hero) :is(h1,p) { color: var(--cm-ui-text) !important; }
html body.site-shell .public-page__hero:not(.partner-page__hero):not(.affiliate-page__hero) :is(h1,h2,h3,p) { color: var(--cm-ui-text) !important; }
html body.site-shell :is(#page-affiliate,#page-partners) .public-page__hero.marketplace-hero {
  background: var(--cm-ui-paper) !important; color: var(--cm-ui-text) !important;
}
html body.site-shell :is(#page-affiliate,#page-partners) .public-page__hero.marketplace-hero :is(h1,h2,strong) {
  color: var(--cm-ui-text) !important; -webkit-text-fill-color: var(--cm-ui-text) !important;
}
html body.site-shell :is(#page-affiliate,#page-partners) .public-page__hero.marketplace-hero p {
  color: var(--cm-ui-muted) !important; -webkit-text-fill-color: var(--cm-ui-muted) !important;
}
html body.site-shell :is(.affiliate-page__hero-panel,.partner-page__hero-panel) { background: var(--cm-ui-soft) !important; }
html body.site-shell :is(.affiliate-page__hero-panel,.partner-page__hero-panel) :is(strong,span,li) { color: var(--cm-ui-text) !important; -webkit-text-fill-color: var(--cm-ui-text) !important; }
html body.site-shell :is(.affiliate-page__hero-panel,.partner-page__hero-panel) a { color: var(--cm-ui-link) !important; }
html body.site-shell :is(.floating-label,.eyebrow,.public-page__eyebrow,.affiliate-page__card-kicker) {
  color: var(--cm-ui-link) !important; -webkit-text-fill-color: var(--cm-ui-link) !important;
}
html body:is(.site-shell,.standalone-page,.admin-page) :is(.cta,.btn-primary,.card-book-btn,.btn-hold,[data-wizard-next],.public-page__hero-action,.public-page__lead-submit,.business-apply,.auth-submit,.category-filter-done,#p0-show-cars,#compare-action,#reset-request-submit,#reset-confirm-submit,#review-submit,#client-lead-submit) {
  background: var(--cm-action) !important; border-color: var(--cm-action) !important;
  color: var(--cm-action-ink) !important; -webkit-text-fill-color: var(--cm-action-ink) !important;
  box-shadow: none !important; font-weight: 800;
}
html body.site-shell :is(#page-affiliate,#page-partners) .public-page__hero.marketplace-hero .public-page__hero-action {
  color: var(--cm-action-ink) !important; -webkit-text-fill-color: var(--cm-action-ink) !important;
}
html body.site-shell :is(.rental-guide,.public-page) .guide-action,
html body.site-shell #page-fleet .journey-action[href$='/guide/rent-to-own'] {
  background: var(--cm-action) !important; border-color: var(--cm-action) !important;
  color: var(--cm-action-ink) !important; -webkit-text-fill-color: var(--cm-action-ink) !important;
}
html body.site-shell #referral-block { background: var(--cm-brand) !important; color: #fff !important; box-shadow: 0 10px 30px #1e3a8a20; }
html body.site-shell #referral-block :is(h3,p,small) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body.site-shell #fleet-grid .offer-checkout :is(.availability-pill.pending,.card-price-guidance,.saved-checkout-pill,.conversion-confirmation) {
  background: var(--cm-ui-soft) !important; color: var(--cm-ui-text) !important; border-color: var(--cm-ui-line) !important;
}
html body.site-shell #fleet-grid .offer-checkout :is(.availability-pill.pending,.card-price-guidance,.saved-checkout-pill,.conversion-confirmation) :is(b,small,span) {
  color: var(--cm-ui-text) !important; -webkit-text-fill-color: var(--cm-ui-text) !important;
}
html body.site-shell #fleet-grid .offer-checkout .conversion-confirmation.instant {
  background: var(--cm-positive-soft) !important; color: var(--cm-positive-ink) !important;
}
html body:is(.site-shell,.standalone-page,.admin-page) :is(.cta,.btn-primary,.card-book-btn,.btn-hold,[data-wizard-next],.public-page__hero-action,.public-page__lead-submit,.business-apply,.auth-submit,.category-filter-done,#p0-show-cars,#compare-action):hover:not(:disabled) {
  background: var(--cm-action-hover) !important; border-color: var(--cm-action-hover) !important;
}
html body.site-shell :is(.card-total-price,.card-daily-price strong,.card-daily-price b,.price,.compare-price,.price-savings,.booking-term-pricing__saving,.price-savings-highlight) { color: var(--cm-price-ink) !important; }
html body.site-shell :is(.booking-term-pricing__item-label small,.booking-term-pricing__item-price strong) { color: var(--cm-price-ink) !important; }
html body.site-shell :is(.price-savings,.promotion-badge,.booking-term-pricing__badge) { background: #FFF2E6 !important; color: #A84300 !important; }
html body #map-wrapper .leaflet-marker-icon .map-price-marker {
  background: var(--cm-ui-paper) !important; border-color: var(--cm-brand) !important; color: var(--cm-ui-text) !important;
}
html body #map-wrapper .leaflet-marker-icon .map-view-cluster {
  background: var(--cm-brand) !important; color: #fff !important;
}
html body #map-wrapper .leaflet-marker-icon .map-price-marker.is-selected { background: var(--cm-action) !important; color: var(--cm-action-ink) !important; }
html body.site-shell :is(.filter-btn.active,.catalog-filter-chip,.mobile-menu-item.active,.p-switch.active) {
  background: var(--primary-light) !important; border-color: var(--cm-ui-link) !important; color: var(--cm-ui-link) !important;
}
html body.site-shell :is(#mobile-nav,.mobile-nav) :is(a.active,button.active) { color: var(--cm-ui-link) !important; background: var(--primary-light) !important; }
html body.site-shell :is(#mobile-nav,.mobile-nav) .nav-list-car { color: var(--cm-ui-link) !important; }
html body.site-shell :is(#mobile-nav,.mobile-nav) .nav-list-car .icon { background: var(--cm-brand) !important; color: #fff !important; box-shadow: none !important; }
html body.site-shell :is(.availability-pill.available,.car-card__badge--positive,.success-message),
html body.site-shell #fleet-grid .car-card__badges .car-card__badge--positive {
  background: var(--cm-positive-soft) !important; color: var(--cm-positive-ink) !important; border-color: var(--cm-positive) !important;
}
html body.site-shell :is(.car-card,.card-img-box,.offer-media) { background-color: var(--cm-ui-paper) !important; }
html body.site-shell .car-card .card-actions .act-btn:is(.favorite-action.active,.compare-action.active-cmp) { background: var(--cm-brand) !important; border-color: var(--cm-brand) !important; color: #fff !important; box-shadow: 0 3px 10px #1e3a8a22 !important; }
html body.admin-page :is(.tab-btn.active,.cabinet-mobile-nav button[aria-current],.cabinet-mobile-nav button.active) { background: var(--cm-brand) !important; color: #fff !important; }
html body.admin-page :is(button.btn-save,button.btn-approve) { background: var(--cm-brand) !important; color: #fff !important; }
html body.staff-login-page button:not(.link-btn) { background: var(--cm-action) !important; color: var(--cm-action-ink) !important; -webkit-text-fill-color: var(--cm-action-ink) !important; }
html body.staff-login-page .link-btn { color: var(--cm-ui-link) !important; border-color: var(--cm-ui-line) !important; background: var(--cm-ui-paper) !important; }
html body :is(.search-clear-btn,.mic-btn):focus-visible { outline-color: var(--cm-ui-link) !important; }
@media (max-width: 760px) {
  html body :is(#main-header .header-brand-mark,.cabinet-brand .header-brand-mark).brand-logo-frame { width: 152px !important; height: 44px !important; }
  html body #main-header .header-logo-button { min-height: 44px; }
  html body.admin-page .cabinet-header-identity h2 { font-size: 13px !important; }
  .cabinet-header-identity { gap: 8px; }
}
@media (max-width: 360px) {
  html body #main-header .header-brand-mark.brand-logo-frame { width: 136px !important; height: 40px !important; }
}
@media print {
  html body { background: #fff !important; color: #000 !important; }
  html body .price { color: #000 !important; }
}