/* Solar Rent Pro — graduated cash ROI emphasis on enterprise offer cards. */
.sr-direct-roi-metric {
  position: relative;
  overflow: hidden;
  min-width: 0;
  border: 1px solid;
  border-radius: 0.55rem;
  padding: 0.375rem 0.5rem;
  box-shadow: 0 1px 2px rgba(9, 47, 84, 0.08);
}
.sr-direct-roi-metric::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: currentColor;
  opacity: 0.9;
}
.sr-direct-roi-label,
.sr-direct-roi-note {
  position: relative;
  display: block;
  font-family: Roboto, Arial, sans-serif;
}
.sr-direct-roi-label {
  margin-bottom: 0.125rem;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.055em;
  line-height: 1.1;
  text-transform: uppercase;
}
.sr-direct-roi-value {
  position: relative;
  display: block;
  font-family: "Roboto Condensed", Roboto, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1;
}
.sr-direct-roi-note {
  margin-top: 0.18rem;
  font-size: 8px;
  font-weight: 600;
  line-height: 1.05;
}
.sr-direct-roi-very-fast { color: #047857; border-color: #6ee7b7; background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); }
.sr-direct-roi-fast { color: #15803d; border-color: #86efac; background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); }
.sr-direct-roi-moderate { color: #b45309; border-color: #fcd34d; background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); }
.sr-direct-roi-long { color: #b91c1c; border-color: #fca5a5; background: linear-gradient(135deg, #fff7f7 0%, #fee2e2 100%); }
.sr-direct-roi-unavailable { color: #475569; border-color: #cbd5e1; background: #f8fafc; }
@media (max-width: 640px) {
  .sr-direct-roi-metric { padding: 0.32rem 0.4rem; }
  .sr-direct-roi-value { font-size: 1.1rem; }
}