/* Üye sayfalarında tek ana kaydırma alanı belgedir. Sohbet ve Reels kendi

   tam ekran kaydırma alanlarını kullanır. Gruplar, yalnız sohbet açılınca bu

   düzenden çıkar. Bu dosya sayfa stillerinden sonra yüklenir.

   :has() iç içe kullanılamaz; html üzerindeki iki sorgu ayrı tutulmalıdır. */



html:has(body:is(.bex-wa, .member-page, .bex-user-page):not(.page-reels):not(.chat-open):not(.bex-admin-page)):not(:has(#pane-chat)),

html:has(body.member-page),

html:has(body.page-explore),

html:has(body.page-rooms),

html:has(body.page-notifications),

html:has(body.page-games),

html:has(body.page-groups:not(.chat-open)) {

  max-width: 100%;

  display: block !important;

  height: auto !important;

  max-height: none !important;

  min-height: 100dvh;

  overflow-x: clip !important;

  overflow-y: auto !important;

  -webkit-overflow-scrolling: touch !important;

}



body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open),

body.bex-user-page:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open),

body.member-page:not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open),

body:is(.member-page, .page-explore, .page-rooms, .page-notifications, .page-games):not(.chat-open) {

  max-width: 100%;

  height: auto !important;

  min-height: 100dvh !important;

  max-height: none !important;

  /* overflow-x:hidden, overflow-y:visible değerini auto'ya çevirerek

     görünmeyen ikinci bir scrollport oluşturur ve sticky menüyü bozar. */

  overflow-x: clip !important;

  overflow-y: visible !important;

  overscroll-behavior-y: auto;

  /* Yatay sekmeler ve galeriler de kendi yönünde dokunarak kaydırılabilir. */

  touch-action: auto !important;

  -webkit-overflow-scrolling: touch;

}



body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) > main,

body.bex-user-page:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) > main,

body.member-page:not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) > main#main-content,

body.member-page:not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .member-app-viewport,

body.member-page:not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #member-profile-sidebar,

body.member-page:not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .member-profile-sidebar,

body.member-page:not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .member-sidebar-scroll,

body.member-page:not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .member-workspace-pane,

body.member-page:not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .member-workspace-scroll,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) > main > section,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #kesfet-main-section,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #odalar-main-section,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #games-main-section,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #bildirim-main-section,

body.bex-wa:not(.page-reels):not(.page-search):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #messenger-sidebar,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #odalar-main-section > .overflow-y-auto,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #bildirim-main-section > .overflow-y-auto,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #kanal-pane,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .kanal-mesajlar,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .kanal-hosgeldin,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .bex-app,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .bex-user-container {

height: auto !important;

  max-height: none !important;

  min-height: 0 !important;

  min-width: 0 !important;

  max-width: 100% !important;

  overflow: visible !important;

  overscroll-behavior-y: auto !important;

  touch-action: auto !important;

  flex: 1 1 auto !important;

}



body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .kanal-liste,

body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #grup-list {

height: auto !important;

max-height: none !important;

overflow: visible !important;

overscroll-behavior-y: auto !important;

touch-action: pan-y !important;

-webkit-overflow-scrolling: touch !important;

}

/* Arama sayfası kaydırma mimarisi (Mobil ve Masaüstü WhatsApp Web standardı) */

@media (max-width: 767px) {

  html:has(body.page-search) {

    max-width: 100%;

    display: block !important;

    height: auto !important;

    max-height: none !important;

    min-height: 100dvh !important;

    overflow-x: clip !important;

    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch !important;

  }

  body.page-search {

    max-width: 100%;

    height: auto !important;

    min-height: 100dvh !important;

    max-height: none !important;

    overflow-x: clip !important;

    overflow-y: visible !important;

    overscroll-behavior-y: auto !important;

    touch-action: pan-y !important;

    -webkit-overflow-scrolling: touch !important;

  }

  body.page-search > main,

  body.page-search #arama-main-section,

  body.page-search #arama-panes,

  body.page-search #messenger-sidebar {

    height: auto !important;

    max-height: none !important;

    min-height: 0 !important;

    overflow: visible !important;

    touch-action: auto !important;

    -webkit-overflow-scrolling: touch !important;

  }

  body.page-search #search-user-list {

    height: auto !important;

    max-height: none !important;

    overflow: visible !important;

    touch-action: auto !important;

    -webkit-overflow-scrolling: touch !important;

    padding-bottom: calc(var(--bex-nav-height, 56px) + env(safe-area-inset-bottom, 20px) + 32px) !important;

  }

  body.page-search #messenger-sidebar > header.bxh-search-header {

    position: sticky !important;

    top: 56px !important;

    z-index: 40 !important;

    background: var(--wa-bar, var(--color-bg-light)) !important;

  }

  html.dark body.page-search #messenger-sidebar > header.bxh-search-header {

    background: var(--wa-bar, var(--color-bg-dark)) !important;

  }

  body.page-search #messenger-sidebar > .search-filter-pills {

    position: sticky !important;

    top: 112px !important;

    z-index: 39 !important;

    background: var(--wa-bar, var(--color-bg-light)) !important;

    touch-action: pan-x pan-y !important;

  }

  html.dark body.page-search #messenger-sidebar > .search-filter-pills {

    background: var(--wa-bar, var(--color-bg-dark)) !important;

  }

}



