/* Voctos mobile responsive helpers - only applies on small screens, desktop untouched */
@media (max-width: 991.98px){
  .chat-main-wrapper .col-lg-9.message-view.task-view{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; }
  .col-lg-3.message-view.chat-profile-view.chat-sidebar{ display:none !important; }
  .chat-window{ height:auto !important; min-height:62vh; }
  .chat.chat-right .chat-content, .chat.chat-left .chat-content{ max-width:84% !important; }
  .chat-footer .input-group, .chat-footer{ flex-wrap:nowrap; }
  .fc-toolbar, .fc-header-toolbar{ flex-wrap:wrap !important; gap:6px; }
  .fc .fc-toolbar-title, .fc-toolbar h2{ font-size:16px !important; }
}
@media (max-width: 767.98px){
  .page-header .page-title{ font-size:18px; }
  .content.container-fluid, .content{ padding-left:12px !important; padding-right:12px !important; }
  .card{ border-radius:12px; }
  .btn{ min-height:38px; }
  .table-responsive{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .vc-mp .mp-hero{ text-align:center; justify-content:center; }
  .vc-mp .mp-hero > div[style*='text-align:right']{ text-align:center !important; }
  .profile-view .profile-basic{ margin-left:0 !important; }
  .fc-view-harness, .fc-scroller{ overflow:auto !important; }
}
/* v2: mobile floating-button + greeting fixes (from real device test) */
@media (max-width: 991.98px){
  #ai-fab{ bottom: 86px !important; right: 12px !important; width: 48px !important; height: 48px !important; z-index: 1400 !important; }
  .settings-icon{ bottom: 146px !important; right: 16px !important; z-index: 1400 !important; }
  .welcome-box{ margin-top: 8px !important; padding-top: 6px !important; }
  .welcome-box h1, .welcome-box h2, .welcome-box h3, .welcome-box .h3{ line-height: 1.25 !important; }
  .chat-footer, .chat-cont-right .card-footer{ padding-bottom: 10px !important; }
}

/* v4: mobile chat layout + floating icon stacking (fix: keep chat-window as table so messages render) */
@media (max-width: 991.98px){
  .chat-main-row > .col-lg-9, .chat-main-row > .col-lg-3{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; }
  .chat.chat-left, .chats.no-more{ width:100% !important; max-width:100% !important; }
  .chat-window{ width:100% !important; }
  .chat-window .chat-content-wrap{ min-height:50vh !important; overflow-y:auto !important; }
  .chat-profile-view{ display:none !important; }
  body{ overflow-x:hidden !important; }
  #ai-fab{ bottom:16px !important; right:14px !important; z-index:1400 !important; }
  #vc-snd-btn{ bottom:80px !important; right:16px !important; z-index:1399 !important; }
  .settings-icon{ bottom:144px !important; right:16px !important; z-index:1400 !important; }
}