/* Vchat 0.61.67-alpha — surgical mobile conversation-header spacing.
   Layout only: no click handlers, visibility logic, AI state logic or desktop UI changes. */
@media (max-width: 820px){
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-head,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-head,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .vchat-chat-head{
    position:relative!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-areas:
      "back person"
      "actions actions"!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:9px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:10px 12px 12px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-open-conversations,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-open-conversations,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .vchat-open-conversations{
    grid-area:back!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .vchat-chat-person{
    grid-area:person!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding-right:0!important;
    margin:0!important;
    overflow:hidden!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,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .vchat-chat-actions,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .vchat-chat-actions-0518{
    grid-area:actions!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:42px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!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,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .vchat-chat-actions button,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .vchat-chat-actions-0518 button{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    min-height:40px!important;
    height:40px!important;
    max-height:40px!important;
    margin:0!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] #vchat-open-contact{
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    padding:0!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app #vchat-claim,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-claim,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] #vchat-claim{
    flex:1 1 132px!important;
    width:auto!important;
    min-width:116px!important;
    max-width:none!important;
    padding-inline:12px!important;
    font-size:11px!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app #vchat-resolve,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-resolve,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] #vchat-resolve{
    flex:0 0 76px!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    padding-inline:8px!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app #vchat-more,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-more,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] #vchat-more{
    flex:0 0 54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    padding-inline:7px!important;
  }
}

@media (max-width: 390px){
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-head,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-head,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .vchat-chat-head{
    padding-inline:10px!important;
    column-gap:8px!important;
    row-gap:8px!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,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .vchat-chat-actions,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] .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,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] #vchat-open-contact{
    flex-basis:40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app #vchat-claim,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-claim,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] #vchat-claim{
    flex-basis:116px!important;
    min-width:108px!important;
    padding-inline:8px!important;
    font-size:10px!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app #vchat-resolve,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-resolve,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] #vchat-resolve{
    flex-basis:68px!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    font-size:10px!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app #vchat-more,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-more,
  .vchat-frontend-app .vchat-inbox-shell[data-mobile-view="chat"] #vchat-more{
    flex-basis:48px!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    font-size:10px!important;
  }
}