/* DataExpert APK / mobile improvements. Scoped to the bridge and chat UI. */
.de-app-bridge { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 16px; background:#eef5ff; border-bottom:1px solid #d6e4f5; color:#16375b; font:14px/1.4 system-ui,sans-serif; }
.de-app-bridge a { display:inline-flex; align-items:center; min-height:44px; color:#174a86; font-weight:600; text-decoration:none; }
.de-app-bridge a:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
.de-app-bridge span { font-size:13px; }
@media (max-width:767px) {
  #chatList { display:flex !important; flex-direction:column; padding:8px !important; max-height:none !important; width:100%; gap:8px; }
  #chatList > div, #chatAndToolsContent { min-width:0; width:100%; }
  #chatAndTools { flex-direction:column; height:auto !important; }
  #chatAndToolsContent, #chatList .theChatHolder { height:auto !important; min-width:0; max-width:100%; }
  #chatList .contact-list { margin-bottom:0 !important; }
  #chatList .contact-list .card-header { padding:16px !important; }
  #chatList .contact-list .card-body { padding:8px !important; }
  #chatList .contact-list .card-body .d-flex { min-width:0; }
  #chatList .contact-list h4 { overflow-wrap:anywhere; }
  #chatList .contact-list .card-body .flex-column > .d-flex:first-child { flex-wrap:wrap; gap:2px; }
  #chatList .contact-list .card-body p { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
  #chatList .nav-pills { flex-wrap:nowrap; gap:4px; }
  #chatList .nav-pills .nav-item { min-width:0; margin:0; }
  #chatList .nav-pills .nav-link { padding:10px 4px !important; min-height:44px; font-size:12px; gap:3px; white-space:normal; }
  #theChatHeader { padding:12px !important; }
  #theChatHeader .d-flex { min-width:0; }
  #theChatHeader h3 { white-space:normal !important; overflow-wrap:anywhere; font-size:15px; }
  #theChatHeader .btn-icon, #theChatHeader .profile-picture-container { flex-shrink:0; }
  #chatMessages { height:auto !important; min-height:140px; max-height:42vh; max-height:42dvh; padding:12px !important; overflow-wrap:anywhere; overscroll-behavior:contain; }
  #chatMessages .inChatImage { width:auto !important; max-width:100%; height:auto; }
  #chatMessages video, #chatMessages audio { max-width:100%; }
  #chatAndToolsContent .card-footer { padding:8px 10px max(10px,env(safe-area-inset-bottom)) !important; }
  #reply .py-4 { padding-top:8px !important; padding-bottom:8px !important; }
  #chatTabsContent .input-group { min-width:0; }
  #chatTabsContent input { font-size:16px; min-height:44px; }
  #chatTabsContent .btn-icon, #theChatHeader .btn-icon { width:44px; height:44px; }
  #sideApps { width:100%; }
  #sideApps .sideBarApps { flex-direction:column; }
  #sideBarButtons { padding:8px !important; }
  #sideBarButtons > .d-flex { flex-direction:row !important; justify-content:center !important; flex-wrap:wrap; }
  #sideApps .currentSideApp { min-width:0 !important; max-width:100% !important; overflow-wrap:anywhere; }
}