/* Vchat 0.62.03 — mobile/PWA Inbox swipe actions. Exact-scope and touch-first. */
@media (hover:none), (max-width:860px) {
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation]{
    --vchat-swipe-x:0px;
    isolation:isolate;
    overflow:hidden!important;
    touch-action:pan-y;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation]>.vchat-mobile-swipe-action{
    position:absolute;
    top:0;
    bottom:0;
    z-index:0;
    width:118px;
    display:flex;
    align-items:center;
    gap:7px;
    pointer-events:none;
    opacity:0;
    font-size:10px;
    font-weight:900;
    letter-spacing:.01em;
    transition:opacity .14s ease,filter .14s ease;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation]>.vchat-mobile-swipe-action.is-unread{
    left:0;
    justify-content:flex-start;
    padding-left:17px;
    border-radius:15px 0 0 15px;
    background:linear-gradient(90deg,#e9e6ff 0%,#f4f2ff 100%);
    color:#55479a;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation]>.vchat-mobile-swipe-action.is-delete{
    right:0;
    justify-content:flex-end;
    padding-right:17px;
    border-radius:0 15px 15px 0;
    background:linear-gradient(90deg,#fff0f3 0%,#ffe1e7 100%);
    color:#b23450;
  }
  #vchat-frontend-app .vchat-mobile-swipe-icon{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    flex:0 0 24px;
    border-radius:9px;
    background:rgba(255,255,255,.72);
    font-size:12px;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation]>.vchat-mobile-swipe-cover{
    position:absolute;
    inset:0;
    z-index:1;
    border-radius:inherit;
    background:#fbfaff;
    pointer-events:none;
    transform:translate3d(var(--vchat-swipe-x),0,0);
    transition:transform .22s cubic-bezier(.2,.75,.25,1);
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation].is-active>.vchat-mobile-swipe-cover,
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation]:hover>.vchat-mobile-swipe-cover{
    background:#fff;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation]>:not(.vchat-mobile-swipe-action):not(.vchat-mobile-swipe-cover){
    position:relative;
    z-index:2;
    transform:translate3d(var(--vchat-swipe-x),0,0);
    transition:transform .22s cubic-bezier(.2,.75,.25,1),opacity .18s ease;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation].is-swipe-dragging>.vchat-mobile-swipe-cover,
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation].is-swipe-dragging>:not(.vchat-mobile-swipe-action):not(.vchat-mobile-swipe-cover){
    transition:none!important;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation].is-swipe-right>.vchat-mobile-swipe-action.is-unread,
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation].is-swipe-left>.vchat-mobile-swipe-action.is-delete{
    opacity:1;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation].is-swipe-armed>.vchat-mobile-swipe-action{
    filter:saturate(1.12);
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation].is-swipe-armed>.vchat-mobile-swipe-action .vchat-mobile-swipe-icon{
    transform:scale(1.08);
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation].is-swipe-committing{
    pointer-events:none;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation].is-swipe-removed{
    max-height:0!important;
    min-height:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    opacity:0;
    border-width:0!important;
    transition:max-height .2s ease,min-height .2s ease,margin .2s ease,padding .2s ease,opacity .16s ease!important;
  }
  #vchat-frontend-app .vchat-conversation-item[data-persistent-conversation]::before{
    z-index:3;
  }
  #vchat-frontend-app.is-bulk-mode .vchat-conversation-item[data-persistent-conversation]>.vchat-mobile-swipe-action,
  #vchat-frontend-app.is-bulk-mode .vchat-conversation-item[data-persistent-conversation]>.vchat-mobile-swipe-cover{
    display:none!important;
  }
  #vchat-frontend-app.is-bulk-mode .vchat-conversation-item[data-persistent-conversation]>:not(.vchat-mobile-swipe-action):not(.vchat-mobile-swipe-cover){
    transform:none!important;
  }
}