/* QA1125: align the combined Project Builder price rail with the approved
   Proposal rails without changing any service estimator. */
.customer-combined-builder .customer-builder-proposal-rail {
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 0;
  padding: 0;
  border-left: 1px solid #31495b;
  background: #06131f;
  color: #f5f8fa;
}

.customer-combined-builder .customer-builder-proposal-rail > section {
  min-width: 0;
  margin: 0;
  padding: 15px 16px;
  border: 0;
  border-bottom: 1px solid #2b4355;
  border-radius: 0;
  background: #071522;
  box-shadow: none;
}

.customer-combined-builder .customer-builder-proposal-rail :is(.customer-builder-running, .customer-builder-financial) > h3,
.customer-combined-builder .customer-builder-price-display > span {
  display: block;
  margin: 0 0 9px;
  color: #ff8b20;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  line-height: 1.25;
  text-transform: uppercase;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-current > small {
  color: #ff8b20;
  font-size: 11px;
  letter-spacing: .06em;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-current > h3 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-current > strong {
  margin: 12px 0 13px;
  color: #fff;
  font-size: 34px;
  line-height: 1;
}

.customer-combined-builder .customer-builder-proposal-rail :is(.customer-builder-current, .customer-builder-running, .customer-builder-financial) > div {
  min-height: 32px;
  padding: 7px 0;
  border-top-color: #2d4456;
  color: #c1ccd4;
  font-size: 12.5px;
}

.customer-combined-builder .customer-builder-proposal-rail :is(.customer-builder-current, .customer-builder-running, .customer-builder-financial) > div b,
.customer-combined-builder .customer-builder-proposal-rail :is(.customer-builder-running, .customer-builder-financial) > div strong {
  color: #fff;
  font-size: 13px;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-running > div span {
  min-width: 0;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-running > div span svg {
  flex: 0 0 auto;
  color: #25dce8;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-financial > div:nth-last-child(-n + 2) b {
  color: #75e64a;
}

.customer-combined-builder .customer-builder-rail-display {
  display: grid;
  gap: 8px;
}

.customer-combined-builder .customer-builder-price-display {
  display: grid;
  gap: 0;
  padding: 0;
  color: #eef4f7;
  font-size: 13px;
  font-weight: 800;
  text-transform: none;
}

.customer-combined-builder .customer-builder-price-display select {
  width: 100%;
  min-height: 42px;
  padding: 8px 38px 8px 11px;
  border: 1px solid #426078;
  border-radius: 7px;
  background: #06131f;
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
}

.customer-combined-builder .customer-builder-price-display select:disabled {
  cursor: not-allowed;
  opacity: .62;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-rail-display > small {
  display: block;
  margin: 0;
  color: #a7b8c4;
  font-size: 11px;
  line-height: 1.45;
}

.customer-combined-builder .customer-builder-proposal-rail > .customer-builder-total {
  margin: 12px;
  padding: 13px;
  border: 1px solid #19d5df;
  border-radius: 8px;
  background: #08202a;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-total > span {
  color: #35e0e8;
  font-size: 11px;
  letter-spacing: .04em;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-total > strong {
  margin: 6px 0;
  font-size: 34px;
  line-height: 1;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-total > small {
  margin-bottom: 12px;
  color: #a7b8c4;
  font-size: 11px;
  line-height: 1.4;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-total .primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  border-color: #ff8618;
  background: #ff7a18;
  color: #07111b;
  font-size: 13px;
  font-weight: 900;
  box-shadow: none;
}

.customer-combined-builder .customer-builder-proposal-rail .customer-builder-total .primary:hover,
.customer-combined-builder .customer-builder-proposal-rail .customer-builder-total .primary:focus-visible {
  border-color: #ff9d43;
  background: #ff8c2d;
  color: #07111b;
  box-shadow: none;
}

@media (max-width: 980px) {
  .customer-combined-builder .customer-builder-proposal-rail {
    max-height: none;
    overflow: visible;
    border-left: 0;
    border-top: 1px solid #31495b;
  }
}

/* Home Repair main page: reuse the estimator inspector hierarchy without
   changing Painting, Roofing, or any focused service estimator. */
.customer-combined-builder.customer-builder-home-repair-main {
  margin-bottom: 0;
}

.customer-combined-builder .customer-builder-home-repair-rail {
  align-self: start;
  padding: 12px;
  border-left: 1px solid #31495b;
  background: #06131f;
  overflow: auto;
}

.customer-combined-builder .customer-builder-home-repair-rail > .hgc-shared-main-rail {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
}

.customer-combined-builder .customer-builder-home-repair-rail .hgc-shared-deposit > button.edit {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #28dfea;
}

.customer-combined-builder .customer-builder-home-repair-rail .hgc-shared-deposit > button.edit svg {
  width: 14px;
  height: 14px;
}

.customer-combined-builder .customer-builder-home-repair-rail .hgc-shared-deposit > button.edit em {
  min-width: 42px;
  padding: 6px;
  border: 1px solid #40596c;
  border-radius: 5px;
  background: #05111b;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  text-align: center;
}

.customer-combined-builder .customer-builder-home-repair-rail .hgc-shared-rail-approval > small {
  color: #9eb0bd;
  font-size: 11px;
  line-height: 1.4;
}

.customer-combined-builder .customer-builder-home-repair-review {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid #ff8418;
  border-radius: 6px;
  background: rgba(255, 132, 24, .08);
  color: #ffb064;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.customer-combined-builder .customer-builder-home-repair-review:hover,
.customer-combined-builder .customer-builder-home-repair-review:focus-visible {
  border-color: #ff9d43;
  background: rgba(255, 132, 24, .14);
  color: #fff;
}

.customer-combined-builder .customer-builder-home-repair-review svg {
  width: 17px;
  height: 17px;
}

/* Keep every primary proposal-rail action on the approved Packages type scale. */
.customer-combined-builder .customer-builder-home-repair-rail .hgc-shared-customer-display select,
.customer-combined-builder .customer-builder-home-repair-rail .customer-builder-home-repair-review,
.customer-combined-builder .customer-builder-home-repair-rail .hgc-shared-budget-health > summary strong,
.customer-combined-builder .customer-builder-home-repair-rail .hgc-shared-rail-work-order .hgc-work-order-menu > summary {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

@media (max-width: 980px) {
  .customer-combined-builder .customer-builder-home-repair-rail {
    border-left: 0;
    border-top: 1px solid #31495b;
  }
}
