:root {
  --iris-navy: #17324d;
  --iris-navy-deep: #10263b;
  --iris-blue: #009bd7;
  --iris-blue-dark: #007eaf;
  --iris-cyan-soft: #eaf8fd;
  --iris-line: #cddce7;
  --iris-surface: #ffffff;
  --iris-bg: #f2f6f9;
  --iris-text: #193247;
  --iris-muted: #60788a;
  --iris-ok: #17805c;
  --iris-warn: #a06412;
}

html, body.levada-prototype {
  background: var(--iris-bg) !important;
  color: var(--iris-text) !important;
}

body.levada-prototype {
  --levada-navy: var(--iris-navy);
  --levada-navy-2: #315979;
  --levada-blue: var(--iris-blue);
  --levada-blue-soft: #e7f6fc;
  --levada-line: var(--iris-line);
  --levada-paper: #ffffff;
  --levada-bg: var(--iris-bg);
  --levada-text: var(--iris-text);
  --levada-muted: var(--iris-muted);
  --levada-success: #168461;
  --levada-warn: #c47a12;
  --v51-blue: var(--iris-blue);
  --v51-blue-2: var(--iris-blue-dark);
  --accent: var(--iris-blue);
  --accent-2: #657de2;
  background: linear-gradient(180deg, #f5f9fc 0, var(--iris-bg) 34rem) !important;
}

.okcLangFloating { display: none !important; }

.levada-prototype .levadaPortalHeader {
  background: #ffffff !important;
  border-bottom: 4px solid var(--iris-blue) !important;
  box-shadow: 0 8px 24px rgba(23, 50, 77, .10) !important;
}

.levada-prototype .levadaPortalHeaderInner {
  min-height: 74px;
}

.levada-prototype .levadaPortalBrand {
  color: var(--iris-navy) !important;
}

.levada-prototype .levadaPortalLogo {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 126px;
  height: 48px;
  padding: 7px 12px;
  color: transparent !important;
  background: #fff url("../img/iris-sh-logo.png") center / 108px auto no-repeat !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.levada-prototype .levadaPortalBrandText,
.levada-prototype .levadaPortalNav { display: none !important; }

.levada-prototype .levadaPrototypeHero {
  background: linear-gradient(105deg, #657de2 0%, #6f8bd5 47%, #76acb4 100%) !important;
  border: 0 !important;
  color: var(--iris-navy) !important;
  text-align: center !important;
}

.levada-prototype .levadaPrototypeHero::after {
  display: none !important;
}

.levada-prototype .levadaPrototypeHero h1,
.levada-prototype .levadaPrototypeHero p {
  max-width: none !important;
  color: var(--iris-navy) !important;
}

.levada-prototype .levadaPrototypeHero h1 {
  margin: 0 0 8px !important;
  font-size: clamp(34px, 4vw, 48px) !important;
  line-height: 1.1 !important;
}

.levada-prototype .levadaPrototypeHero p {
  font-size: clamp(17px, 2vw, 21px) !important;
}

.levada-prototype .levadaPrototypeEyebrow,
.levada-prototype .levadaSectionEyebrow {
  color: var(--iris-blue-dark) !important;
}

.levada-prototype .levadaPrototypeHero .levadaPrototypeEyebrow {
  display: none !important;
}

.levada-prototype .levadaQuickVin,
.levada-prototype .levadaBaselineSummary,
.levada-prototype .levadaListingComparison,
.levada-prototype .levadaValueMeaning,
.levada-prototype .levadaPrivacyNote,
.levada-prototype .levadaPrototypeTabs,
.levada-prototype .levadaUtilityBar,
.levada-prototype .card,
.levada-prototype .workspaceCard {
  background: var(--iris-surface) !important;
  border-color: var(--iris-line) !important;
  box-shadow: 0 14px 34px rgba(23,50,77,.08) !important;
}

.levada-prototype .levadaQuickVin,
.levada-prototype .levadaBaselineSummary {
  border-top: 4px solid var(--iris-blue) !important;
}

.levada-prototype .btn.primary,
.levada-prototype button.primary,
.levada-prototype .levadaPrototypeTab.is-active {
  background: var(--iris-blue) !important;
  border-color: var(--iris-blue) !important;
  color: #fff !important;
}

/* Odstránenie zelenej a hnedej palety pôvodného prototypu. */
.levada-prototype .wizardTabs,
.levada-prototype .wizardTab,
.levada-prototype .resultHeader,
.levada-prototype .valuationHeader,
.levada-prototype .comparisonCard,
.levada-prototype .resultCard,
.levada-prototype .reportCard,
.levada-prototype .listingComparePanel,
.levada-prototype .valueRangeBox,
.levada-prototype .valuationExplanation,
.levada-prototype .resultExplanation,
.levada-prototype .calculationMeta,
.levada-prototype .formSectionBlock,
.levada-prototype .workspacePanel {
  border-color: var(--iris-line) !important;
}

.levada-prototype .wizardTab.active,
.levada-prototype .tab.active {
  color: var(--iris-navy) !important;
  background: #dff3fb !important;
  border-color: var(--iris-blue) !important;
  box-shadow: inset 0 -3px 0 var(--iris-blue) !important;
}

.levada-prototype .wizardTab .number,
.levada-prototype .stepNumber {
  color: var(--iris-navy) !important;
  background: #e7f6fc !important;
}

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

.levada-prototype .btn.ai,
.levada-prototype .proposalAiMarker.ai,
.levada-prototype .listingCompareMarker--listing,
.levada-prototype .listingCompareMarker--vsh {
  color: #fff !important;
  background: var(--iris-blue) !important;
  border-color: var(--iris-blue) !important;
}

.levada-prototype .levadaPrototypeTabIndex {
  color: var(--iris-navy) !important;
  background: #e7f6fc !important;
}

.levada-prototype .levadaPrototypeTab.is-active .levadaPrototypeTabIndex {
  color: var(--iris-blue-dark) !important;
  background: #fff !important;
}

.levada-prototype .levadaPrototypeTab small,
.levada-prototype .levadaPrototypeTab.is-active small {
  color: var(--iris-muted) !important;
}

.levada-prototype .levadaPrototypeTab.is-active small {
  color: #e9f8fd !important;
}

.levada-prototype .levadaAiIntro,
.levada-prototype .marketComment,
.levada-prototype .listingComparePanel,
.levada-prototype .valueRangeBox,
.levada-prototype .valuationExplanation,
.levada-prototype .resultExplanation,
.levada-prototype .calculationMeta {
  color: var(--iris-text) !important;
  background: #f3f9fc !important;
  border-color: var(--iris-line) !important;
}

.levada-prototype .formSectionTitle,
.levada-prototype .workspacePanelTitle,
.levada-prototype label {
  color: var(--iris-navy) !important;
}

.levada-prototype .fieldError,
.levada-prototype .fieldWarning {
  color: #9a5700 !important;
}

.levada-prototype .statusReady,
.levada-prototype .statusComplete {
  color: #075b82 !important;
  background: #e3f6fd !important;
  border-color: #81cae6 !important;
}

/* Pôvodné ľavé menu OKC musí zostať viditeľné. */
body.layout-shell-clean.levada-prototype .levadaPortalHeader {
  display: none !important;
}

body.layout-shell-clean.levada-prototype #proposalShellClean {
  display: grid !important;
  grid-template-columns: var(--shell-nav-w, 238px) minmax(0, 1fr) !important;
  min-height: 100vh !important;
}

body.layout-shell-clean.levada-prototype .proposalSidebar {
  display: block !important;
  position: sticky !important;
  top: 0 !important;
  width: var(--shell-nav-w, 238px) !important;
  min-width: var(--shell-nav-w, 238px) !important;
  max-width: var(--shell-nav-w, 238px) !important;
  height: 100vh !important;
  overflow: auto !important;
  background: #f7fbff !important;
  border-right: 1px solid var(--iris-line) !important;
}

body.layout-shell-clean.levada-prototype #proposalMain {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 28px 36px !important;
}

body.layout-shell-clean.levada-prototype #proposalMain > .wrap {
  width: min(100%, 1480px) !important;
  margin: 0 auto !important;
  padding: 14px 0 56px !important;
}

