/* QA1072 — Lighter Painting quantity controls and consistent editable-price color. */

/* Remove the heavy outer quantity box while keeping separate, generous tap targets. */
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
  .paint-qty-stepper,
  .paint-stepper,
  .painting-door-stepper
){
  display:inline-grid!important;
  grid-template-columns:34px minmax(34px,48px) 34px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
  .paint-qty-stepper,
  .paint-stepper,
  .painting-door-stepper
) button{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid #2e485b!important;
  border-radius:999px!important;
  background:#07131d!important;
  color:#ff9a3d!important;
  box-shadow:none!important;
}
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
  .paint-qty-stepper,
  .paint-stepper,
  .painting-door-stepper
) button:is(:hover,:focus-visible){
  border-color:#ff8618!important;
  background:#0a1925!important;
  outline:2px solid rgba(255,134,24,.18)!important;
  outline-offset:1px!important;
}
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
  .paint-qty-stepper,
  .paint-stepper,
  .painting-door-stepper
) input{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 2px!important;
  border:0!important;
  border-bottom:1px solid #365064!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f5f7fa!important;
  box-shadow:none!important;
  text-align:center!important;
}
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
  .paint-qty-stepper,
  .paint-stepper,
  .painting-door-stepper
) input:focus{
  border-bottom-color:#ff8618!important;
  outline:0!important;
}

/* Orange means editable money throughout both Painting estimators. Totals are not inputs and stay unchanged. */
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
  input[data-room-price-input],
  input[data-closet-sub-price],
  input[data-painting-door-price],
  input[data-door-trim-price],
  input[data-paint-scope-input="price"],
  input[data-paint-whole-home-amount],
  input[data-paint-prep-amount],
  input[data-paint-furniture-amount],
  input[data-paint-cost],
  .painting-package-form input[name="price"]
):not(:disabled):not([readonly]){
  color:#ff9a3d!important;
  -webkit-text-fill-color:#ff9a3d!important;
  caret-color:#ff9a3d!important;
  border-color:transparent!important;
  border-bottom:1px dashed #a75419!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:text!important;
}
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
  input[data-room-price-input],
  input[data-closet-sub-price],
  input[data-painting-door-price],
  input[data-door-trim-price],
  input[data-paint-scope-input="price"],
  input[data-paint-whole-home-amount],
  input[data-paint-prep-amount],
  input[data-paint-furniture-amount],
  input[data-paint-cost],
  .painting-package-form input[name="price"]
):not(:disabled):not([readonly]):focus{
  border-color:#ff8618!important;
  background:#07131d!important;
  outline:2px solid rgba(255,134,24,.2)!important;
  outline-offset:1px!important;
}

@media(max-width:760px){
  .premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
    .paint-qty-stepper,
    .paint-stepper,
    .painting-door-stepper
  ){
    grid-template-columns:38px minmax(42px,56px) 38px!important;
  }
  .premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
    .paint-qty-stepper,
    .paint-stepper,
    .painting-door-stepper
  ) button{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}