/* LAND VIETNAM: inbox workspace + mobile account navigation */
.lv15-mobile-account{display:none!important}
@media(max-width:767px){
  .lv15-header .lv15-actions .lv15-favorite{display:none!important}
  .lv15-header .lv15-actions .lv15-mobile-account{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:40px!important;padding:0 10px!important;border:1px solid rgba(245,197,66,.55)!important;border-radius:12px!important;background:#f5c542!important;color:#071b2d!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important}
  .lv15-mobile-account span{font-size:18px!important;line-height:1!important}
  .lv15-mobile-account b{font-size:11px!important}
  .lv15-bottom-nav a:last-child{color:#071b2d!important}
  .lv15-bottom-nav a:last-child span{font-size:23px!important}
}
/* Desktop/tablet: fixed conversation list; only the message pane scrolls */
.v5-chat-page{height:calc(100dvh - 76px)!important;min-height:540px!important;padding:12px!important;overflow:hidden!important}
.v5-chat-shell{height:100%!important;min-height:0!important;grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;gap:12px!important}
.v5-chat-list{position:relative!important;min-height:0!important}
.v5-chat-items{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable}
.v5-chat-mainpanel{height:100%!important;min-height:0!important;overflow:hidden!important}
.v5-message-stream{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable}
.v5-chat-inbox-page .v5-chat-mainpanel{align-items:center!important;justify-content:center!important}
.v5-chat-inbox-page .v5-inbox-welcome{max-width:460px!important}
@media(min-width:768px){
  .v5-chat-conversation-page .v5-chat-list{display:flex!important}
  .v5-chat-conversation-page .v5-chat-mainpanel{display:flex!important}
}
@media(max-width:767px){
  .v5-chat-page{height:calc(100dvh - 60px)!important;min-height:0!important;padding:0!important;overflow:hidden!important}
  body:has(.v5-chat-page){padding-bottom:0!important;overflow:hidden!important}
  body:has(.v5-chat-page) .lv15-bottom-nav{display:none!important}
  .v5-chat-shell{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:0!important;overflow:hidden!important}
  /* Inbox route: show fixed conversation list, hide blank right pane */
  .v5-chat-inbox-page .v5-chat-list{display:flex!important;flex:1 1 auto!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .v5-chat-inbox-page .v5-chat-mainpanel{display:none!important}
  /* Open conversation route: show messages; back button returns to inbox */
  .v5-chat-conversation-page .v5-chat-list{display:none!important}
  .v5-chat-conversation-page .v5-chat-mainpanel{display:flex!important;flex:1 1 auto!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .v5-chat-conversation-page .v5-chat-head .back-mobile{display:inline-flex!important}
  .v5-message-stream{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 10px!important;-webkit-overflow-scrolling:touch!important}
  .v5-chat-items{overflow-y:auto!important;min-height:0!important;-webkit-overflow-scrolling:touch!important}
}
@media(min-width:768px) and (max-width:1024px){
 .v5-chat-shell{grid-template-columns:minmax(250px,300px) minmax(0,1fr)!important}
 .v5-chat-page{padding:8px!important}
 .v5-bubble{max-width:86%!important}
}

/* MOBILE HEADER FINAL FIX: reserve a dedicated right slot for Account so it never overlaps the centered logo */
@media (max-width: 767px) {
  .lv15-header .lv15-header-inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .lv15-header .lv15-menu-btn {
    position: relative !important;
    z-index: 3 !important;
    flex: 0 0 42px !important;
  }
  .lv15-header .lv15-brand {
    left: 50% !important;
    right: auto !important;
    width: max-content !important;
    max-width: calc(100% - 174px) !important;
    z-index: 1 !important;
  }
  .lv15-header .lv15-brand .lv-brand-mark {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
  }
  .lv15-header .lv15-brand-copy {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .lv15-header .lv15-brand-copy b,
  .lv15-header .lv15-brand-copy small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }
  .lv15-header .lv15-actions {
    position: relative !important;
    z-index: 4 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
  .lv15-header .lv15-actions .lv15-favorite {
    display: none !important;
  }
  .lv15-header .lv15-actions .lv15-mobile-account {
    display: inline-flex !important;
    position: relative !important;
    z-index: 5 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 76px !important;
    max-width: 88px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    padding: 0 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    border-radius: 11px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
  .lv15-header .lv15-actions .lv15-mobile-account span {
    flex: 0 0 auto !important;
    font-size: 16px !important;
  }
  .lv15-header .lv15-actions .lv15-mobile-account b {
    display: inline-block !important;
    font-size: 10px !important;
  }
}
@media (max-width: 390px) {
  .lv15-header .lv15-header-inner { padding-left: 8px !important; padding-right: 8px !important; gap: 5px !important; }
  .lv15-header .lv15-menu-btn { flex-basis: 38px !important; width: 38px !important; height: 38px !important; }
  .lv15-header .lv15-brand { max-width: calc(100% - 148px) !important; gap: 4px !important; }
  .lv15-header .lv15-brand .lv-brand-mark { flex-basis: 32px !important; width: 32px !important; height: 32px !important; }
  .lv15-header .lv15-brand-copy b { font-size: 11px !important; letter-spacing: -.3px !important; }
  .lv15-header .lv15-brand-copy small { font-size: 5.5px !important; }
  .lv15-header .lv15-actions .lv15-mobile-account { min-width: 70px !important; max-width: 76px !important; min-height: 36px !important; padding: 0 6px !important; gap: 3px !important; }
}