/* QA1071 — Painting-only visual and workflow refinements.
   This sheet changes presentation only; estimator pricing and totals remain owned by app.js. */

/* Match the approved near-black Leads canvas across both Painting estimators. */
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior){
  --paint-bg:#020811!important;
  --paint-card:#06111b!important;
  --paint-card2:#07131d!important;
  background:#020811!important;
  background-image:none!important;
}
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
  .painting-module-title,
  .painting-component-column,
  .painting-reference-rooms,
  .painting-reference-summary,
  .painting-reference-room,
  .painting-module-scope-bar,
  .painting-module-workflow,
  .painting-reference-tabs
){
  background:#04101a!important;
  background-image:none!important;
  border-color:#263d51!important;
  box-shadow:none!important;
}
.premium-app :is(.painting-module-shell.interior,.painting-module-shell.exterior) :is(
  .paint-room-card-shell,
  .painting-whole-home-card,
  .paint-room-top,
  .paint-size-card,
  .paint-pricing-card,
  .paint-component-table,
  .painting-grouped-table,
  .paint-closet-block
){
  background:#06111b!important;
  background-image:none!important;
  border-color:#263d51!important;
  box-shadow:none!important;
}

/* Doors and Door Trim share one clean divided surface on computer, tablet, and phone. */
.premium-app .painting-module-shell.interior .painting-door-mix-row>td{
  padding:0!important;
  background:#06111b!important;
}
.premium-app .painting-module-shell.interior .painting-door-mix-panel{
  display:grid!important;
  gap:0!important;
  background:transparent!important;
}
.premium-app .painting-module-shell.interior .painting-door-mix-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 12px!important;
  border-bottom:1px solid #294154!important;
  background:#07131d!important;
}
.premium-app .painting-module-shell.interior .painting-door-mix-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:#06111b!important;
  overflow:hidden!important;
}
.premium-app .painting-module-shell.interior .painting-door-option{
  display:grid!important;
  grid-template-columns:minmax(110px,1fr) 116px 84px 50px!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  padding:10px 12px!important;
  border:0!important;
  border-bottom:1px solid #243a4b!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.premium-app .painting-module-shell.interior .painting-door-option>header{
  min-height:0!important;
  display:grid!important;
  gap:3px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.premium-app .painting-module-shell.interior .painting-door-option-controls{
  display:contents!important;
}
.premium-app .painting-module-shell.interior .painting-door-option-controls label{
  min-width:0!important;
}
.premium-app .painting-module-shell.interior .painting-door-option-controls :is(input,.painting-door-stepper){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.premium-app .painting-module-shell.interior .painting-door-option-controls label>span{
  margin-bottom:4px!important;
}
.premium-app .painting-module-shell.interior .painting-door-option-controls input[data-painting-door-price],
.premium-app .painting-module-shell.interior .painting-door-option-controls input[data-door-trim-price]{
  color:#ff9a3d!important;
  border-color:transparent!important;
  border-bottom:1px dashed #a75419!important;
  border-radius:4px!important;
  background:transparent!important;
  cursor:text!important;
}
.premium-app .painting-module-shell.interior .painting-door-option-controls input[data-painting-door-price]:focus,
.premium-app .painting-module-shell.interior .painting-door-option-controls input[data-door-trim-price]:focus{
  border-color:#ff8618!important;
  background:#07131d!important;
  outline:2px solid rgba(255,134,24,.22)!important;
}
.premium-app .painting-module-shell.interior .painting-door-option>footer{
  display:grid!important;
  justify-items:end!important;
  gap:2px!important;
  padding:0!important;
  border:0!important;
}
.premium-app .painting-module-shell.interior .painting-door-save-status{
  margin:0!important;
  padding:8px 12px!important;
  border-top:0!important;
  background:#07131d!important;
}

/* A familiar, explicit include toggle prevents quantity zero from looking ambiguous. */
.painting-door-group-toggle{
  position:relative;
  display:inline-grid!important;
  grid-template-columns:42px auto!important;
  align-items:center!important;
  gap:7px!important;
  color:#b8c7d3!important;
  cursor:pointer!important;
}
.painting-door-group-toggle input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.painting-door-group-toggle i{
  position:relative!important;
  width:42px!important;
  height:24px!important;
  border:1px solid #617588!important;
  border-radius:999px!important;
  background:#34495b!important;
  transition:background .16s ease,border-color .16s ease!important;
}
.painting-door-group-toggle i::after{
  content:""!important;
  position:absolute!important;
  top:2px!important;
  left:2px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#fff!important;
  transition:transform .16s ease!important;
}
.painting-door-group-toggle input:checked+i{background:#16c76f!important;border-color:#16c76f!important}
.painting-door-group-toggle input:checked+i::after{transform:translateX(18px)!important}
.painting-door-group-toggle input:focus-visible+i{outline:2px solid #ff8618!important;outline-offset:2px!important}
.painting-door-group-toggle em{font-size:11px!important;font-style:normal!important;font-weight:800!important;white-space:nowrap!important}
.painting-door-mix-panel.is-off .painting-door-mix-grid{opacity:.66!important}

/* Home Repair Painting keeps only its two estimator destinations in this row. */
.home-repair-painting-services{grid-template-columns:repeat(2,minmax(0,1fr))!important}

@media(max-width:900px){
  .premium-app .painting-module-shell.interior .painting-door-option{
    grid-template-columns:minmax(104px,1fr) 112px 80px 46px!important;
    gap:5px!important;
  }
}
@media(max-width:760px){
  .premium-app .painting-module-shell.interior .painting-door-mix-heading{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .premium-app .painting-module-shell.interior .painting-door-mix-heading>b{
    grid-column:2!important;
  }
  .premium-app .painting-module-shell.interior .painting-door-group-toggle{
    grid-column:1/-1!important;
    grid-row:2!important;
  }
  .premium-app .painting-module-shell.interior .painting-door-option{
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:9px 12px!important;
  }
  .premium-app .painting-module-shell.interior .painting-door-option>header{grid-column:1/-1!important}
  .premium-app .painting-module-shell.interior .painting-door-option-controls label:first-child{grid-column:1!important}
  .premium-app .painting-module-shell.interior .painting-door-option-controls label:nth-child(2){grid-column:2!important}
  .premium-app .painting-module-shell.interior .painting-door-option>footer{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important}
  .home-repair-painting-services{grid-template-columns:1fr!important}

  /* Home Repair Painting keeps one return destination and two clear room-save choices. */
  .premium-app .home-repair-painting-embed .painting-module-shell.interior .painting-room-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .premium-app .home-repair-painting-embed .painting-room-actions>[data-home-repair-painting-room-return]{
    grid-column:1/-1!important;
    grid-row:1!important;
  }
  .premium-app .home-repair-painting-embed .painting-room-actions>[data-home-repair-painting-room-save]{
    grid-column:1!important;
    grid-row:2!important;
  }
  .premium-app .home-repair-painting-embed .painting-room-actions>[data-home-repair-painting-room-save-add]{
    grid-column:2!important;
    grid-row:2!important;
  }
  .premium-app .home-repair-painting-embed .painting-room-actions>:is([data-home-repair-painting-room-save],[data-home-repair-painting-room-save-add],[data-home-repair-painting-room-return]){
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:auto!important;
  }
}