/* Phone-only Interior item tiles. The estimator fields and save controls stay
   in their original rows; this layer only changes how those rows are scanned. */
.pe-live .painting-module-shell.interior :is(.painting-mobile-item-editor-toggle,.painting-mobile-item-price-value){
  display:none!important;
}

/* The earlier mobile estimator stylesheet uses highly specific, important
   stacked-card rules. Keep the approved compact treatment authoritative only
   for enhanced Interior rows, without changing the protected field markup. */
@media(max-width:760px){
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-height:96px!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile > td.painting-mobile-item-name{
    display:block!important;
    grid-column:1 / -1!important;
    min-height:96px!important;
    padding:13px 10px 45px!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile:not(.is-mobile-item-expanded) > td:is(.painting-mobile-item-description,.painting-mobile-item-quantity,.painting-mobile-item-price){
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile > td.painting-mobile-item-toggle{
    position:absolute!important;
    left:39px!important;
    right:auto!important;
    top:42px!important;
    bottom:auto!important;
    display:flex!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile > td.painting-mobile-item-toggle .paint-toggle > span{
    position:relative!important;
    display:block!important;
    width:40px!important;
    min-width:40px!important;
    height:22px!important;
    min-height:22px!important;
    border:1px solid #607687!important;
    border-radius:999px!important;
    background:#314150!important;
    box-shadow:none!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile > td.painting-mobile-item-toggle .paint-toggle > span::before{
    display:none!important;
    content:none!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile > td.painting-mobile-item-toggle .paint-toggle > span::after{
    position:absolute!important;
    top:1px!important;
    left:2px!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    border-radius:50%!important;
    background:#f4f7fa!important;
    box-shadow:0 1px 3px rgba(0,0,0,.35)!important;
    transform:none!important;
    transition:transform .16s ease!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile > td.painting-mobile-item-toggle .paint-toggle > input:checked + span{
    border-color:#34d66f!important;
    background:#34c966!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile > td.painting-mobile-item-toggle .paint-toggle > input:checked + span::after{
    transform:translateX(17px)!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile > td.painting-mobile-item-toggle::before,
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile > td.painting-mobile-item-toggle .autosave-note{
    display:none!important;
    content:none!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile.is-mobile-item-expanded{
    grid-column:1 / -1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:start!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table .painting-section-row{
    grid-column:1 / -1!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table .paint-item-row.painting-mobile-item-tile{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:96px!important;
    overflow:hidden!important;
    border:1px solid #365066!important;
    border-radius:10px!important;
    background:#0b1722!important;
    opacity:1!important;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table .paint-item-row.painting-mobile-item-tile.is-mobile-item-expanded{
    grid-column:1 / -1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-color:#ff7a00!important;
    background:#0c1924!important;
    box-shadow:0 0 0 1px rgba(255,122,0,.18)!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table .painting-mobile-item-tile > td,
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table .painting-mobile-item-tile > td:nth-child(n){
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    border:0!important;
    background:transparent!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-name{
    position:relative!important;
    display:block!important;
    grid-column:1 / -1!important;
    min-height:96px!important;
    padding:13px 10px 45px!important;
    background:#101e2c!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-name .paint-item-main{
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:start!important;
    gap:7px!important;
    min-width:0!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-name .paint-item-main > i{
    width:18px!important;
    height:18px!important;
    margin-top:1px!important;
    color:#ff932d!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-name .paint-item-main strong{
    min-width:0!important;
    color:#f4f7fa!important;
    font-size:14px!important;
    line-height:1.2!important;
    overflow-wrap:anywhere!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-name .paint-item-main small{
    display:none!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-editor-toggle{
    position:absolute!important;
    inset:0 0 42px 0!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:9px 9px 0 0!important;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-editor-toggle:focus-visible{
    outline:2px solid #ff9b42!important;
    outline-offset:-3px!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-price-value{
    position:absolute!important;
    right:11px!important;
    bottom:16px!important;
    z-index:2!important;
    display:block!important;
    justify-self:end!important;
    color:#ffb36c!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-toggle{
    position:absolute!important;
    left:40px!important;
    bottom:6px!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-toggle::before,
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-toggle .autosave-note{
    display:none!important;
    content:none!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-toggle .paint-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    cursor:pointer!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-description,
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-quantity,
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-price{
    display:none!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded .painting-mobile-item-description,
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded .painting-mobile-item-quantity,
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded .painting-mobile-item-price{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    gap:6px!important;
    padding:10px 11px!important;
    border-top:1px solid #284157!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded .painting-mobile-item-description{
    grid-column:1 / -1!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded .painting-mobile-item-quantity{
    grid-column:1!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded .painting-mobile-item-price{
    grid-column:2!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded :is(.painting-mobile-item-description,.painting-mobile-item-quantity,.painting-mobile-item-price)::before{
    display:block!important;
    color:#a9bdcc!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded :is(.paint-desc-input,.paint-price-input){
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded .paint-qty-stepper{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    width:100%!important;
    min-width:0!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-mobile-item-expanded .paint-qty-stepper :is(button,input){
    min-width:0!important;
    min-height:44px!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile.is-off .paint-item-main{
    opacity:.72!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile[data-room-component-row="windows"]:not(.is-mobile-item-expanded) > td.painting-mobile-item-quantity{
    position:absolute!important;
    left:92px!important;
    right:auto!important;
    bottom:6px!important;
    z-index:4!important;
    display:flex!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-grouped-table tbody > tr.paint-item-row.painting-mobile-item-tile[data-room-component-row="windows"]:not(.is-mobile-item-expanded){
    grid-column:1 / -1!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile[data-room-component-row="windows"]:not(.is-mobile-item-expanded) > td.painting-mobile-item-quantity::before{
    display:none!important;
    content:none!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile[data-room-component-row="windows"]:not(.is-mobile-item-expanded) .paint-qty-stack,
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile[data-room-component-row="windows"]:not(.is-mobile-item-expanded) .paint-qty-stepper{
    display:block!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile[data-room-component-row="windows"]:not(.is-mobile-item-expanded) .paint-qty-stepper button,
  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile[data-room-component-row="windows"]:not(.is-mobile-item-expanded) .paint-qty-stack > small{
    display:none!important;
  }

  .pe-live .painting-module-shell.interior.painting-mobile-compact-items-ready .painting-mobile-item-tile[data-room-component-row="windows"]:not(.is-mobile-item-expanded) input[data-room-qty-input]{
    display:block!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:38px!important;
    min-height:38px!important;
    margin:3px 0!important;
    padding:0 4px!important;
    border:1px solid #526a7e!important;
    border-radius:8px!important;
    background:#142636!important;
    color:#f4f7fa!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:38px!important;
    text-align:center!important;
  }
}
