/* OKC local package – single final visual layer for IRIS SH. */
body.levada-prototype {
  --okc-navy: #17324d;
  --okc-blue: #009bd7;
  --okc-blue-dark: #087eae;
  --okc-cyan-soft: #eaf8fd;
  --okc-surface: #ffffff;
  --okc-bg: #eef4f8;
  --okc-line: #c8dce9;
  --okc-text: #17324d;
  --okc-muted: #5f7890;
  --okc-success: #117255;
  --levada-navy: var(--okc-navy) !important;
  --levada-blue: var(--okc-blue) !important;
  --levada-line: var(--okc-line) !important;
  --levada-paper: var(--okc-surface) !important;
  --levada-bg: var(--okc-bg) !important;
  --levada-text: var(--okc-text) !important;
  --levada-muted: var(--okc-muted) !important;
  --v51-blue: var(--okc-blue) !important;
  --accent: var(--okc-blue) !important;
}

body.levada-prototype input,
body.levada-prototype select,
body.levada-prototype textarea {
  color: var(--okc-text) !important;
  background: #fff !important;
  border-color: #aac6d8 !important;
}

body.levada-prototype input:focus,
body.levada-prototype select:focus,
body.levada-prototype textarea:focus {
  border-color: var(--okc-blue) !important;
  outline-color: var(--okc-blue) !important;
  box-shadow: 0 0 0 3px rgba(0,155,215,.16) !important;
}

body.levada-prototype button,
body.levada-prototype .btn,
body.levada-prototype [role="button"] {
  border-color: #9cbdd1 !important;
}

body.levada-prototype button.secondary,
body.levada-prototype .btn.secondary,
body.levada-prototype .btn-secondary {
  color: var(--okc-navy) !important;
  background: #f3f9fc !important;
  border-color: #aac6d8 !important;
}

body.levada-prototype button:hover,
body.levada-prototype .btn:hover {
  border-color: var(--okc-blue) !important;
}

/* Jednotná paleta IRIS SH: všetky hlavné akcie sú modré, bez zelenej
   a oranžovej zdedenej z pôvodných tém. */
body.levada-prototype button.primary,
body.levada-prototype .btn.primary,
body.levada-prototype .btn-primary,
body.levada-prototype .btn.good,
body.levada-prototype .btn.ai,
body.levada-prototype .btn.accent,
body.levada-prototype .primaryAction,
body.levada-prototype .proposalQuickAction.primary,
body.levada-prototype #prepareAutomaticBaseline {
  color: #fff !important;
  background: linear-gradient(180deg, #10a9e3 0%, var(--okc-blue-dark) 100%) !important;
  border-color: var(--okc-blue-dark) !important;
  box-shadow: 0 10px 22px rgba(0, 123, 174, .18) !important;
}

