/* Local readability pass for the utility payment confirmation. */
.utility-bill-details--manual {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.utility-bill-details--manual > div {
  min-width: 0;
  min-height: 128px;
  padding: 18px !important;
  align-content: center !important;
}

.utility-bill-details--manual small {
  font-size: 12px !important;
  line-height: 1.35;
}

.utility-bill-details--manual > div:nth-child(2) strong {
  font-size: clamp(24px, 2.3vw, 32px) !important;
  line-height: 1.15;
  letter-spacing: 0;
}

.utility-bill-details--manual .utility-estimate {
  background: #dff7e9 !important;
  border: 1px solid #8bd8ae !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
}

.utility-bill-details--manual .utility-estimate small {
  color: #276b49 !important;
  font-weight: 700;
}

.utility-bill-details--manual .utility-estimate strong {
  color: #087247 !important;
  font-size: clamp(27px, 2.7vw, 36px) !important;
  line-height: 1.1;
  letter-spacing: 0;
}

.utility-bill-details--manual .utility-estimate span {
  color: #276b49 !important;
  font-size: 11px !important;
  line-height: 1.4;
}

html[data-theme="dark"] .utility-bill-details--manual > div:not(.utility-estimate) {
  background: #292a33 !important;
  border: 1px solid #50515d;
}

html[data-theme="dark"] .utility-bill-details--manual > div:not(.utility-estimate) small {
  color: #d3d4de !important;
}

html[data-theme="dark"] .utility-bill-details--manual > div:not(.utility-estimate) strong {
  color: #ffffff !important;
}

@media (max-width: 760px) {
  .v3-filters {
    flex-wrap: wrap !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .utility-bill-details--manual {
    grid-template-columns: 1fr !important;
  }

  .utility-bill-details--manual > div {
    min-height: 96px;
  }
}