/**
 * FMS Hero Report Card - Compact Clean SaaS Card
 */
.hero--reference .hero-poster--report {
  width: min(100%, 460px) !important;
  max-width: 460px !important;
  justify-self: center !important;
}

.hero--reference .hero-poster--report .hero-report-card,
.hero--reference .hero-report-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.hero--reference .hero-report-card .fms-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-height: auto !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 79, 92, 0.09) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px -2px rgba(10, 79, 92, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.03) !important;
  padding: 16px 18px 14px 18px !important;
}

.hero--reference .hero-report-card .fms-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.hero--reference .hero-report-card .fms-tags {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #edf6f4 !important;
}

.hero--reference .hero-report-card .fms-tag,
.hero--reference .hero-report-card .fms-tag-time,
.hero--reference .hero-report-card .fms-badge-ok,
.hero--reference .hero-report-card .fms-badge-warn {
  border-radius: 20px !important;
}

.hero--reference .hero-report-card .fms-sec-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 9px !important;
}

.hero--reference .hero-report-card .fms-sec {
  flex: 0 1 auto !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .05em !important;
}

.hero--reference .hero-report-card .fms-badge-ok,
.hero--reference .hero-report-card .fms-badge-warn {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

.hero--reference .hero-report-card .fms-sec-gap {
  margin-top: 15px !important;
}

.hero--reference .hero-report-card .fms-scroll,
.hero--reference .hero-report-card .fms-scripts {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

.hero--reference .hero-report-card .fms-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  font-size: 11px !important;
}

.hero--reference .hero-report-card .fms-table col:nth-child(1) { width: 26% !important; }
.hero--reference .hero-report-card .fms-table col:nth-child(2) { width: 21% !important; }
.hero--reference .hero-report-card .fms-table col:nth-child(3) { width: 14% !important; }
.hero--reference .hero-report-card .fms-table col:nth-child(4) { width: 25% !important; }
.hero--reference .hero-report-card .fms-table col:nth-child(5) { width: 14% !important; }

.hero--reference .hero-report-card .fms-table th {
  padding: 0 4px 7px 4px !important;
  font-size: 10.5px !important;
  color: #888 !important;
  border-bottom: 1px solid #E1F5EE !important;
}

.hero--reference .hero-report-card .fms-table th:first-child,
.hero--reference .hero-report-card .fms-table td:first-child {
  padding-left: 0 !important;
}

.hero--reference .hero-report-card .fms-table th:last-child,
.hero--reference .hero-report-card .fms-table td:last-child {
  padding-right: 0 !important;
}

.hero--reference .hero-report-card .fms-table td {
  padding: 6px 4px !important;
  font-size: 11px !important;
  vertical-align: middle !important;
}

.hero--reference .hero-report-card .fms-scripts {
  margin-top: 15px !important;
  border-top: 1px solid #E1F5EE !important;
  padding-top: 10px !important;
  display: flex !important;
}

.hero--reference .hero-report-card .fms-btn {
  flex: 1 !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
  background: #fafdfc !important;
  border: 1px solid #E1F5EE !important;
  border-radius: 6px !important;
  margin: 0 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.hero--reference .hero-report-card .fms-btn:first-child {
  margin-left: 0 !important;
}

.hero--reference .hero-report-card .fms-btn:last-child {
  margin-right: 0 !important;
}

.hero--reference .hero-report-card .fms-footer {
  text-align: center !important;
  font-size: 10.5px !important;
  color: #94a3b8 !important;
  margin-top: 12px !important;
}

@media (max-width: 480px) {
  .hero--reference .hero-report-card .fms-wrap {
    padding: 14px 12px 12px 12px !important;
  }

  .hero--reference .hero-report-card .fms-btn {
    padding: 6px 6px !important;
  }

  .hero--reference .hero-report-card .fms-btn-label {
    font-size: 9.5px !important;
  }
}