/* Supplied frame artwork for the verified-client selection only. */
body.rfv-page-download.rfv-page-download .rfv-download-dashboard .rfv-download-main.rfv-download-panel {
  background-image: url('../images/rf-assets/panels/supplied/dashboard-panel.png') !important;
  background-color: transparent !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
}

/* Keep the verified-client frame 60px taller without stretching its cards. */
@media (min-width: 768px) {
  body.rfv-page-download.rfv-page-download .rfv-download-dashboard .rfv-download-main.rfv-download-panel {
    min-height: 547px !important;
    padding: 100px 100px 180px 100px !important;
  }
}

/* Download: supplied wide frame for Client information only. */
body.rfv-page-download.rfv-page-download .rfv-download-dashboard .rfv-download-info.rfv-download-panel,
body.rfv-page-download.rfv-page-download .rfv-download-dashboard .rfv-download-status.rfv-download-panel,
body.rfv-page-download.rfv-page-download .rfv-download-dashboard .rfv-download-links.rfv-download-panel,
body.rfv-page-download.rfv-page-download .rfv-download-dashboard .rfv-install.rfv-download-panel,
body.rfv-page-download.rfv-page-download .rfv-download-dashboard .rfv-download-faq.rfv-download-panel {
  background-image: url('../images/rf-assets/panels/supplied/news-community-panel.png') !important;
  background-color: transparent !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
}

/* Download: supplied tall frame for System requirements only. */
body.rfv-page-download.rfv-page-download .rfv-download-dashboard #rfv-system-requirements.rfv-download-panel {
  background-image: url('../images/rf-assets/panels/supplied/dashboard-panel.png') !important;
  background-color: transparent !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
}

/* System requirements: two equal panels with label/value columns. */
html body.rfv-page-download .rfv-content.rfv-download-page .rfv-download-dashboard #rfv-system-requirements.rfv-download-panel {
  box-sizing: border-box !important;
  padding: 140px 56px 160px 64px !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid > article {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 460px !important;
  padding: 64px 46px 54px !important;
  overflow: hidden !important;
  background-color: transparent !important;
  background-image: url('../images/rf-assets/panels/supplied/download-card-frame-v2.png') !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid > article > dl {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid > article > dl > div {
  display: grid !important;
  grid-template-columns: minmax(112px, .9fr) minmax(0, 1.1fr) !important;
  gap: 14px !important;
  align-items: baseline !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(245, 29, 135, .14) !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid dt,
html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid dd {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid dd {
  text-align: right !important;
}

@media (max-width: 900px) {
  html body.rfv-page-download .rfv-content.rfv-download-page .rfv-download-dashboard #rfv-system-requirements.rfv-download-panel {
    padding: 58px 42px 52px !important;
  }

  html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 560px) {
  html body.rfv-page-download .rfv-content.rfv-download-page .rfv-download-dashboard #rfv-system-requirements.rfv-download-panel {
    padding: 48px 28px 44px !important;
  }

  html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid > article {
    min-height: 0 !important;
    padding: 52px 34px 44px !important;
  }

  html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid > article > dl > div {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
  }

  html body.rfv-page-download .rfv-content.rfv-download-page #rfv-system-requirements .rfv-requirement-grid dd {
    text-align: left !important;
  }
}

/* Installation guide: exact supplied wide frame with a readable five-step flow. */
html body.rfv-page-download .rfv-content.rfv-download-page .rfv-download-dashboard .rfv-install.rfv-download-panel {
  box-sizing: border-box !important;
  min-height: 340px !important;
  padding: 78px 54px 62px !important;
  background-color: transparent !important;
  background-image: url('../images/rf-assets/panels/supplied/panel-wide-c.png') !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install .rfv-download-panel__heading {
  margin-bottom: 24px !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li {
  box-sizing: border-box !important;
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr !important;
  align-items: start !important;
  justify-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  min-height: 154px !important;
  padding: 21px 14px 18px !important;
  overflow: visible !important;
  background-color: transparent !important;
  background-image: url('../images/rf-assets/panels/supplied/install-step-card-20260901.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;
  box-shadow: none !important;
  filter: drop-shadow(0 8px 10px rgba(161, 20, 91, .14)) !important;
  transition: transform .2s ease, filter .2s ease !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li::after {
  display: none !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li::before {
  content: '' !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 12px 10px !important;
  pointer-events: none !important;
  background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, .4) 48%, transparent 72%) !important;
  opacity: .28 !important;
  transform: translateX(-18%) !important;
  transition: opacity .2s ease, transform .25s ease !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li:hover {
  transform: translateY(-4px) scale(1.015) !important;
  filter: saturate(1.08) drop-shadow(0 12px 14px rgba(223, 18, 121, .28)) !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li:hover::before {
  opacity: .62 !important;
  transform: translateX(12%) !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li > b {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  border: 2px solid rgba(255, 255, 255, .92) !important;
  border-radius: 12px 4px 12px 4px !important;
  background: linear-gradient(145deg, #ff49ae 0%, #d90776 55%, #8f0757 100%) !important;
  color: #fff !important;
  font-family: Orbitron, sans-serif !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: 0 2px 2px rgba(83, 0, 44, .46) !important;
  box-shadow: 0 0 0 2px rgba(245, 29, 135, .55), 0 7px 15px rgba(183, 10, 96, .28), inset 0 1px rgba(255, 255, 255, .62) !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li > strong,
html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li > small {
  grid-column: 1 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li > strong {
  color: #2b1b29 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px rgba(255, 255, 255, .9) !important;
}

html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol > li > small {
  color: #6d5869 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-shadow: 0 1px rgba(255, 255, 255, .84) !important;
}

@media (max-width: 900px) {
  html body.rfv-page-download .rfv-content.rfv-download-page .rfv-download-dashboard .rfv-install.rfv-download-panel {
    padding: 70px 44px 58px !important;
  }

  html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  html body.rfv-page-download .rfv-content.rfv-download-page .rfv-download-dashboard .rfv-install.rfv-download-panel {
    padding: 58px 30px 50px !important;
  }

  html body.rfv-page-download .rfv-content.rfv-download-page .rfv-install > ol {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}