/* 0.53.2-alpha — Mobile inbox action buttons hard reset. Desktop untouched. */
@media (max-width: 820px){
  html.vchat-mobile-portrait,
  body.vchat-mobile-portrait{overflow-x:hidden!important;}

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-head,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-head{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-areas:"back person" "actions actions"!important;
    align-items:center!important;
    gap:8px 10px!important;
    padding:10px 12px 8px!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-open-conversations,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-open-conversations{
    grid-area:back!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0!important;
    margin:0!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person{
    grid-area:person!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:10px!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518{
    grid-area:actions!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    position:relative!important;
    transform:none!important;
    inset:auto!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions button,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 button,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions button,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 button{
    box-sizing:border-box!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:none!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #ded6ef!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#6651c8!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    box-shadow:none!important;
    text-align:center!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions button::before,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions button::after,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 button::before,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 button::after,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions button::before,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions button::after,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 button::before,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 button::after{
    content:none!important;
    display:none!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions button > *,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 button > *,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions button > *,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518 button > *{
    display:none!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    font-size:12px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact span,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact span{
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    height:auto!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:850!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact span::before,
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact span::after,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact span::before,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact span::after{
    content:none!important;
    display:none!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app #vchat-claim,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-claim{
    min-width:84px!important;
    max-width:100px!important;
    padding:0 12px!important;
    background:#6651c8!important;
    border-color:#6651c8!important;
    color:#fff!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-resolve,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-resolve{
    min-width:78px!important;
    max-width:86px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-more,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-more{
    min-width:52px!important;
    max-width:58px!important;
  }

  /* Quick action row: kill empty pills and keep text complete. */
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 2px 2px!important;
    scrollbar-width:none!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions::-webkit-scrollbar,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518::-webkit-scrollbar,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions::-webkit-scrollbar,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518::-webkit-scrollbar{display:none!important;}

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions button,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518 button,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions button,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518 button{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:74px!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:15px!important;
    overflow:visible!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions button::before,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions button::after,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518 button::before,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518 button::after,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions button::before,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions button::after,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518 button::before,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-quick-actions-0518 button::after{
    content:none!important;
    display:none!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-pipeline-from-chat,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-pipeline-from-chat{min-width:150px!important;gap:8px!important;}
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-pipeline-from-chat span,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-pipeline-from-chat span{font-size:9px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#958daa!important;display:inline!important;}
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-pipeline-from-chat b,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-pipeline-from-chat b{display:inline!important;font-size:12px!important;color:#2a2540!important;}
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-task-from-chat:empty,
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-booking-from-chat:empty,
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-summary:empty,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-task-from-chat:empty,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-booking-from-chat:empty,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-summary:empty{
    display:none!important;
  }
}

@media (max-width: 360px){
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-actions-0518{gap:6px!important;}
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact{width:48px!important;min-width:48px!important;max-width:48px!important;}
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-claim,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-claim{min-width:76px!important;max-width:84px!important;}
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-resolve,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-resolve{min-width:70px!important;max-width:76px!important;}
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-more,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-more{min-width:46px!important;max-width:52px!important;}
}