body.levada-prototype button.primary:hover,
body.levada-prototype .btn.primary:hover,
body.levada-prototype .btn.good:hover,
body.levada-prototype .btn.ai:hover,
body.levada-prototype .btn.accent:hover {
  color: #fff !important;
  background: linear-gradient(180deg, #079bd5 0%, #066f9a 100%) !important;
}

body.levada-prototype .btn.danger,
body.levada-prototype button.danger {
  color: #a63245 !important;
  background: #fff7f8 !important;
  border-color: #d9a5ae !important;
  box-shadow: none !important;
}

body.levada-prototype .proposalAiMarker.ai,
body.levada-prototype .proposalAiMarker.ai::before,
body.levada-prototype .proposalAiLegendSwatch.ai,
body.levada-prototype .listingCompareMarker--listing {
  background: var(--okc-blue) !important;
}

body.levada-prototype .levadaQuickVinStatus.is-ok,
body.levada-prototype .statusReady,
body.levada-prototype .statusComplete,
body.levada-prototype .manualImportConfidence.is-high {
  color: #075d85 !important;
  background: #e6f7fd !important;
  border-color: #91cfe6 !important;
}

body.levada-prototype .wizardTab.active,
body.levada-prototype .tab.active {
  color: var(--okc-navy) !important;
  background: #dff3fb !important;
  border-color: var(--okc-blue) !important;
}

body.levada-prototype .wizardTab .number,
body.levada-prototype .stepNumber {
  color: var(--okc-navy) !important;
  background: var(--okc-cyan-soft) !important;
}

body.levada-prototype .wizardTab.active .number {
  color: #fff !important;
  background: var(--okc-blue) !important;
}

body.levada-prototype .formGrid > div:not(.full),
body.levada-prototype .levadaQuickVin,
body.levada-prototype .levadaBaselineSummary,
body.levada-prototype .workspacePanel,
body.levada-prototype .resultPanel,
body.levada-prototype .ageChartBox,
body.levada-prototype .valueTrajectoryCanvas {
  color: var(--okc-text) !important;
  background: #fff !important;
  border-color: var(--okc-line) !important;
}

body.levada-prototype .formSectionBlock,
body.levada-prototype .valueRangeBox,
body.levada-prototype .resultExplanation,
body.levada-prototype .calculationMeta,
body.levada-prototype .levadaValueMeaning {
  color: var(--okc-text) !important;
  background: #f3f9fc !important;
  border-color: var(--okc-line) !important;
  border-left-color: var(--okc-blue) !important;
}

body.levada-prototype .autoProgressCard {
  color: var(--okc-text) !important;
  background: #fff !important;
  border-color: var(--okc-line) !important;
}

body.levada-prototype .autoProgressSpinner {
  border-color: #d9e8f1 !important;
  border-top-color: var(--okc-blue) !important;
}

body.levada-prototype .autoProgressEyebrow,
body.levada-prototype .levadaSectionEyebrow {
  color: var(--okc-blue-dark) !important;
}

body.levada-prototype .autoProgressBar > span {
  background: linear-gradient(90deg, #657de2, var(--okc-blue)) !important;
}

body.levada-prototype .levadaBaselineHead > strong {
  color: var(--okc-navy) !important;
  background: var(--okc-cyan-soft) !important;
}

body.levada-prototype .levadaValueMeaningIcon {
  color: #fff !important;
  background: var(--okc-blue) !important;
}

body.levada-prototype #modeLabel,
body.levada-prototype #calcStatus {
  color: var(--okc-navy) !important;
  background: var(--okc-cyan-soft) !important;
  border-color: var(--okc-line) !important;
}

body.levada-prototype #calcIdUi,
body.levada-prototype #calcDateUi,
body.levada-prototype #calcIdUi b,
body.levada-prototype #calcDateUi b,
body.levada-prototype .vshMetaItem b,
body.levada-prototype .vshAsOf b,
body.levada-prototype .valueRangeValue {
  color: var(--okc-navy) !important;
}

body.levada-prototype #vshOut,
body.levada-prototype .heroPrice {
  color: var(--okc-navy) !important;
  background: linear-gradient(90deg, #657de2, var(--okc-blue)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.okcComparisonGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.okcComparisonCard {
  min-width: 0;
  padding: 18px;
  color: var(--okc-text);
  background: #fff;
  border: 1px solid var(--okc-line);
  border-radius: 15px;
}

.okcComparisonCard.is-automatic {
  background: linear-gradient(145deg, #eef9fd, #fff);
  border: 2px solid var(--okc-blue);
}

.levadaBaselineSummary.is-provisional .okcComparisonCard.is-automatic {
  background: linear-gradient(145deg, #f3f9fc, #fff);
  border-style: dashed;
}

.okcComparisonCard span,
.okcComparisonCard small {
  display: block;
}

.okcComparisonCard span {
  color: var(--okc-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.okcComparisonCard strong {
  display: block;
  margin: 12px 0 6px;
  color: var(--okc-navy);
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1;
}

.okcComparisonCard strong.is-positive { color: #117255; }
.okcComparisonCard strong.is-negative { color: #b34545; }
.okcComparisonCard small { color: var(--okc-muted); }

.okcAutomaticNote {
  margin-top: 12px;
  padding: 12px 14px;
  color: var(--okc-text);
  background: #eef9fd;
  border-left: 4px solid var(--okc-blue);
  border-radius: 8px;
}

.okcAiVinReview {
  margin-top: 14px;
  padding: 16px;
  color: var(--okc-text);
  background: #f3faff;
  border: 1px solid var(--okc-line);
  border-left: 5px solid var(--okc-blue);
  border-radius: 15px;
}

.okcAiVinReview.is-busy {
  opacity: .72;
  pointer-events: none;
}

.okcAiVinReviewHead {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
}

.okcAiVinReviewIcon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: #fff;
  background: linear-gradient(145deg, #657de2, var(--okc-blue));
  border-radius: 11px;
  font-size: 11px;
  font-weight: 900;
}

.okcAiVinReviewHead span {
  color: var(--okc-blue-dark);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}

.okcAiVinReviewHead h3 {
  margin: 2px 0 0;
  color: var(--okc-navy);
  font-size: 17px;
}

.okcAiVinReviewHead > strong {
  padding: 6px 9px;
  color: #075d85;
  background: #e6f7fd;
  border: 1px solid #a9dbea;
  border-radius: 999px;
  font-size: 11px;
}

.okcAiVinReview > p {
  margin: 12px 0 0;
  color: #49677f;
  line-height: 1.5;
}

.okcAiVinReviewList {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.okcAiVinReviewList > div {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 4px 12px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid var(--okc-line);
  border-radius: 10px;
}

.okcAiVinReviewList span {
  color: var(--okc-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.okcAiVinReviewList strong { color: var(--okc-navy); }
.okcAiVinReviewList small {
  grid-column: 2;
  color: var(--okc-muted);
  line-height: 1.4;
}

.okcAiVinReviewActions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.okcAiVhvReview {
  margin-top: 14px;
  padding: 18px;
  color: var(--okc-text);
  background: linear-gradient(145deg, #f3faff 0%, #fff 74%);
  border: 1px solid var(--okc-line);
  border-left: 5px solid var(--okc-blue);
  border-radius: 16px;
}

.okcAiVhvReview.is-review {
  border-color: #77bdda;
  border-left-color: var(--okc-blue-dark);
  box-shadow: 0 12px 28px rgba(23, 50, 77, .09);
}

.okcAiVhvReviewHead {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.okcAiVhvReviewIcon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #fff;
  background: linear-gradient(145deg, #657de2, var(--okc-blue));
  border-radius: 12px;
  font-size: 12px;
  font-weight: 900;
}

.okcAiVhvReviewEyebrow {
  display: block;
  color: var(--okc-blue-dark);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
}

.okcAiVhvReview h3 {
  margin: 2px 0 0;
  color: var(--okc-navy);
  font-size: 19px;
}

.okcAiVhvReviewHead > strong {
  padding: 7px 10px;
  color: #075d85;
  background: #e6f7fd;
  border: 1px solid #a9dbea;
  border-radius: 999px;
  font-size: 12px;
}

.okcAiVhvReviewStatus {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  color: #36566f;
  line-height: 1.5;
}

.okcAiVhvSpinner {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 2px solid #c9e6f1;
  border-top-color: var(--okc-blue);
  border-radius: 50%;
  animation: okcAiVhvSpin .8s linear infinite;
}

@keyframes okcAiVhvSpin { to { transform: rotate(360deg); } }

.okcAiVhvReviewGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 15px;
}

.okcAiVhvReviewGrid > div {
  padding: 13px 14px;
  background: #fff;
  border: 1px solid var(--okc-line);
  border-radius: 12px;
}

.okcAiVhvReviewGrid span {
  display: block;
  color: var(--okc-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.okcAiVhvReviewGrid strong {
  display: block;
  margin-top: 7px;
  color: var(--okc-navy);
  font-size: 18px;
}

.okcAiVhvImpact {
  margin-top: 12px;
  padding: 10px 12px;
  color: #315a76;
  background: #eaf8fd;
  border-radius: 10px;
  font-weight: 750;
}

.okcAiVhvReviewNote {
  margin: 10px 0 0;
  color: var(--okc-muted);
  font-size: 12px;
  line-height: 1.5;
}

.okcAiVhvActions,
.okcAiVhvCustom {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.okcAiVhvCustom {
  align-items: end;
  padding: 12px;
  background: #f4f9fc;
  border: 1px solid var(--okc-line);
  border-radius: 12px;
}

.okcAiVhvCustom label {
  flex: 1 1 100%;
  color: var(--okc-navy) !important;
  font-weight: 800;
}

.okcAiVhvCustom input {
  flex: 1 1 220px;
  min-height: 44px;
}

.okcMarketEvidence {
  margin-top: 12px;
  padding: 16px;
  color: var(--okc-text);
  background: #fff;
  border: 1px solid var(--okc-line);
  border-radius: 12px;
}

.okcMarketEvidence h3 {
  margin: 0 0 12px;
  padding: 0;
  color: var(--okc-navy);
  font-weight: 800;
  font-size: 16px;
}

#okcMarketEvidenceBody {
  display: block;
  padding: 0;
}

#okcMarketEvidenceBody > div {
  width: 100%;
}

#okcMarketEvidenceBody > .okcMarketEvidenceEmpty {
  display: block;
  color: var(--okc-muted);
  padding: 22px;
  text-align: center;
  border: 1px dashed var(--okc-line);
  border-radius: 14px;
  background: #f7fbfe;
}

#okcMarketEvidenceBody .heroMarketCard {
  margin: 0;
  box-shadow: none;
  border-color: var(--okc-line);
}

#heroMarketSummary {
  display: none !important;
}

.vhvSuggest .vhvAiSuggestText {
  flex-basis: 100%;
  color: var(--okc-text);
  padding-top: 0.2rem;
}

.manualImportPreviewCard {
  width: min(1020px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 40px);
  overflow: auto;
}

.manualImportPriceContext {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 20px;
  margin: 14px 0;
  padding: 14px 16px;
  color: var(--okc-text);
  background: #eef9fd;
  border: 1px solid var(--okc-line);
  border-radius: 12px;
}

.manualImportPriceContext strong { color: var(--okc-navy); font-size: 22px; }
.manualImportPriceContext small { grid-column: 1 / -1; color: var(--okc-muted); }

.manualImportTableWrap { overflow-x: auto; }
.manualImportMappingTable {
  width: 100%;
  border-collapse: collapse;
  color: var(--okc-text);
}

.manualImportMappingTable th,
.manualImportMappingTable td {
  padding: 10px 12px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #dbe9f1;
}

.manualImportMappingTable thead th {
  color: var(--okc-muted);
  font-size: 11px;
  text-transform: uppercase;
}

.manualImportFieldCheck { width: 18px; height: 18px; accent-color: var(--okc-blue); }
.manualImportConfidence {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}
.manualImportConfidence.is-high { color: #0c674d; background: #dff5ec; }
.manualImportConfidence.is-medium { color: #8b5c00; background: #fff1c8; }
.manualImportConfidence.is-low { color: #8b3434; background: #fde5e5; }
.manualImportWarning {
  margin: 8px 0;
  padding: 10px 12px;
  color: #8b3434;
  background: #fff0f0;
  border-left: 4px solid #d46060;
  border-radius: 8px;
}
.manualImportSourceLink {
  display: inline-block;
  margin-top: 12px;
  color: var(--okc-blue-dark) !important;
  font-weight: 700;
}

/* Samostatný starý trhový blok je nahradený podkladmi pod tromi sumami. */
.levadaListingImport > div:first-child strong {
  margin-right: 0.35rem;
}

#marketBox,
.marketNextActionRow,
#marketNextStep {
  display: none !important;
}

/* Nevyužívané AI modály a VIN audity zostávajú skryté. Samostatná obrazovka
   AI porovnania a potvrdený AI návrh VHV sú dostupné v pracovisku. */
[data-prototype-nav="ai-compare"],
#aiModal,
#aiVerifyBtn,
#aiMarketCheckBtn,
#decoderAiDeepAuditBtn,
.aiVerifyBtn {
  display: none !important;
}

@media (max-width: 760px) {
  .okcComparisonGrid { grid-template-columns: 1fr; }
  .okcAiVinReviewHead { grid-template-columns: auto minmax(0, 1fr); }
  .okcAiVinReviewHead > strong { grid-column: 1 / -1; justify-self: start; }
  .okcAiVinReviewList > div { grid-template-columns: 1fr; }
  .okcAiVinReviewList small { grid-column: 1; }
  .okcAiVinReviewActions .btn { width: 100%; }
  .okcAiVhvReviewGrid { grid-template-columns: 1fr 1fr; }
  .okcAiVhvReviewHead { grid-template-columns: auto minmax(0, 1fr); }
  .okcAiVhvReviewHead > strong { grid-column: 1 / -1; justify-self: start; }
  .okcAiVhvActions .btn { width: 100%; }
  .manualImportMappingTable { min-width: 780px; }
}