@media (min-width: 768px) {

  html:has(body.page-search) {

    height: auto !important;

    min-height: 100dvh !important;

    max-height: none !important;

    overflow-x: clip !important;

    overflow-y: auto !important;

  }

  body.page-search {

    height: auto !important;

    min-height: 100dvh !important;

    max-height: none !important;

    overflow-x: clip !important;

    overflow-y: visible !important;

  }

  body.page-search > main {

    height: auto !important;

    min-height: 100dvh !important;

    max-height: none !important;

    overflow: visible !important;

    display: flex !important;

    flex-direction: row !important;

  }

  body.page-search #arama-main-section {

    height: auto !important;

    min-height: 100dvh !important;

    max-height: none !important;

    overflow: visible !important;

    display: flex !important;

    flex-direction: column !important;

  }

  body.page-search #sidebar-home {

    flex: 1 0 auto !important;

    height: auto !important;

    max-height: none !important;

    min-height: 0 !important;

    overflow: visible !important;

    display: flex !important;

    flex-direction: column !important;

  }

  body.page-search #arama-panes {

    display: flex !important;

    flex-direction: row !important;

    align-items: flex-start !important;

    flex: 1 1 auto !important;

    height: auto !important;

    max-height: none !important;

    min-height: 0 !important;

    overflow: visible !important;

  }

  body.page-search #messenger-sidebar {

    flex: 0 0 clamp(300px, 28vw, 380px) !important;

    width: clamp(300px, 28vw, 380px) !important;

    min-width: 300px !important;

    max-width: 380px !important;

    height: auto !important;

    max-height: none !important;

    min-height: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    overflow: visible !important;

  }

  body.page-search #search-user-list {

    flex: 1 1 auto !important;

    min-height: 0 !important;

    height: auto !important;

    max-height: none !important;

    overflow: visible !important;

    padding-bottom: 24px !important;

  }

  body.page-search #pane-search-preview {

    flex: 1 1 0 !important;

    min-width: 300px !important;

    height: 100dvh !important;

    max-height: 100dvh !important;

    position: sticky !important;

    top: 0px !important;

    overflow-y: auto !important;

    overflow-x: hidden !important;

    overscroll-behavior-y: contain !important;

    display: flex !important;

    flex-direction: column !important;

    align-self: flex-start !important;

  }

}



/* Uzun ad, düğme ve kartlar 320px genişlikte satır kırar; içerik gizlenmez.

   Alt gezinme ve üst başlık kromu hariç: orada yazı alta taşmaz, kesilir.

   anywhere değil break-word: dar flex hücresinde harf harf alta düşmesin. */

