/* Cabinet Areas and one-click include/remove interaction. Cabinet-only; Interior stays untouched. */
.pe-live .painting-module-shell.cabinets .cabinet-area-rail .paint-room-list{
  grid-template-columns:1fr!important;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-card{
  grid-template-columns:minmax(0,1fr) 44px!important;
  min-width:0;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-main{
  min-width:0;
  min-height:66px;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  cursor:pointer;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-main>div{
  min-width:0;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-main strong,
.pe-live .painting-module-shell.cabinets .cabinet-area-main span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap!important;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-remove{
  min-width:44px;
  min-height:44px;
  place-items:center;
  padding:0;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-remove:disabled{
  color:#6b7482;
  cursor:not-allowed;
  opacity:.55;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-add{
  position:relative;
  margin:0 14px 12px;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-add>summary{
  width:100%!important;
  margin:0!important;
  min-height:44px;
  list-style:none;
  cursor:pointer;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-add>summary::-webkit-details-marker{
  display:none;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-add[open]>summary{
  border-radius:6px 6px 0 0!important;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-picker{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid #596170;
  border-top:0;
  border-radius:0 0 7px 7px;
  background:#171d24;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-picker>span,
.pe-live .painting-module-shell.cabinets .cabinet-area-picker label{
  color:#aeb6c2;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-picker>div{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-picker button{
  display:flex;
  min-width:0;
  min-height:44px;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px;
  border:1px solid #596170;
  border-radius:6px;
  background:#20262e;
  color:#f5f6f7;
  font-size:11px;
  font-weight:800;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-picker button:hover,
.pe-live .painting-module-shell.cabinets .cabinet-area-picker button:focus-visible{
  border-color:#f58214;
  outline:0;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-picker button svg{
  width:16px;
  height:16px;
  color:#f58214;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-picker form{
  display:grid;
  gap:6px;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-picker form>span{
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px;
  gap:6px;
}

.pe-live .painting-module-shell.cabinets .cabinet-area-picker input{
  min-width:0;
  min-height:44px;
  padding:8px 10px;
  border:1px solid #596170;
  border-radius:6px;
  background:#101820;
  color:#f5f6f7;
  font-size:14px;
}

.pe-live .painting-module-shell.cabinets .paint-scope-row{
  cursor:pointer;
}

.pe-live .painting-module-shell.cabinets .paint-scope-row>td{
  transition:background-color .14s ease,opacity .14s ease;
}

.pe-live .painting-module-shell.cabinets .paint-scope-row:not(.is-off)>td:first-child{
  box-shadow:inset 3px 0 0 #f58214;
}

.pe-live .painting-module-shell.cabinets .paint-scope-row:hover>td{
  background:#202a31!important;
}

.pe-live .painting-module-shell.cabinets .paint-scope-row.is-off>td{
  background:#171d24;
  opacity:.72;
}

.pe-live .painting-module-shell.cabinets .paint-scope-row button,
.pe-live .painting-module-shell.cabinets .paint-scope-row input,
.pe-live .painting-module-shell.cabinets .paint-scope-row label{
  cursor:auto;
}

.pe-live .painting-module-shell.cabinets .paint-toggle{
  min-width:44px;
  min-height:40px;
  align-items:center;
  justify-items:center;
  cursor:pointer!important;
}

.pe-live .painting-module-shell.cabinets .paint-toggle input:focus-visible+span{
  outline:2px solid #55a8ff;
  outline-offset:3px;
}

@media(max-width:760px){
  .pe-live .painting-module-shell.cabinets .cabinet-area-rail{
    position:static!important;
    max-height:none!important;
  }
  .pe-live .painting-module-shell.cabinets .cabinet-area-picker>div{
    grid-template-columns:1fr;
  }
  .pe-live .painting-module-shell.cabinets .cabinet-area-picker button{
    justify-content:flex-start;
    min-width:44px;
    min-height:44px;
  }
  .pe-live .painting-module-shell.cabinets .cabinet-area-main strong,
  .pe-live .painting-module-shell.cabinets .cabinet-area-main span{
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .pe-live .painting-module-shell.cabinets .paint-table-wrap{
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
  }
  .pe-live .painting-module-shell.cabinets .paint-toggle{
    min-width:44px;
    min-height:44px;
  }
}