
:root{
  --v52-bg:#dbe5f0;
  --v52-line:#bccddd;
  --v52-text:#162d46;
  --v52-text-2:#294766;
  --v52-muted:#58718d;
  --v52-shadow:0 14px 34px rgba(18,43,72,.07);
}
body{
  background:
    radial-gradient(860px 380px at 0% 0%, rgba(29,99,221,.07), transparent 52%),
    radial-gradient(720px 320px at 100% 0%, rgba(21,128,93,.06), transparent 54%),
    linear-gradient(180deg, #edf3f8 0%, var(--v52-bg) 100%) !important;
  color:var(--v52-text) !important;
}
.card,.cardLike,.modeBar,.vinField,.uxSummaryCard,.uxMissingCard,.startup-hint,.resultBox,.midCard,.helpModal,.aiCard,#marketBox,.marketWrap .row,.ageChartBox,.valueComment,.marketComment,.marketPositionBox{border-color:var(--v52-line) !important;box-shadow:var(--v52-shadow) !important;color:var(--v52-text) !important;}
.cardHeader,.resultHead,.midHeader,.aiHead{background:linear-gradient(180deg, #fbfdff, #f1f6fb) !important;border-bottom:1px solid var(--v52-line) !important;}
.cardHeader h2,.resultHead h2,.midTitle,.helpModalTitle,.aiTitle,.valueCommentTitle,.ageChartTitle,.uxCardHead,.modeBarLabel,.formSectionTitle{color:var(--v52-text) !important;}
label,.formSectionEyebrow,.field label,.valueRangeLabel,.marketPosTitle,.marketDeviationTitle{color:var(--v52-text-2) !important;}
.muted,.sub,.modeBarSub,.uxMissingLead,.formSectionText,.helpModalSub,.vshAsOf,.historyTools,.historyList,.aiNote,#vinInfo,.vinAutoHint,.marketMeta .muted,.k,.stat .k{color:var(--v52-muted) !important;}
.valueComment{background:#ffffff !important;border-color:#cfe0ed !important;}
.valueCommentTitle{color:#1c4f89 !important;}
.valueCommentBody{color:#304b67 !important;font-weight:500 !important;}
.marketComment{background:#f2fbf5 !important;border:2px solid #b9ddc3 !important;color:#28533e !important;font-weight:600 !important;line-height:1.6 !important;}
.marketPositionBox{background:linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;border:2px solid #cfe0ed !important;padding:16px 16px 14px !important;}
.marketPosTitle{font-size:14px !important;font-weight:800 !important;margin-bottom:10px !important;}
.marketPosScale{gap:12px !important;align-items:center !important;}
.marketPosMin,.marketPosMax{color:var(--v52-muted) !important;font-size:14px !important;font-weight:700 !important;white-space:nowrap !important;}
.marketPosTrack{position:relative !important;height:14px !important;background:linear-gradient(90deg, #eef3f9, #ffffff 48%, #eef3f9) !important;border:2px solid #bfd0df !important;border-radius:999px !important;overflow:visible !important;}
.marketPosTrackFill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg, rgba(96,165,250,.38), rgba(56,189,248,.38), rgba(34,197,94,.32));}
.marketPosTrack::after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;background:#c4d3e3;transform:translateX(-50%);border-radius:999px;}
.marketPosDot{width:18px !important;height:18px !important;background:#0f9f7a !important;border:3px solid #ffffff !important;box-shadow:0 0 0 5px rgba(15,159,122,.18) !important;}
.marketPosValue{margin-top:10px !important;font-size:18px !important;font-weight:900 !important;color:var(--v52-text) !important;}
.marketDeviation{margin-top:14px;padding:14px;border-radius:16px;border:2px solid #d8e6f2;background:#ffffff;}
.marketDeviationHead{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;}
.marketDeviationTitle{font-size:14px;font-weight:800;margin:0;}
.marketDeviationBadge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.01em;border:2px solid transparent;}
.marketDeviation--below{background:linear-gradient(180deg, #f5fbff, #ffffff);border-color:#c9ddf0;}
.marketDeviation--below .marketDeviationBadge{background:#eaf4ff;border-color:#c5dcf4;color:#1d5d9f;}
.marketDeviation--above{background:linear-gradient(180deg, #fffaf1, #ffffff);border-color:#efd7a0;}
.marketDeviation--above .marketDeviationBadge{background:#fff1cf;border-color:#ecd090;color:#965f07;}
.marketDeviation--near{background:linear-gradient(180deg, #f2fbf5, #ffffff);border-color:#c5e3d0;}
.marketDeviation--near .marketDeviationBadge{background:#edf9f2;border-color:#bfe0cc;color:#1a7b57;}
.marketDeviationBar{position:relative;height:14px;border-radius:999px;border:2px solid #bfd0df;background:linear-gradient(90deg, rgba(96,165,250,.22) 0%, rgba(235,241,248,.95) 50%, rgba(251,191,36,.24) 100%);overflow:visible;}
.marketDeviationCenter{position:absolute;left:50%;top:-5px;bottom:-5px;width:2px;background:#8ea4bb;transform:translateX(-50%);border-radius:999px;}
.marketDeviationFill{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg, rgba(34,197,94,.38), rgba(56,189,248,.48), rgba(29,99,221,.45));}
.marketDeviation--above .marketDeviationFill{background:linear-gradient(90deg, rgba(245,158,11,.45), rgba(234,179,8,.5));}
.marketDeviationMarker{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;border:3px solid #ffffff;background:#1f63dd;box-shadow:0 0 0 5px rgba(31,99,221,.14);}
.marketDeviation--above .marketDeviationMarker{background:#d68a0c;box-shadow:0 0 0 5px rgba(214,138,12,.16);}
.marketDeviation--near .marketDeviationMarker{background:#18a06c;box-shadow:0 0 0 5px rgba(24,160,108,.15);}
.marketDeviationScale{margin-top:8px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;font-size:12px;font-weight:700;color:var(--v52-muted);}
.marketDeviationScale span:nth-child(2){justify-self:center;color:var(--v52-text-2);}
.marketDeviationScale span:last-child{justify-self:end;}
.marketDeviationNote{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f6f9fc;color:var(--v52-text-2);font-size:13px;line-height:1.5;border:1px solid #d7e3ef;}
.weightBox{background:#ffffff !important;border:2px solid #d2e1ed !important;}
.weightTop b,.wPct{color:var(--v52-text) !important;}.weightHint,.wName{color:var(--v52-muted) !important;}
.wBar{height:12px !important;border:2px solid #bfd0df !important;background:#f3f7fb !important;}
.wFill{background:linear-gradient(90deg, #75c2f4, #55a9ea) !important;}
.wFill.calc{background:linear-gradient(90deg, #79d3a2, #41b878) !important;}
.midCard{background:#ffffff !important;border:2px solid #cad9e6 !important;box-shadow:0 24px 60px rgba(16,36,68,.18) !important;}
.midHeader{position:sticky !important;top:0 !important;z-index:2 !important;background:linear-gradient(180deg, #f8fbff, #eef4fb) !important;border-bottom:1px solid #d4e1ee !important;backdrop-filter:none !important;}
.midTitle{color:var(--v52-text) !important;}
.midHeader .btn{box-shadow:none !important;}
.historySearch,.historySort{border:2px solid #aec1d5 !important;background:#ffffff !important;color:var(--v52-text) !important;}
.historySearch::placeholder{color:#7388a1 !important;}
.histItem{background:linear-gradient(180deg, #ffffff, #f6faff) !important;border:2px solid #d4e1ed !important;box-shadow:0 8px 20px rgba(18,43,72,.06) !important;}
.histItem:hover{background:#eef5ff !important;border-color:#bcd1ea !important;}
.histTitle,.histTop .t{color:var(--v52-text) !important;}.histMeta{color:#627b96 !important;}
.histPrice,.histTop .p{background:none !important;color:#1760d1 !important;-webkit-text-fill-color:#1760d1 !important;filter:none !important;text-shadow:none !important;}
.histActions .btn{background:#ffffff !important;}
.historyStarOnly{background:#fff8e8 !important;border-color:#e6cf8e !important;color:#8c6508 !important;}
.stat{background:#ffffff !important;border:2px solid #d4e1ed !important;}
.stat .v,#mCount,#mAvg,#mMed,#mRange{color:var(--v52-text) !important;}
#marketStatus{color:#35516f !important;font-weight:800 !important;}
.infoBubble{color:var(--v52-text) !important;background:#ffffff !important;border:2px solid #cad8e6 !important;}
.demoBadge{background:rgba(26,79,169,.96) !important;color:#ffffff !important;box-shadow:0 10px 24px rgba(16,36,68,.16) !important;}
@media (max-width: 800px){.marketPosScale{grid-template-columns:1fr !important;gap:8px !important;}.marketPosMin,.marketPosMax{display:flex !important;justify-content:space-between !important;}.marketPosMax::before{content:"Horná hranica";font-weight:700;color:var(--v52-muted);}.marketPosMin::before{content:"Dolná hranica";font-weight:700;color:var(--v52-muted);}.marketDeviation{padding:12px;}.marketDeviationHead{flex-direction:column;align-items:stretch;}.marketDeviationBadge{justify-content:center;}.demoBadge{top:18px !important;right:16px !important;font-size:13px !important;padding:10px 14px !important;}}
@media (max-width: 480px){.marketDeviationScale{font-size:11px;}.marketDeviationNote{font-size:12px;}.valueCommentBody,.marketComment{font-size:14px !important;}}


/* ===== v53 – detail výpočtu: oprava viditeľnosti hodnôt ===== */
.midBody,
#midCalcList,
#midCalcList p,
#midCalcList .muted{
  color: #48637e !important;
}
.midTable{
  border: 2px solid #cad9e6 !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.midTable thead th{
  background: linear-gradient(180deg, #cfd8e2, #bcc8d5) !important;
  color: #17324d !important;
  border-bottom: 1px solid #b7c6d4 !important;
  text-shadow: none !important;
}
.midTable tbody td{
  background: #ffffff !important;
  border-bottom: 1px solid #e1eaf2 !important;
}
.midTable tbody tr:nth-child(even) td{
  background: #f7fbff !important;
}
.midTable td.k{
  color: #4c6783 !important;
  font-weight: 700 !important;
}
.midTable td.v{
  color: #10263f !important;
  -webkit-text-fill-color: #10263f !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}
.midTable tr:hover td{
  background: #eef5fc !important;
}
@media (max-width: 560px){
  .midTable th, .midTable td{
    padding: 10px 10px !important;
    font-size: 14px !important;
  }
  .midTable td.k{ width: 58% !important; }
}
