/* V34 — SEARCH ONLY
   Scope: mobile sidebar search surface + duplicate pseudo search glyph.
   IMPORTANT: no bottom-menu/nav selectors and no menu positioning changes.
*/
@media (max-width:767px){
  /* The strip around the search field follows the contact-list surface. */
  .sidebar-menu .search-box-area,
  .sidebar-menu .search-box-area.v3-search-area{
    background:var(--v30-light-bg,var(--bg-main,#fff)) !important;
  }

  :root[data-theme="dark"] .sidebar-menu .search-box-area,
  body[data-theme="dark"] .sidebar-menu .search-box-area,
  :root[data-theme="dark"] .sidebar-menu .search-box-area.v3-search-area,
  body[data-theme="dark"] .sidebar-menu .search-box-area.v3-search-area{
    background:var(--v30-dark-bg,var(--bg-main,#0b141a)) !important;
  }

  /* Keep one search glyph only: remove the duplicate V3 text-glyph.
     The native V30 CSS-drawn magnifier remains untouched. */
  .sidebar-menu .search-box-area.v3-search-area::before,
  .sidebar-menu .search-box-area.v3-search-area.v3-search-expanded::before,
  .sidebar-menu .search-box-area.v3-search-area::after,
  .sidebar-menu .search-box-area.v3-search-area.v3-search-expanded::after{
    content:none !important;
    display:none !important;
  }
}

/* V34.1 — MOBILE BOTTOM UNDERLAY ONLY
   Scope: the small background area visible underneath the floating bottom
   navigation. It follows the same surface used by the contact list.
   IMPORTANT: do not style, move, resize, recolor, or otherwise alter the
   bottom navigation itself. */
@media (max-width:767px){
  body{
    background:var(--v30-light-bg,var(--bg-main,#fffaf4)) !important;
  }
  :root[data-theme="dark"] body,
  body[data-theme="dark"]{
    background:var(--v30-dark-bg,var(--bg-main,#0b141a)) !important;
  }
}