@import url("finance-lite-v2.css");

body.rv-property-finance-tool .hero-visual {
  background:
    linear-gradient(135deg, rgba(217, 162, 56, .14) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 12% 18%, rgba(29, 216, 139, .24), transparent 28%),
    linear-gradient(155deg, #06152d 0%, #0b274a 42%, #18366f 68%, #d9a238 100%);
  background-size: 34px 34px, auto, auto;
}

body.rv-rental-cashflow-page .hero-visual::before {
  content: "Nájem → náklady → cashflow";
}

body.rv-rental-yield-page .hero-visual::before {
  content: "Cena → čistý výnos → smysl investice";
}

body.rv-property-cost-page .hero-visual::before {
  content: "Kupní cena → vedlejší náklady → rezerva";
}

body.rv-property-equity-page .hero-visual::before {
  content: "Cena → akontace → rezerva";
}

body.rv-investment-flat-costs-page .hero-visual::before {
  content: "Splátka → provoz → nákladová zátěž";
}

body.rv-invest-vs-repay-page .hero-visual::before {
  content: "Investice ↔ mimořádná splátka";
}

body.rv-property-finance-tool .property-pill-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

body.rv-property-finance-tool .property-pill-row span {
  min-height: 58px;
  display: grid;
  align-content: center;
  padding: 10px 12px;
  border: 1px solid rgba(207, 219, 234, .95);
  border-radius: 18px;
  background: #fff;
  color: #526783;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 850;
}

body.rv-property-finance-tool .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 20px;
}

body.rv-property-finance-tool .scenario-grid button {
  min-height: 72px;
  border: 1px solid #d0dbea;
  border-radius: 18px;
  padding: 12px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  color: #071832;
  text-align: left;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(8, 26, 51, .045);
}

body.rv-property-finance-tool .scenario-grid button small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 760;
}

body.rv-property-finance-tool .scenario-grid button:hover {
  border-color: rgba(29, 216, 139, .72);
  box-shadow: 0 14px 30px rgba(29, 216, 139, .12);
}

body.rv-property-finance-tool .result-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.rv-property-finance-tool .property-warning {
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid color-mix(in srgb, #d9a238 42%, #d0dbea);
  background: linear-gradient(135deg, rgba(217, 162, 56, .13), rgba(29, 216, 139, .08));
  color: #526783;
  font-weight: 780;
  line-height: 1.6;
}

body.rv-property-finance-tool .badge.danger,
body.rv-property-finance-tool .danger {
  background: rgba(180, 35, 24, .10);
  color: #b42318;
}

@media (max-width: 680px) {
  body.rv-property-finance-tool .scenario-grid,
  body.rv-property-finance-tool .property-pill-row {
    grid-template-columns: 1fr;
  }
}

/* V6 overflow guard for the flagship own-funds page. Kept here because this
   file loads after rv-premium-v6.css and owns the property finance hero. */
body.rv-premium-equity .hero-visual,
body.rv-premium-equity .payroll-dashboard,
body.rv-premium-equity .payroll-dashboard *,
body.rv-premium-equity .mini-chart {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

body.rv-premium-equity .hero-visual,
body.rv-premium-equity .payroll-dashboard {
  overflow: hidden;
}

body.rv-premium-equity .hero-visual::before {
  max-width: min(220px, 44%);
  white-space: normal;
  line-height: 1.15;
  text-align: left;
}

body.rv-premium-equity .payroll-number {
  max-width: 100%;
  font-size: clamp(2.25rem, 5.6vw, 3.65rem);
  line-height: .95;
  letter-spacing: -.04em;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

body.rv-premium-equity .payroll-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.rv-premium-equity .payroll-metrics > div {
  min-width: 0;
  padding: 14px;
}

body.rv-premium-equity .payroll-metrics b {
  display: block;
  max-width: 100%;
  font-size: clamp(.82rem, 1.25vw, 1rem);
  line-height: 1.08;
  letter-spacing: -.015em;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

@media (max-width: 1100px) {
  body.rv-premium-equity .payroll-metrics {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  body.rv-premium-equity .payroll-number {
    font-size: clamp(2rem, 8vw, 2.9rem);
  }

  body.rv-premium-equity .payroll-metrics {
    grid-template-columns: 1fr;
  }

  body.rv-premium-equity .hero-visual::before {
    max-width: 180px;
    font-size: .76rem;
  }
}