/* V24.15 targeted follow-up: Admin mobile navigation + search only.
 * No layout shell/data/Firebase logic changes.
 */
@media (max-width: 767px){
  /* Keep the bottom navigation visible while the Admin screen is open. */
  body.admin-open .sidebar-icon{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:30001 !important;
  }
  body.admin-open .admin-modal{
    z-index:20000 !important;
    padding-bottom:var(--mobile-nav-height,68px) !important;
  }
  body.admin-open .admin-modal-content{
    bottom:var(--mobile-nav-height,68px) !important;
    height:calc(100dvh - var(--mobile-nav-height,68px)) !important;
    top:0 !important;
  }

  /* Make all four existing nav controls real, evenly sized touch targets.
     Do not change their DOM order or inline handlers. */
  .sidebar-icon .sidebar-top,
  .sidebar-icon .sidebar-bottom,
  .sidebar-icon .nav-icons{
    display:contents !important;
  }
  .sidebar-icon .nav-icon,
  .sidebar-icon .icon-btn{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 3px !important;
    position:relative !important;
    z-index:30002 !important;
  }
  .sidebar-icon .avatar{display:none !important;}

  /* Search: use the existing input as a normal, directly editable field.
     Remove the old icon-only pseudo-element that was visually outside the
     field on iPhone. The existing oninput/filterChatList() stays untouched. */
  .sidebar-menu .search-box-area.v3-search-area::before,
  .sidebar-menu .search-box-area.v3-search-area.v3-search-expanded::before{
    display:none !important;
    content:none !important;
  }
  .sidebar-menu .search-box-area.v3-search-area{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  .sidebar-menu .search-box-area.v3-search-area .v3-search-input,
  .sidebar-menu .search-box-area.v3-search-area .v3-search-input:focus,
  .sidebar-menu .search-box-area.v3-search-area.v3-search-expanded .v3-search-input{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:40px !important;
    color:var(--text-main) !important;
    -webkit-text-fill-color:var(--text-main) !important;
    background:var(--input-bg) !important;
    border:1px solid var(--border-color) !important;
    border-radius:12px !important;
    padding:0 14px !important;
    cursor:text !important;
    box-shadow:none !important;
  }
  .sidebar-menu .search-box-area.v3-search-area .v3-search-input::placeholder,
  .sidebar-menu .search-box-area.v3-search-area.v3-search-expanded .v3-search-input::placeholder{
    color:var(--text-sub) !important;
    opacity:1 !important;
  }
}