body.layout-shell-clean.levada-prototype.page-export #proposalExportPage {
  display: block !important;
}

body.layout-shell-clean.levada-prototype .proposalBrand {
  border-color: var(--iris-line) !important;
  background: #fff !important;
}

body.layout-shell-clean.levada-prototype .proposalBrandLogo {
  max-width: 142px !important;
  margin: 0 auto 10px !important;
}

body.layout-shell-clean.levada-prototype .proposalBrandTitle {
  color: var(--iris-navy) !important;
  font-size: 15px !important;
  text-align: center !important;
}

body.layout-shell-clean.levada-prototype .proposalNavBtn.active,
body.layout-shell-clean.levada-prototype .proposalSubBtn.active,
body.layout-shell-clean.levada-prototype .proposalActionBtn.active {
  color: #075f8d !important;
  background: #e1f5fc !important;
  border-color: #8ed2e9 !important;
}

body.layout-shell-clean.levada-prototype #decoderWorkspace .workspaceHero {
  color: var(--iris-navy) !important;
  background: linear-gradient(105deg, #dfe8ff 0%, #d9f4f6 100%) !important;
  border: 1px solid #bcd8e8 !important;
}

body.layout-shell-clean.levada-prototype #decoderWorkspace .workspaceTitle,
body.layout-shell-clean.levada-prototype #decoderWorkspace .workspaceText,
body.layout-shell-clean.levada-prototype #decoderWorkspace .workspaceEyebrow {
  color: var(--iris-navy) !important;
}