body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(main, section, form, .bxh-copy, .member-heading, .game-card, .bex-room-card):not(.page-navigation):not(#app-tabs):not(.member-card):not(.member-header-row):not(.bex-avatar-frame) {

  min-width: 0;

  max-width: 100%;

  overflow-wrap: break-word;

  word-break: normal;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(img, video, canvas, iframe) {

  max-width: 100%;

}



body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(#app-tabs, .page-navigation, #wa-rail, .bex-page-menu, .bxh-iconbtn, .bxh-back, .icon-btn, .rail-btn, .page-navigation-link, .page-navigation-create) {

  pointer-events: auto !important;

  touch-action: manipulation;

}



body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(.bxh-iconbtn, .bxh-back, .icon-btn, .rail-btn) {

min-width: 44px !important;

min-height: 44px !important;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(#app-tabs, .page-navigation) {

height: var(--bex-nav-height, calc(56px + env(safe-area-inset-bottom, 0px))) !important;

max-height: var(--bex-nav-height, calc(56px + env(safe-area-inset-bottom, 0px))) !important;

padding-top: 0 !important;

padding-bottom: env(safe-area-inset-bottom, 0px) !important;

overflow: hidden !important;

box-sizing: border-box !important;

}

body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .page-navigation-link {

min-height: 0 !important;

height: var(--bex-nav-bar, 56px) !important;

max-height: var(--bex-nav-bar, 56px) !important;

}

body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .page-navigation-create {

width: 32px !important;

height: 32px !important;

min-width: 32px !important;

min-height: 32px !important;

max-width: 32px !important;

max-height: 32px !important;

}

body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #settings-navigation {

touch-action: pan-x pan-y !important;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(.member-topbar, .bxh, header.bex-user-header) {

  padding-top: max(8px, env(safe-area-inset-top, 0px));

}



#bex-preloader:not(.bex-preloader-done) {

  display: none !important;

  pointer-events: none !important;

}

html.bex-loading #bex-preloader:not(.bex-preloader-done) {

  display: flex !important;

  pointer-events: auto !important;

}



@media (min-width: 768px) {

  /* Akış içindeki rail genişliğini korur; içerik altında boşluk/üst üste binme olmaz. */

  body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(main, .bex-app) > #wa-rail {

    position: sticky !important;

    inset: 0 auto auto 0 !important;

    align-self: flex-start !important;

    height: 100dvh !important;

    max-height: 100dvh !important;

    min-height: 0 !important;

    overflow-y: auto !important;

    overflow-x: hidden !important;

    z-index: 200 !important;

    pointer-events: auto !important;

  }



  body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(#kesfet-desktop-sidebar, #odalar-desktop-sidebar, #bildirim-desktop-sidebar, #kanal-sidebar),

  body.bex-wa.member-page:not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #member-profile-sidebar {

    position: sticky !important;

    top: 0 !important;

    align-self: flex-start !important;

    height: 100dvh !important;

    max-height: 100dvh !important;

    min-height: 0 !important;

    overflow-x: hidden !important;

    overflow-y: auto !important;

    overscroll-behavior-y: auto !important;

  }



  body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(#kesfet-desktop-sidebar, #odalar-desktop-sidebar, #bildirim-desktop-sidebar) > .overflow-y-auto {

  flex: 1 1 auto !important;

    height: auto !important;

    min-height: 0 !important;

    overflow-y: auto !important;

    overscroll-behavior-y: auto !important;

  }



  body.page-channels #kanal-sidebar .kanal-liste {

    flex: 1 1 auto !important;

    min-height: 0 !important;

    overflow-y: auto !important;

  }



  /* Hesap sayfalarında rail doğrudan body altındadır, bu yüzden sabit konumlanır. */

  body.bex-wa.has-desktop-rail:not(.page-reels) > #wa-rail {

    position: fixed !important;

    inset: 0 auto 0 0 !important;

    height: 100dvh !important;

    max-height: 100dvh !important;

  }

}



@media (max-width: 767px) {

  body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) #wa-rail {

    display: none !important;

    pointer-events: none !important;

  }



  /* 380px sabit yan paneller telefonda geri açılmaz. show-sidebar tam ekran örtüsü durur. */

  body:not(.show-sidebar) :is(

    #kesfet-desktop-sidebar,

    #odalar-desktop-sidebar,

    #bildirim-desktop-sidebar

    ) {

    display: none !important;

    width: 0 !important;

    min-width: 0 !important;

    max-width: 0 !important;

    flex-basis: 0 !important;

    overflow: hidden !important;

  }



  body.bex-wa:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(#app-tabs, .page-navigation) {

    position: fixed !important;

    z-index: 1000 !important;

    pointer-events: auto !important;

  }



  body:is(.bex-wa, .member-page, .bex-user-page).has-page-navigation:not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) {

    padding-bottom: var(--bex-nav-height, calc(56px + env(safe-area-inset-bottom, 0px))) !important;

  }



  body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) :is(input, textarea, select):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="file"]):not([type="hidden"]):not([type="image"]) {

    font-size: 16px !important;

  }



  body:is(.bex-wa, .bex-user-page, .member-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .page-navigation-create {

  display: inline-flex !important;

  }

  }



