:root{
  --text:#102235;
  --muted:#43566a;
  --line:#bccadc;
  --panel:#ffffff;
  --panel-soft:#f3f7fc;
  --bg:#dbe5f0;
  --bg2:#eaf0f7;
  --accent:#255fda;
  --accent-2:#0f7f7a;
}
body{
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(37,95,218,.10), transparent 58%),
    radial-gradient(760px 380px at 100% 0%, rgba(15,127,122,.08), transparent 60%),
    linear-gradient(180deg, #edf3f9 0%, #dbe5f0 100%) !important;
  color:var(--text) !important;
}
.wrap{ max-width:1320px !important; }
.heroBanner{
  background: linear-gradient(135deg, #2a56d4 0%, #4e7ef2 48%, #4f9f96 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.modeBar,.cardLike,.uxSummaryCard,.uxMissingCard,.vinField,.card,.startup-hint,.marketWrap .row,#marketBox,.helpModal,.midCard,.aiCard{
  background:var(--panel) !important;
  border:1px solid #c4d2e1 !important;
  box-shadow:0 10px 28px rgba(16,34,53,.09) !important;
}
.cardHeader{
  background:linear-gradient(180deg, #f8fbff 0%, #eff5fb 100%) !important;
  border-bottom:1px solid #d3deea !important;
}
.cardHeader h2,.midTitle,.helpModalTitle,.valueCommentTitle,.ageChartTitle,#calcStatus,#vshOut,.resultBox .price,.resultBox .price.heroPrice{
  color:var(--text) !important;
}
.muted,.sub,#vinInfo,.vinAutoHint,.uxMissingLead,.modeBarSub,.aiNote,.vshAsOf,.helpModalSub,.helpTip{
  color:var(--muted) !important;
}
label,.vinSummaryTitle,.vinSummaryBlock h4,.formSectionTitle,.uxCardHead,.modeBarLabel{
  color:#213c58 !important;
}
input,select,textarea{
  background:#fff !important;
  color:var(--text) !important;
  border:1px solid #b0c2d6 !important;
}
input:focus,select:focus,textarea:focus{
  border-color:#255fda !important;
  box-shadow:0 0 0 4px rgba(37,95,218,.14) !important;
}
.uxMetric{
  background:#f4f8fd !important;
  border-color:#d6e1ec !important;
}
.uxStatePill{
  font-weight:800 !important;
}
.uxStatePill.is-ready{
  background:#e6f5ef !important;
  border-color:#b9decf !important;
  color:#0f6a56 !important;
}
.uxStatePill.is-warning{
  background:#fff4de !important;
  border-color:#ebca86 !important;
  color:#8c5600 !important;
}
.uxStatePill.is-danger{
  background:#fff0ef !important;
  border-color:#efc1be !important;
  color:#9f3e36 !important;
}
.uxStatePill.is-muted{
  background:#edf4ff !important;
  border-color:#c8daf6 !important;
  color:#25486f !important;
}
.uxMissingChip{
  background:#edf3fa !important;
  border-color:#cad7e5 !important;
  color:#203a56 !important;
}
.resultHeroPanel{
  background:linear-gradient(180deg, #ffffff 0%, #f2f7fd 100%) !important;
  border:1px solid #d0dceb !important;
}
#vshOut{
  color:#102235 !important;
  font-size:clamp(34px, 4vw, 54px) !important;
  letter-spacing:-0.02em !important;
  font-weight:900 !important;
}
#calcStatus{
  color:#334f69 !important;
  font-weight:800 !important;
}
.warn,.smartWarn{
  background:#fff0d7 !important;
  border:1px solid #efc577 !important;
  color:#744a00 !important;
}
.btn{
  color:#18304a !important;
  border-color:#b9cbde !important;
  background:#ffffff !important;
}
.btn.accent,.btn.primary,.btn.good{
  background:linear-gradient(180deg, #3d73f0 0%, #255fda 100%) !important;
  border-color:#255fda !important;
  color:#fff !important;
}
.btn.danger{
  background:linear-gradient(180deg, #eba43a 0%, #d98a19 100%) !important;
  border-color:#d98a19 !important;
  color:#fff !important;
}
.topControls .btn:not(.accent):not(.primary):not(.good):not(.danger){
  background:#f8fbff !important;
}
.formSectionBlock{
  background:#f7fbff !important;
  border:1px solid #d7e2ee !important;
}
.valueComment,.marketComment,.marketPositionBox,.ageChartBox{
  background:#f7fbff !important;
  border:1px solid #d6e2ee !important;
}
.marketWrap .stat,.statCard{
  background:#f7fbff !important;
  border-color:#d7e1ec !important;
}
.demoBadge{
  background:#183f85 !important;
}