/* Phone Interior Painting flow: Add Room expands exactly where the user tapped. */
.painting-inline-add-room{display:none;}

@media(max-width:760px){
  .pe-live .painting-module-shell .paint-scope-table input[data-paint-scope-input]{
    touch-action:manipulation!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room{
    display:block!important;
    padding:0 12px 14px!important;
  }
  /* The desktop copy remains in the center column for wide screens only. */
  .pe-live .painting-module-shell .paint-center>.painting-room-add-form{display:none!important;}
  .pe-live .painting-module-shell .painting-inline-add-room .painting-room-add-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:14px!important;
    border:1px solid #f58214!important;
    border-radius:10px!important;
    background:#0b1722!important;
    box-shadow:inset 3px 0 0 #f58214!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room .painting-room-add-heading{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room .painting-room-add-heading i{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    color:#ff9b42!important;
    border:1px solid #f58214!important;
    border-radius:50%!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room .painting-room-add-heading strong{
    display:block!important;
    color:#f5f7fb!important;
    font-size:17px!important;
    line-height:1.2!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room .painting-room-add-heading span{
    display:block!important;
    margin-top:4px!important;
    color:#afc0d0!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room :is(.painting-form-field,label.wide){
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    min-width:0!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room .painting-form-label{
    color:#d7e3ee!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room :is(input,.painting-form-select-toggle){
    width:100%!important;
    min-height:46px!important;
    font-size:16px!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room>.painting-room-add-form>.primary{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    margin:2px 0 0!important;
    font-size:15px!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room .painting-form-select-menu{
    width:100%!important;
    max-width:100%!important;
    max-height:280px!important;
  }
  .pe-live .painting-module-shell .painting-inline-add-room+.paint-room-list{padding-top:0!important;}
  .pe-live .painting-module-shell .painting-inline-add-room~.painting-whole-home-card{margin-top:2px!important;}
}