/* Üst başlıktaki genel artı, alt menüdeki oluştur düğmesinin kopyası.

Mobilde her sayfada gizlenir. Masaüstünde de sohbet açık değilse gizlenir.

Sayfaya özel Oda Başlat, Hızlı, Kodla ve Yeni grup kalır. */

@media (max-width: 767.98px) {

body:is(.bex-wa, .bex-user-page, .member-page) :is(header, .bxh) :is([data-open-share-hub], .bex-header-create, #btn-global-share-hub),

body:is(.bex-wa, .bex-user-page, .member-page) :is(header, .bxh) .relative:has(> #btn-global-share-hub) {

display: none !important;

}

}

body:is(.bex-wa, .bex-user-page, .member-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(header.bex-global-header, header.bex-user-header, header.member-topbar) :is([data-open-composer], [data-open-action-center], [data-open-share-hub], .bex-header-create, #btn-global-share-hub),

body:is(.bex-wa, .bex-user-page, .member-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) :is(header.bex-global-header, header.bex-user-header, header.member-topbar) .relative:has(> #btn-global-share-hub),

body:is(.bex-wa, .bex-user-page, .member-page):not(.page-reels):not(:where(:has(#pane-chat):not(.page-groups))):not(.chat-open) .bxh-tools > .bxh-action:is([data-open-composer], [data-open-action-center]) {

display: none !important;

}



/* Üye kromu tek tip ölçeği. Gönderi metni, sohbet ve oyun kuralı paragrafları hariç. */

body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) {

  --bex-ui-icon: 22px;

  --bex-ui-nav-label: 11px;

  --bex-ui-title: 16px;

  --bex-ui-secondary: 12px;

  --bex-ui-btn-label: 13px;

  --bex-ui-card-title: 15px;

  --bex-ui-card-desc: 13px;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) :is(.page-navigation-icon, .page-navigation-icon svg, .bxh-iconbtn svg, .bxh-back svg, .bxh-mark svg, .icon-btn svg, .rail-btn svg, header.bex-global-header svg, header.bex-user-header .icon-btn svg, header.member-topbar .icon-btn svg) {

  width: var(--bex-ui-icon) !important;

  height: var(--bex-ui-icon) !important;

  font-size: var(--bex-ui-icon) !important;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) #app-tabs :is(.page-navigation-icon, .page-navigation-icon svg, .page-navigation-link[data-page-tab="profile"] .page-navigation-icon) {

width: var(--bex-nav-icon, 20px) !important;

height: var(--bex-nav-icon, 20px) !important;

max-height: var(--bex-nav-icon, 20px) !important;

font-size: var(--bex-nav-icon, 20px) !important;

}

body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) #app-tabs .page-navigation-label {

font-size: var(--bex-nav-label, 10px) !important;

line-height: 12px !important;

height: 12px !important;

max-height: 12px !important;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) .bex-bottom-menu-label {

font-size: var(--bex-ui-nav-label) !important;

line-height: 1 !important;

white-space: nowrap !important;

overflow: hidden !important;

text-overflow: ellipsis !important;

letter-spacing: 0 !important;

max-width: 100% !important;

display: block !important;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) :is(.bxh-title, .page-title, header.bex-global-header h1, header.bex-user-header h1, .sb-title, .kanal-pane-isim) {

  font-size: var(--bex-ui-title) !important;

  line-height: 1.2 !important;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) :is(.bxh-kicker, .bxh-chip, .kanal-pane-meta, .kanal-abone, .sb-tab) {

  font-size: var(--bex-ui-secondary) !important;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) :is(header.bex-global-header, header.bex-user-header, header.member-topbar, .bxh, .kanal-pane-header, .sb-header) :is(.icon-btn, .bxh-iconbtn, .bxh-back, .bxh-action, .bex-header-coin, .rail-btn) {

  min-width: 44px;

  min-height: 44px;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) :is(.bxh-action, header button span) {

  font-size: var(--bex-ui-btn-label) !important;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) :is(.bxh-action svg) {

width: var(--bex-ui-icon) !important;

  height: var(--bex-ui-icon) !important;

}



/* The profile uses a fixed desktop rail and two content panes. Keep the

   desktop layout in flow without changing the single-column mobile page. */

@media (min-width: 768px) {

  body.bex-wa.member-page > main#main-content {

    display: block !important;

    width: 100% !important;

    min-height: 100dvh !important;

    overflow: visible !important;

  }



  body.bex-wa.member-page > main#main-content > #wa-rail {

    position: fixed !important;

    inset: 0 auto 0 0 !important;

    width: 64px !important;

    min-width: 64px !important;

    max-width: 64px !important;

    height: 100dvh !important;

    z-index: 200 !important;

  }



  body.bex-wa.member-page > main#main-content > .member-app-viewport {

    display: grid !important;

    grid-template-columns: minmax(340px, 400px) minmax(0, 1fr) !important;

    align-items: start !important;

    width: calc(100% - 64px) !important;

    min-width: 0 !important;

    min-height: 100dvh !important;

    margin-left: 64px !important;

    padding: 0 0 24px !important;

    overflow: visible !important;

    color: var(--wa-text, var(--bex-text, var(--color-bg-dark))) !important;

  }



  body.bex-wa.member-page #member-profile-sidebar,

  body.bex-wa.member-page .member-profile-sidebar {

    grid-column: 1 !important;

    width: auto !important;

    min-width: 0 !important;

    max-width: none !important;

    align-self: start !important;

  }



  body.bex-wa.member-page .member-workspace-pane {

    grid-column: 2 !important;

    width: auto !important;

    min-width: 0 !important;

    min-height: 100dvh !important;

    align-self: stretch !important;

    color: var(--wa-text, var(--bex-text, var(--color-bg-dark))) !important;

  }



  body.bex-wa.member-page .member-heading h1,

  body.bex-wa.member-page .member-state h1,

  body.bex-wa.member-page .bex-about-title,

  body.bex-wa.member-page .bex-about-text {

    color: var(--wa-text, var(--bex-text, var(--color-bg-dark))) !important;

  }



  body.bex-wa.member-page :is(.member-handle, .member-post-status, .bex-counter-lbl) {

    color: var(--wa-text-secondary, var(--bex-text-secondary, #54656f)) !important;

  }

}



@media (min-width: 1200px) {

  body.bex-wa.member-page > main#main-content > #wa-rail {

    width: 72px !important;

    min-width: 72px !important;

    max-width: 72px !important;

  }



  body.bex-wa.member-page > main#main-content > .member-app-viewport {

    grid-template-columns: minmax(380px, 420px) minmax(0, 1fr) !important;

    width: calc(100% - 72px) !important;

    margin-left: 72px !important;

  }

}



