/* QA29: one set of fixed visual guides for every desktop Quantity, Rate,
   Total, and Include control. This is presentation-only. */
@media (min-width: 1051px) {
  /* Ordinary quantity steppers center on the Quantity header regardless of
     whether the inherited control is 76px or 82px wide. */
  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-component-column-secondary .paint-item-row td:nth-child(2) > .paint-qty-stack {
    justify-items: center !important;
  }

  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-component-column-secondary .paint-item-row td:nth-child(2) > .paint-qty-stack > .paint-qty-stepper {
    position: static !important;
    left: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    /* The inherited wrapper is 60px wide while the two stepper variants are
       76px and 82px. Center either width on that same wrapper guide. */
    transform: translateX(calc(-50% + 30px)) !important;
    justify-self: center !important;
  }

  /* Door and Door Trim use the exact same Quantity and Rate center lines as
     ordinary rows. */
  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-door-option-controls {
    transform: translateX(1px) !important;
  }

  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-door-stepper {
    justify-self: center !important;
  }

  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-door-option-controls > label:last-child {
    transform: translateX(2px) !important;
  }

  /* Closet rates share the ordinary Rate center line. */
  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .paint-closet-head > .paint-closet-price {
    transform: translateX(3px) !important;
  }

  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .paint-closet-subrows > div > :is([data-closet-sub-price], em) {
    transform: translateX(5px) !important;
  }

  /* Doors and Door Trim use the same 50 × 29 switch as every ordinary row. */
  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-door-mix-heading {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-door-group-toggle {
    width: 50px !important;
    height: 29px !important;
    grid-template-columns: 50px !important;
    gap: 0 !important;
  }

  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-door-group-toggle > i {
    box-sizing: border-box !important;
    width: 50px !important;
    height: 29px !important;
    border-color: #52728a !important;
    background: #29465c !important;
    overflow: hidden !important;
  }

  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-door-group-toggle > i::after {
    top: 3px !important;
    left: 3px !important;
    width: 21px !important;
    height: 21px !important;
    background: #d9e5ed !important;
  }

  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-door-group-toggle > input:checked + i {
    border-color: #ff8418 !important;
    background: #ff8418 !important;
  }

  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .painting-door-group-toggle > input:checked + i::after {
    top: 4px !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateX(22px) !important;
  }

  /* Closet option switches inherit an inset subrow; move only the switches to
     the same right edge as every other Include control. */
  .premium-app .painting-module-shell.interior .painting-reference-room.painting-embedded-exact
  .paint-closet-subrows > div > .paint-toggle {
    transform: translateX(8px) !important;
  }
}