/* Painter Pro right-rail identity parity.
   Match the Current Service icon to the orange Interior Painting card without
   changing the rail's purple service text or any estimator behavior. */
.premium-app .hgc-root :is(
  .painting-shared-service-rail,
  .customer-builder-painting-rail
) .hgc-shared-current-service > header {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 10px !important;
}

.premium-app .hgc-root :is(
  .painting-shared-service-rail,
  .customer-builder-painting-rail
) .hgc-shared-current-service > header > span {
  --tone: #ff7a18 !important;
  width: 44px !important;
  height: 44px !important;
  border-color: #ff7a18 !important;
  color: #ff7a18 !important;
  background: transparent !important;
}

.premium-app .hgc-root :is(
  .painting-shared-service-rail,
  .customer-builder-painting-rail
) .hgc-shared-current-service > header > span svg {
  width: 22px !important;
  height: 22px !important;
}

/* Match the purple Current Item identity ring to that same compact card
   component while preserving its purple semantic color. */
.premium-app .hgc-root :is(
  .painting-shared-service-rail,
  .customer-builder-painting-rail
) .hgc-shared-current-item-body {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 10px !important;
}

.premium-app .hgc-root :is(
  .painting-shared-service-rail,
  .customer-builder-painting-rail
) .hgc-shared-current-item-body > span.purple {
  width: 44px !important;
  height: 44px !important;
}

.premium-app .hgc-root :is(
  .painting-shared-service-rail,
  .customer-builder-painting-rail
) .hgc-shared-current-item-body > span.purple svg {
  width: 22px !important;
  height: 22px !important;
}