body.layout-shell-clean.levada-prototype #decoderWorkspace .btn {
  color: var(--iris-navy) !important;
  background: #fff !important;
  border-color: #b8d4e5 !important;
}

body.layout-shell-clean.levada-prototype #decoderWorkspace .btn.primary,
body.layout-shell-clean.levada-prototype #decoderWorkspace .btn.ai {
  color: #fff !important;
  background: var(--iris-blue) !important;
  border-color: var(--iris-blue) !important;
}

/* Manuálny formulár a výsledky zostávajú vizuálne z pôvodnej OKC. */
body.layout-shell-clean.levada-prototype .layoutFlow .panelInputs,
body.layout-shell-clean.levada-prototype .layoutFlow .panelResult {
  color: #162d46 !important;
  background: #fff !important;
  border-color: #bccddd !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 34px rgba(23, 50, 79, .08) !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .cardHeader {
  color: #1f3047 !important;
  background: linear-gradient(180deg, #fbfdff, #f1f6fb) !important;
  border-color: #bccddd !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow #v9TabNav {
  background: #f4f8fd !important;
  border-color: #d6e4f5 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .v9TabBtn,
body.layout-shell-clean.levada-prototype .layoutFlow .v9TabBtn:not(.v9Active) {
  color: #617a94 !important;
  background: transparent !important;
  border-color: transparent !important;
  border-bottom-color: transparent !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .v9TabBtn:hover,
body.layout-shell-clean.levada-prototype .layoutFlow .v9TabBtn.v9Active {
  color: #1d74f5 !important;
  background: transparent !important;
  border-color: transparent !important;
  border-bottom-color: #1d74f5 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .v9TabNum {
  color: #4278b8 !important;
  background: #e0ecfa !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .v9TabBtn.v9Active .v9TabNum {
  color: #fff !important;
  background: #1d74f5 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .formSectionBlock {
  color: #1f3047 !important;
  background: #f0f5fb !important;
  border-color: #cad6e3 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .formSectionEyebrow,
body.layout-shell-clean.levada-prototype .layoutFlow .field label {
  color: #294766 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .field,
body.layout-shell-clean.levada-prototype .layoutFlow .field.invalid {
  color: #1f3047 !important;
  background: rgba(255, 255, 255, .02) !important;
  border-color: rgba(148, 163, 184, .12) !important;
  border-radius: 16px !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .field.invalid > label {
  color: #294766 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow input,
body.layout-shell-clean.levada-prototype .layoutFlow select,
body.layout-shell-clean.levada-prototype .layoutFlow textarea {
  color: #1a2f49 !important;
  background: #fff !important;
  border-color: #aabdd2 !important;
  border-radius: 14px !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow input:focus,
body.layout-shell-clean.levada-prototype .layoutFlow select:focus,
body.layout-shell-clean.levada-prototype .layoutFlow textarea:focus {
  border-color: #1d74f5 !important;
  outline-color: rgba(29, 116, 245, .28) !important;
  box-shadow: 0 0 0 3px rgba(29, 116, 245, .12) !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow #v9NavRow {
  background: #fafcff !important;
  border-color: #e3edf8 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow #v9Next,
body.layout-shell-clean.levada-prototype .layoutFlow .btn.accent {
  color: #fff !important;
  background: linear-gradient(180deg, #1f63dd, #174fb8) !important;
  border-color: #174fb8 !important;
  border-radius: 12px !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .resultBox {
  color: #162d46 !important;
  background: #fff !important;
  border-color: #bccddd !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .resultHeroPanel {
  color: #17324d !important;
  background: linear-gradient(180deg, #fff 0%, #f3f8fe 100%) !important;
  border-color: #cad8e6 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .ageChartBox {
  color: #162d46 !important;
  background: #fff !important;
  border-color: #d4e2ef !important;
  border-radius: 16px !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .ageChartPill {
  color: #35516f !important;
  background: #fff !important;
  border-color: #c7d6e6 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .heroPrice,
body.layout-shell-clean.levada-prototype .layoutFlow #vshOut {
  color: #174fb8 !important;
  background: linear-gradient(90deg, #38bdf8, rgba(34, 197, 94, .95), rgba(251, 191, 36, .95)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .valueRange,
body.layout-shell-clean.levada-prototype .layoutFlow #valueRange,
body.layout-shell-clean.levada-prototype .layoutFlow .valueRangeBox {
  color: #1f3047 !important;
  background: #eef7ff !important;
  border-color: #c4def6 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .valueRangeLabel {
  color: #4670a5 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow .valueRangeValue {
  color: #1956a8 !important;
}

body.layout-shell-clean.levada-prototype .layoutFlow #calcStatus {
  color: #35516f !important;
  background: transparent !important;
  border-color: transparent !important;
}

body.layout-shell-clean.levada-prototype .proposalAiMarketBand {
  background: linear-gradient(90deg, #93c5fd 0%, #2563eb 100%) !important;
}

body.layout-shell-clean.levada-prototype .proposalAiMarker.okc::before {
  background: #16a34a !important;
}

body.layout-shell-clean.levada-prototype .proposalAiMarker.ai::before {
  background: #f59e0b !important;
}

body.layout-shell-clean.levada-prototype .proposalAiLegendSwatch.market {
  background: #93c5fd !important;
}

body.layout-shell-clean.levada-prototype .proposalAiLegendSwatch.median {
  background: #1d4ed8 !important;
}

body.layout-shell-clean.levada-prototype .proposalAiLegendSwatch.okc {
  background: #16a34a !important;
}

body.layout-shell-clean.levada-prototype .proposalAiLegendSwatch.ai {
  background: #f59e0b !important;
}

/* Na samostatných obrazovkách nechávame navigáciu v bočnom menu a
   nezobrazujeme znovu hornĂ˝ automatickĂ˝ blok kalkulaÄŤky. */
body.layout-shell-clean.levada-prototype.page-decoder .levadaPrototypeHero,
body.layout-shell-clean.levada-prototype.page-decoder .levadaQuickVin,
body.layout-shell-clean.levada-prototype.page-decoder .levadaBaselineSummary,
body.layout-shell-clean.levada-prototype.page-decoder .levadaListingComparison,
body.layout-shell-clean.levada-prototype.page-decoder .levadaValueMeaning,
body.layout-shell-clean.levada-prototype.page-decoder .levadaPrototypeTabs,
body.layout-shell-clean.levada-prototype.page-decoder .levadaUtilityBar,
body.layout-shell-clean.levada-prototype.page-decoder .levadaPrivacyNote,
body.layout-shell-clean.levada-prototype.page-history .levadaPrototypeHero,
body.layout-shell-clean.levada-prototype.page-history .levadaQuickVin,
body.layout-shell-clean.levada-prototype.page-history .levadaBaselineSummary,
body.layout-shell-clean.levada-prototype.page-history .levadaListingComparison,
body.layout-shell-clean.levada-prototype.page-history .levadaValueMeaning,
body.layout-shell-clean.levada-prototype.page-history .levadaPrototypeTabs,
body.layout-shell-clean.levada-prototype.page-history .levadaUtilityBar,
body.layout-shell-clean.levada-prototype.page-history .levadaPrivacyNote,
body.layout-shell-clean.levada-prototype.page-ai-compare .levadaPrototypeHero,
body.layout-shell-clean.levada-prototype.page-ai-compare .levadaQuickVin,
body.layout-shell-clean.levada-prototype.page-ai-compare .levadaBaselineSummary,
body.layout-shell-clean.levada-prototype.page-ai-compare .levadaListingComparison,
body.layout-shell-clean.levada-prototype.page-ai-compare .levadaValueMeaning,
body.layout-shell-clean.levada-prototype.page-ai-compare .levadaPrototypeTabs,
body.layout-shell-clean.levada-prototype.page-ai-compare .levadaUtilityBar,
body.layout-shell-clean.levada-prototype.page-ai-compare .levadaPrivacyNote,
body.layout-shell-clean.levada-prototype.page-export .levadaPrototypeHero,
body.layout-shell-clean.levada-prototype.page-export .levadaQuickVin,
body.layout-shell-clean.levada-prototype.page-export .levadaBaselineSummary,
body.layout-shell-clean.levada-prototype.page-export .levadaListingComparison,
body.layout-shell-clean.levada-prototype.page-export .levadaValueMeaning,
body.layout-shell-clean.levada-prototype.page-export .levadaPrototypeTabs,
body.layout-shell-clean.levada-prototype.page-export .levadaUtilityBar,
body.layout-shell-clean.levada-prototype.page-export .levadaPrivacyNote {
  display: none !important;
}

@media (max-width: 1024px) {
  body.layout-shell-clean.levada-prototype #proposalShellClean {
    grid-template-columns: 1fr !important;
  }

  body.layout-shell-clean.levada-prototype .proposalSidebar {
    position: relative !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--iris-line) !important;
  }

  body.layout-shell-clean.levada-prototype #proposalMain {
    padding: 0 18px 30px !important;
  }
}

.levada-prototype .btn.primary:hover,
.levada-prototype button.primary:hover {
  background: var(--iris-blue-dark) !important;
}

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

.levadaAutoBreakdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.levadaAutoBreakdown > div {
  min-height: 104px;
  padding: 16px;
  background: #f8fbfd;
  border: 1px solid var(--iris-line);
  border-radius: 12px;
}

.levadaAutoBreakdown > div.is-final {
  background: var(--iris-cyan-soft);
  border: 2px solid var(--iris-blue);
}

.levadaAutoBreakdown span {
  display: block;
  min-height: 36px;
  color: var(--iris-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.levadaAutoBreakdown strong {
  display: block;
  margin-top: 8px;
  color: var(--iris-navy);
  font-size: clamp(20px, 2vw, 29px);
}

.irisAiCorrectionNote {
  margin-top: 12px;
  padding: 12px 14px;
  border-left: 4px solid var(--iris-blue);
  background: var(--iris-cyan-soft);
  color: var(--iris-text);
  border-radius: 8px;
  line-height: 1.45;
}

.irisListingTableWrap {
  margin-top: 18px;
  overflow-x: auto;
  border: 1px solid var(--iris-line);
  border-radius: 12px;
}

.irisListingTable {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.irisListingTable th,
.irisListingTable td {
  padding: 11px 14px;
  border-bottom: 1px solid #e3ebf0;
  text-align: left;
  vertical-align: top;
}

.irisListingTable th {
  width: 34%;
  color: var(--iris-muted);
  background: #f7fafc;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.irisListingTable tr:last-child th,
.irisListingTable tr:last-child td {
  border-bottom: 0;
}

.irisListingEmpty {
  padding: 18px;
  color: var(--iris-muted);
}

@media (max-width: 980px) {
  .levadaAutoBreakdown { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .levadaAutoBreakdown { grid-template-columns: 1fr; }
  .levada-prototype .levadaPortalLogo { min-width: 108px; }
}