/* Custom non-Interior Painting scope items: inline, editable, and removable. */
.pe-live .paint-scope-row.is-custom > td{
  background:rgba(85,168,255,.035);
}

.pe-live .paint-scope-custom-item{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 32px;
  align-items:start!important;
  gap:8px!important;
}

.pe-live .paint-scope-custom-fields{
  display:grid!important;
  min-width:0;
  gap:6px!important;
}

.pe-live .paint-scope-custom-fields input{
  min-width:0!important;
  min-height:32px!important;
  padding:6px 7px!important;
}

.pe-live .paint-scope-custom-fields input[data-paint-scope-input="title"]{
  border-color:#6b7482!important;
  color:#fff!important;
  font-weight:800!important;
}

.pe-live .paint-scope-custom-fields input[data-paint-scope-input="description"]{
  color:#c7ced8!important;
  font-size:11px!important;
}

.pe-live .paint-scope-custom-remove{
  display:inline-grid;
  width:32px;
  height:32px;
  min-width:32px;
  padding:0;
  place-items:center;
  border:1px solid #6b7482;
  border-radius:7px;
  background:#171d24;
  color:#ff7b86;
}

.pe-live .paint-scope-custom-remove:hover{
  border-color:#ff7b86;
  background:#25191d;
}

.pe-live .paint-scope-custom-remove:focus-visible,
.pe-live .paint-scope-custom-fields input:focus-visible{
  outline:2px solid #55a8ff;
  outline-offset:2px;
}

.pe-live .paint-scope-custom-remove svg{
  width:16px;
  height:16px;
}

@media(max-width:760px){
  .pe-live .paint-scope-custom-item{
    grid-template-columns:22px minmax(0,1fr) 42px;
  }
  .pe-live .paint-scope-custom-remove{
    width:42px;
    height:42px;
  }
  .pe-live .paint-scope-custom-fields input{
    min-height:42px!important;
    font-size:16px!important;
  }
}