.hgc-customer-start-dialog > footer .hgc-trade-browse-button {
  min-width: 246px;
  min-height: 52px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid #2d536a;
  border-radius: 8px;
  background: #091925;
  color: #e9f5fb;
  text-align: left;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}
.hgc-customer-start-dialog > footer .hgc-trade-browse-button:hover,
.hgc-customer-start-dialog > footer .hgc-trade-browse-button:focus-visible {
  border-color: #19d3ef;
  background: #0b2330;
  color: #fff;
  outline: none;
}
.hgc-trade-browse-button > svg { width: 19px; height: 19px; color: #19d3ef; }
.hgc-trade-browse-button > span { min-width: 0; display: grid; gap: 2px; }
.hgc-trade-browse-button strong { font-size: 14px; line-height: 1.2; }
.hgc-trade-browse-button small { color: #9fb3c1; font-size: 12px; line-height: 1.2; }
.hgc-trade-browse-page .hgc-service-library-card footer button { min-height: 42px; font-size: 14px; }

/* An unassigned trade uses the real estimator. Only its customer identity and
   customer-facing actions change state until a customer is attached. */
.hgc-estimate-customer.is-unassigned {
  border-color: #f58216;
  background: rgba(245,130,22,.07);
}
.hgc-estimate-customer.is-unassigned > span { color: #f58216; }
.hgc-estimate-customer.is-unassigned > em {
  color: #f6a54b;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
}
.proposal-customer-required {
  border-color: rgba(245,130,22,.55) !important;
}
.proposal-customer-required button { min-height: 44px; }

@media (max-width: 760px) {
  .hgc-customer-start-dialog > footer .hgc-trade-browse-button { width: 100%; min-width: 0; min-height: 56px; }
}