@media (max-width: 767px) {

  body.bex-wa.member-page > main#main-content > .member-app-viewport {

    display: block !important;

    width: 100% !important;

    min-height: 0 !important;

    margin-left: 0 !important;

  }

}





  body:is(.page-explore, .page-rooms) :is(.bex-room-card h3, .bex-explore-card h3, .member-card h3) {

  font-size: var(--bex-ui-card-title) !important;

  line-height: 1.25 !important;

}



body:is(.page-explore, .page-rooms) :is(.bex-room-card p, .bex-explore-card p) {

  font-size: var(--bex-ui-card-desc) !important;

  line-height: 1.35 !important;

}



body:is(.page-explore, .page-rooms) :is(.action-card-btn .material-symbols-outlined) {

font-size: var(--bex-ui-icon) !important;

width: var(--bex-ui-icon);

height: var(--bex-ui-icon);

line-height: 1;

font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;

}



body:is(.page-explore, .page-rooms, .page-search, .page-groups, .page-notifications, .page-channels, .member-page, .bex-user-page):not(.page-reels) :is(.page-navigation, .bxh, header.bex-global-header, header.bex-user-header) :is(.material-symbols-outlined, .material-symbols-rounded) {

  font-size: var(--bex-ui-icon) !important;

}



/* Global Header Butonları Daima Tıklanabilir */

.bex-global-header :is(.icon-btn, .back-link, .bex-header-search, .bex-header-create, .bex-header-camera, .bex-mobile-notif, .bex-header-coin, .bex-page-menu summary),

.bex-user-header :is(.icon-btn, .back-link, .bex-header-search, .bex-header-create, .bex-header-camera, .bex-mobile-notif, .bex-header-coin, .bex-page-menu summary) {

  pointer-events: auto !important;

  cursor: pointer !important;

  position: relative;

  z-index: 105 !important;

}