/* Canonical Home Repair service workflow. Estimator content above this block is
   trade-owned; every customer/approval action below it follows one slot order. */
.premium-app .home-repair-service-rail-workflow {
  display: grid;
  align-content: start;
  min-width: 0;
  background: #071522;
}

.premium-app .home-repair-service-rail-workflow > [data-home-repair-rail-slot] {
  min-width: 0;
  box-sizing: border-box;
}

.premium-app .home-repair-service-rail-workflow > [data-home-repair-rail-slot="customer-price-display"],
.premium-app .home-repair-service-rail-workflow > .home-repair-service-rail-approval,
.premium-app .home-repair-service-rail-workflow > [data-home-repair-rail-slot="budget-health"],
.premium-app .home-repair-service-rail-workflow > [data-home-repair-rail-slot="service-save-return"] {
  width: 100%;
  margin: 0 !important;
  padding: 12px 14px;
  border: 0 !important;
  border-bottom: 1px solid #2b4355 !important;
  border-radius: 0 !important;
  background: #071522 !important;
}

.premium-app .home-repair-service-rail-workflow > .home-repair-service-rail-approval {
  display: block;
}

.premium-app .home-repair-service-rail-workflow .painting-summary-approval-actions {
  display: grid;
}

.premium-app .home-repair-service-rail-workflow[data-home-repair-rail-contract] .home-repair-service-rail-approval .proposal-acceptance-actions {
  display: grid !important;
}

.premium-app .home-repair-service-rail-workflow .painting-summary-approval-actions,
.premium-app .home-repair-service-rail-workflow .proposal-acceptance-actions {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}

.premium-app .home-repair-service-rail-workflow .painting-summary-approval-actions > [data-home-repair-rail-slot],
.premium-app .home-repair-service-rail-workflow .proposal-acceptance-actions > [data-home-repair-rail-slot] {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

.premium-app .home-repair-service-rail-workflow :is(button, a)[data-home-repair-rail-slot],
.premium-app .home-repair-service-rail-workflow [data-home-repair-rail-slot="packages"] button,
.premium-app .home-repair-service-rail-workflow [data-home-repair-rail-slot="service-save-return"] button {
  min-height: 44px;
  white-space: normal;
  line-height: 1.25;
}

.premium-app .home-repair-service-rail-workflow [data-home-repair-rail-slot="measurements"] {
  justify-content: flex-start !important;
  border-color: #ff8418 !important;
  background: rgba(255, 132, 24, .08) !important;
  color: #fff !important;
}

.premium-app .home-repair-service-rail-workflow [data-home-repair-rail-slot="service-save-return"] button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ff8418;
  border-radius: 6px;
  background: rgba(255, 132, 24, .08);
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  cursor: pointer;
}

.premium-app .home-repair-service-rail-workflow [data-home-repair-rail-slot="service-save-return"] button:is(:hover, :focus-visible) {
  border-color: #ff9f4d;
  background: rgba(255, 132, 24, .16);
  outline: 2px solid #ff9f4d;
  outline-offset: 2px;
}

.premium-app .home-repair-service-rail-workflow > [data-home-repair-rail-slot="work-order"] {
  width: 100%;
  margin: 0 !important;
}

.premium-app .home-repair-service-rail-workflow > .painting-rail-work-order-host > .hgc-shared-rail-work-order,
.premium-app .hgc-shared-service-rail .home-repair-service-rail-workflow > .hgc-shared-rail-work-order {
  width: 100%;
  margin: 0;
  border: 0 !important;
  border-radius: 0 0 8px 8px !important;
}

.premium-app .home-repair-service-rail-workflow [data-home-repair-rail-slot="work-order"][aria-disabled="true"] {
  opacity: .62;
  pointer-events: none;
}

.premium-app .home-repair-service-rail-workflow .home-repair-rail-empty-slot[hidden] {
  display: none !important;
}

@media (max-width: 980px) {
  .premium-app .home-repair-service-rail-workflow {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }

  .premium-app .home-repair-service-rail-workflow :is(button, a, select) {
    max-width: 100%;
  }
}