
:root{
  --bg0:#dfe7f1;
  --bg1:#e8eef6;
  --text:#14263d;
  --muted:#465b73;
  --line:#c8d5e4;
}
body{
  background: linear-gradient(180deg, #eef3f8 0%, #dde6f0 100%) !important;
  color: var(--text) !important;
}
.wrap{ max-width: 1280px !important; }
.heroBanner{ box-shadow: 0 18px 40px rgba(16,40,72,.18) !important; }
.modeBar,
.cardLike,
.uxSummaryCard,
.uxMissingCard,
.vinField,
.card,
.startup-hint,
.marketWrap .row,
#marketBox,
.helpModal,
.midCard,
.aiCard{
  background:#f7fafd !important;
  border:1px solid #cad7e6 !important;
  box-shadow:0 8px 26px rgba(18,38,61,.07) !important;
}
.muted,.sub,#vinInfo,.vinAutoHint,.uxMissingLead,.modeBarSub,.aiNote,.vshAsOf,.helpModalSub,.helpTip{ color:#52667f !important; }
.cardHeader{ background:#eef4fb !important; }
.cardHeader h2,.midTitle,.helpModalTitle,.valueCommentTitle,.ageChartTitle,#calcStatus,.resultBox .price,.resultBox .price.heroPrice,#vshOut{ color:#16324d !important; }
#vshOut{ font-weight:900 !important; }
#calcStatus{ color:#36516d !important; font-weight:700 !important; }
.uxStatePill,.uxMissingChip,.vinTag,.marketStatusTag,.availabilityBadge{ color:#24425f !important; }
.uxMissingChip{ background:#edf3fa !important; border-color:#cfdae7 !important; }
.uxMetric{ background:#f2f7fc !important; border-color:#d4deea !important; }
label{ color:#3e556d !important; }
select,input,textarea{
  -webkit-appearance:auto !important;
  appearance:auto !important;
  background:#ffffff !important;
  color:#13263b !important;
  border:1px solid #b8c8da !important;
  background-image:none !important;
  box-shadow:none !important;
}
select option{ color:#13263b !important; background:#fff !important; }
select::placeholder,input::placeholder,textarea::placeholder{ color:#74879b !important; }
select:focus,input:focus,textarea:focus{ border-color:#256be6 !important; box-shadow:0 0 0 4px rgba(37,107,230,.12) !important; }
.formSectionBlock{ background:#f1f6fb !important; border:1px solid #d5e0eb !important; }
.resultBox,.resultHeroPanel,.valueComment,.marketComment,.marketPositionBox,.ageChartBox{ background:#f8fbfe !important; border-color:#d4dfeb !important; color:#17324d !important; }
.warn,.smartWarn{ background:#fff1d8 !important; border-color:#efc77d !important; color:#7a4f00 !important; }
.btn{ color:#18314c !important; border-color:#bccddd !important; }
.btn.secondary,.btn.link{ background:#eef4fb !important; }
.topControls .btn:not(.accent):not(.primary):not(.good):not(.danger){ background:#f6f9fc !important; }
.vinSummaryWrap,.vinSummaryBlock{ color:#18314c !important; }
.vinSummaryWrap{ background:#e6ebf2 !important; border:1px solid #c8d2dd !important; }
.vinSummaryTitle,.vinSummaryBlock h4,.formSectionTitle{ color:#1b3450 !important; }
.vinSummaryNote{ color:#6a4d00 !important; }
.demoBadge{ background:#103b73 !important; }
