/* Matching one-side / both-sides panels for Doors and Door Trim around the protected Interior estimator. */
.painting-door-mix-row>td{padding:10px!important;background:color-mix(in srgb,var(--surface,#0b1722) 94%,#ff7a00 6%)}
.painting-door-mix-panel{display:grid;gap:10px;color:#f5f7fa}
.painting-door-mix-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 4px 8px;border-bottom:1px solid #294154}
.painting-door-mix-heading span{display:grid;gap:2px}.painting-door-mix-heading strong{font-size:15px}.painting-door-mix-heading small{color:#aebdca;font-size:12px}
.painting-door-mix-heading>b{color:#ff9a3d;font-size:20px;white-space:nowrap}
.painting-door-mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.painting-door-option{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid #345064;border-radius:12px;background:rgba(7,18,28,.72)}
.painting-door-option>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:42px}
.painting-door-option>header>span,.painting-door-option>header:not(:has(>span)){display:grid;gap:2px}
.painting-door-option header strong{font-size:14px;line-height:1.25}.painting-door-option header small{color:#aebdca;font-size:11px;line-height:1.3}
.painting-door-option-controls{display:grid;grid-template-columns:1fr;gap:9px;align-items:end}
.painting-door-option-controls label{display:grid;gap:5px;color:#aebdca;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.painting-door-option-controls input{width:100%;min-height:38px;border:1px solid #365368;border-radius:8px;background:#07131d;color:#fff;font-size:16px;font-weight:800;text-align:center}
.painting-door-stepper{display:grid;grid-template-columns:34px minmax(42px,1fr) 34px;align-items:stretch}
.painting-door-stepper button{min-height:38px;border:1px solid #365368;background:#102131;color:#ff9a3d;font-size:18px;font-weight:900}
.painting-door-stepper button:first-child{border-radius:8px 0 0 8px}.painting-door-stepper button:last-child{border-radius:0 8px 8px 0}.painting-door-stepper input{border-radius:0;border-inline:0}
.painting-door-option>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid #20384a;color:#aebdca;font-size:12px}
.painting-door-option>footer strong{color:#ff9a3d;font-size:16px}.painting-door-trim-option{grid-column:1/-1;border-color:#527347}.painting-door-trim-option .painting-door-option-controls{grid-template-columns:1fr 1fr}
.painting-door-trim-toggle{position:relative;display:inline-flex}.painting-door-trim-toggle input{position:absolute;opacity:0;pointer-events:none}.painting-door-trim-toggle span{width:44px;height:24px;border-radius:999px;background:#415260;border:1px solid #647583;position:relative;transition:.16s ease}.painting-door-trim-toggle span:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.16s ease}.painting-door-trim-toggle input:checked+span{background:#16c76f;border-color:#16c76f}.painting-door-trim-toggle input:checked+span:after{transform:translateX(20px)}
.painting-door-save-status{margin:0;padding:0 4px;color:#69d99a;font-size:12px;font-weight:700}.painting-door-save-status.is-error{color:#ff7f7f}.painting-door-mix-panel.is-locked{opacity:.78}
@media(max-width:900px){.painting-door-mix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.painting-door-trim-option{grid-column:1/-1}}
@media(max-width:560px){.painting-door-mix-row>td{padding:8px!important}.painting-door-mix-heading{align-items:flex-start}.painting-door-mix-heading small{max-width:230px}.painting-door-mix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.painting-door-option{padding:10px 8px}.painting-door-option>header{min-height:54px}.painting-door-option-controls{grid-template-columns:1fr;gap:8px}.painting-door-option-controls input{font-size:16px}.painting-door-option>footer{display:grid;gap:2px}.painting-door-option>footer strong{font-size:17px}.painting-door-trim-option{grid-column:1/-1}.painting-door-trim-option .painting-door-option-controls{grid-template-columns:1fr 1fr}.painting-door-save-status{font-size:11px}}
@media(max-width:760px){
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table .paint-item-row.painting-mobile-item-tile.painting-door-mix-row{
    grid-column:1/-1!important;display:block!important;grid-template-columns:1fr!important;width:100%!important;min-height:0!important;overflow:visible!important
  }
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table .painting-door-mix-row>td{
    display:block!important;width:100%!important;min-width:0!important
  }
}
@media(max-width:760px){.pe-live .painting-module-shell.interior .painting-grouped-table tr.painting-door-mix-row>td:first-child{display:block!important;padding:8px!important;background:#0b1722!important}}