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

  /* Compact conversation header: actions live with the name/channel, not in a tall second block. */
  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:42px minmax(0,1fr)!important;
    grid-template-areas:
      "back person"
      ". actions"!important;
    align-items:center!important;
    gap:4px 10px!important;
    padding:8px 12px 7px!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    border-bottom:1px solid #ebe6f6!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;
    align-self:start!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:15px!important;
    padding:0!important;
    margin:1px 0 0!important;
    box-shadow:none!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-open-conversations b,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-open-conversations b{display:none!important;}
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-open-conversations span,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-open-conversations span{
    font-size:25px!important;
    line-height:1!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;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person .vchat-avatar,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person .vchat-avatar,
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-active-avatar,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-active-avatar{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:15px!important;
    font-size:17px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person strong,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person strong,
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-active-name,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-active-name{
    display:block!important;
    font-size:22px!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person-meta,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-person-meta{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    margin-top:4px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-live-indicator,
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-active-presence,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-live-indicator,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-active-presence{
    display:none!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-channel-pill,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-channel-pill{
    height:26px!important;
    min-height:26px!important;
    padding:0 8px!important;
    gap:5px!important;
    border-radius:13px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-channel-pill i,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-channel-pill i{
    height:22px!important;
    min-width:30px!important;
    padding:0 6px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }

  /* Header actions: small, complete, and never circular/cut. */
  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:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:-2px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    position:relative!important;
    inset:auto!important;
    transform: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:inline-flex!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0 9px!important;
    border:1px solid #ded6ef!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#6651c8!important;
    font-size:11px!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:43px!important;
    min-width:43px!important;
    max-width:43px!important;
    padding:0!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact::after,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-open-contact::after{content:'Info'!important;display:inline!important;}
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-claim,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-claim{
    width:auto!important;
    min-width:66px!important;
    max-width:82px!important;
    padding:0 10px!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{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    padding:0!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-more,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-more{
    width:43px!important;
    min-width:43px!important;
    max-width:43px!important;
    padding:0!important;
  }

  /* Collapse context into one short status chip so the chat gets vertical space. */
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-dock,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-dock{
    min-height:0!important;
    height:auto!important;
    padding:6px 12px!important;
    margin:0!important;
    border-bottom:1px solid #ebe6f6!important;
    background:#fff!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context > header,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context > header{display:none!important;}
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid{
    display:block!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article:not([data-context-kind="handoff"]),
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article:not([data-context-kind="handoff"]){display:none!important;}
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"],
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"]{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:34px!important;
    height:34px!important;
    margin:0!important;
    padding:5px 8px!important;
    border:1px solid #ded6ef!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] .vchat-context-icon,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] .vchat-context-icon{
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] div,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] div{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] small,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] small{
    font-size:9px!important;
    letter-spacing:.14em!important;
    color:#958daa!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] strong,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] strong{
    font-size:12px!important;
    line-height:1!important;
    color:#2a2540!important;
    white-space:nowrap!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] p,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-conversation-context-grid article[data-context-kind="handoff"] p{
    font-size:11px!important;
    line-height:1!important;
    color:#7d7398!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Tighten rows below header without changing desktop. */
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-toolbar,
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-toolbar-0518,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-toolbar,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-chat-toolbar-0518{
    min-height:0!important;
    padding:8px 12px 6px!important;
    gap:7px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-reply-mode,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-reply-mode{
    height:42px!important;
    min-height:42px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-reply-mode button,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-reply-mode button{
    height:36px!important;
    min-height:36px!important;
    font-size:13px!important;
  }
  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{
    padding:0!important;
    gap:7px!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{
    height:32px!important;
    min-height:32px!important;
    border-radius:14px!important;
    font-size:11px!important;
    padding:0 10px!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:124px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-task-from-chat,
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-booking-from-chat,
  html.vchat-mobile-portrait .vchat-frontend-app #vchat-summary,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-task-from-chat,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-booking-from-chat,
  body.vchat-mobile-portrait .vchat-frontend-app #vchat-summary{
    min-width:64px!important;
  }

  html.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-bar,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-bar{
    min-height:0!important;
    height:37px!important;
    padding:4px 10px!important;
    gap:6px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-item,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-item{
    min-height:28px!important;
    height:28px!important;
    padding:3px 9px!important;
    gap:5px!important;
    border-radius:14px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-item span,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-item span{
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    font-size:12px!important;
  }
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-item small,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-item small{font-size:10px!important;}
  html.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-item strong,
  body.vchat-mobile-portrait .vchat-frontend-app .vchat-sla-item strong{font-size:11px!important;}
}