/* Whitoo device-responsive shell — 20260801 */

/* Dekoratif tema simgesi tiklanabilir bir islev tasimiyor. */
body.incallx .woo-theme-symbol,
body.incallx .wps-preview .woo-theme-symbol,
body.incallx .woo-profile-card-v2 .woo-theme-symbol,
body.incallx .dm-premium-profile-card .woo-theme-symbol {
  display: none !important;
}

/* Nihai avatar temizligi: daha eski/yuksek ozgulluklu profil kurallarini da ezer. */
body.incallx .wps-preview .wps-avatar-wrap,
body.incallx .woo-profile-card-v2 .wv2-avatar-wrap,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap,
body.incallx .channel-list-bottom .user-bottom-avatar,
body.incallx #main-profile .profile-header-user-avatar {
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 50% !important;
}
body.incallx .wps-preview .wps-avatar-wrap > img,
body.incallx .woo-profile-card-v2 .wv2-avatar-wrap > img,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap > img,
body.incallx .channel-list-bottom .user-bottom-avatar > img,
body.incallx #main-profile .profile-header-user-avatar > img {
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  object-fit: cover !important;
}
body.incallx .wps-preview .wps-theme-symbol {
  display: none !important;
}

/* Woo tacini yalnizca dogrulanmis aktif uyelik rozeti olan hesapta goster. */
body.incallx .woo-profile-card-v2 .wv2-woo {
  display: none !important;
}
body.incallx .woo-profile-card-v2 .wv2-woo.is-active {
  display: inline-grid !important;
}

/* Seffaf tuval icindeki Whitoo logosunu paletsiz halde optik olarak buyut. */
body.incallx :is(
  .wps-avatar-wrap,
  .wv2-avatar-wrap,
  .dmpp-avatar-wrap,
  .user-bottom-avatar,
  .profile-header-user-avatar,
  .active-user-identity
) > img[src*="6a66b8d04a31d2"] {
  transform: scale(1.45) !important;
  transform-origin: center !important;
}

/* Profil Studyosu dar kontrol kolonunda kart slider'lari 0px'e dusmesin. */
body.incallx .wps-privacy-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}
body.incallx .wps-privacy-grid .wps-range {
  width: 100% !important;
  grid-template-columns: 55px minmax(70px, 1fr) 38px !important;
}
body.incallx .wps-privacy-grid .wps-range input[type="range"] {
  width: 100% !important;
  min-width: 70px !important;
}

/* Tekrarlanan Card & Privacy paneli kaldirildi. Profil arka plani yukaridaki
   Tam profil / Yalnizca kapak sistemiyle yonetiliyor. */
body.incallx .wps-studio-card:has(> .wps-card-body.wps-privacy-grid),
body.incallx .wps-studio-card:has(.wps-privacy-grid) {
  display: none !important;
}

/* Profil evreni kapak kontrollerinin gercek gorsel katmani. */
body.incallx .wps-preview[data-scope="full"] {
  position: relative !important;
  isolation: isolate !important;
  background-image: none !important;
  overflow: hidden !important;
}
body.incallx .wps-preview[data-scope="full"]::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image: linear-gradient(rgba(0,0,0,var(--wps-overlay,.45)),rgba(0,0,0,var(--wps-overlay,.45))),var(--wps-image) !important;
  background-repeat: no-repeat !important;
  background-position: var(--wps-position,50% 50%) !important;
  background-size: var(--wps-live-size,var(--wps-fit,cover)) !important;
  opacity: var(--wps-intensity,1) !important;
  transform: scale(var(--wps-scale,1)) !important;
  transform-origin: center !important;
}
body.incallx .wps-preview[data-scope="full"] > * {
  position: relative;
  z-index: 1;
}
body.incallx .wps-preview[data-scope="full"] > .wps-layer-stage {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}
body.incallx .wps-preview[data-scope="full"] > .wps-layer-stage > .wps-layer {
  position: absolute !important;
  pointer-events: auto !important;
}
body.incallx .wps-preview[data-scope="cover"] .wps-preview-cover {
  position: relative !important;
  isolation: isolate !important;
  background-image: none !important;
  overflow: hidden !important;
}
body.incallx .wps-preview[data-scope="cover"] .wps-preview-cover::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image: linear-gradient(rgba(0,0,0,var(--wps-overlay,.45)),rgba(0,0,0,var(--wps-overlay,.45))),var(--wps-cover),var(--wps-image) !important;
  background-repeat: no-repeat !important;
  background-position: var(--wps-position,50% 50%) !important;
  background-size: var(--wps-live-size,var(--wps-fit,cover)) !important;
  opacity: var(--wps-intensity,1) !important;
  transform: scale(var(--wps-scale,1)) !important;
  transform-origin: center !important;
}
body.incallx .wps-preview[data-scope="cover"] .wps-preview-cover > * {
  position: relative;
  z-index: 1;
}
body.incallx .wps-preview[data-background-fixed="1"]::before,
body.incallx .wps-preview[data-background-fixed="1"] .wps-preview-cover::before {
  background-attachment: fixed !important;
}

/* Kaydedilmis tam profil arka planinda zoom degeri de uygulansin. */
body.incallx .woo-profile-appearance.has-woo-full-background::before {
  transform: scale(var(--woo-scale,1)) !important;
  transform-origin: center !important;
}

/* Dekoratif Theme Icon alani kaldirildi. */
body.incallx .wps-shell label:has([name="theme_icon"]),
body.incallx [data-wps-root] label:has([name="theme_icon"]) {
  display: none !important;
}

/* Gercek profil kartlarinda hareketli katman sahnesi kartin zemini olarak kalir. */
body.incallx .woo-profile-card-v2.woo-profile-appearance > .woo-profile-layer-stage,
body.incallx .dm-premium-profile-card.woo-profile-appearance > .woo-profile-layer-stage,
body.incallx .whitoo-public-profile-panel.woo-profile-appearance > .woo-profile-layer-stage {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
body.incallx .woo-profile-card-v2.woo-profile-appearance > :not(.woo-profile-layer-stage),
body.incallx .dm-premium-profile-card.woo-profile-appearance > :not(.woo-profile-layer-stage),
body.incallx .whitoo-public-profile-panel.woo-profile-appearance > :not(.woo-profile-layer-stage) {
  position: relative !important;
  z-index: 2 !important;
}
body.incallx .woo-profile-card-v2 .woo-profile-layer,
body.incallx .dm-premium-profile-card .woo-profile-layer,
body.incallx .whitoo-public-profile-panel .woo-profile-layer {
  position: absolute !important;
  max-width: none !important;
  pointer-events: none !important;
}

/* Bilgi bloklari katmanlar buyuse bile daima okunabilir ve ustte kalir. */
body.incallx .woo-profile-card-v2 :is(.woo-profile-v2-body,.wv2-rows,.wv2-row,.woo-profile-v2-roles,.woo-profile-v2-mutual-servers,.woo-profile-v2-connections,.wv2-awards,.woo-profile-v2-quick-message),
body.incallx .dm-premium-profile-card :is(.dmpp-body,.dmpp-stack,.dmpp-row,.woo-profile-v2-mutual-servers,.woo-profile-v2-connections,.dmpp-actions) {
  position: relative !important;
  z-index: 3 !important;
}

/* Avatar arkasindaki sabit renk paleti kaldirildi; yalnizca profil fotografi kalir. */
body.incallx .woo-profile-card-v2 .wv2-avatar-wrap {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 50% !important;
}
body.incallx .woo-profile-card-v2 .wv2-avatar-wrap > img,
body.incallx .woo-profile-card-v2 .woo-profile-v2-avatar {
  border-radius: 50% !important;
  background: transparent !important;
}

/* Tum profil yuzeylerinde avatar arkasindaki dekoratif renk paletini kaldir. */
body.incallx :is(
  .user-bottom-avatar,
  .wv2-avatar-wrap,
  .dmpp-avatar-wrap,
  .wps-avatar-wrap,
  .active-user-identity,
  .whitoo-public-profile-head,
  .profile-header-user-avatar
) {
  background: transparent !important;
  background-image: none !important;
}
body.incallx :is(
  .user-bottom-avatar,
  .wv2-avatar-wrap,
  .dmpp-avatar-wrap,
  .wps-avatar-wrap,
  .active-user-identity,
  .profile-header-user-avatar
)::before,
body.incallx :is(
  .user-bottom-avatar,
  .wv2-avatar-wrap,
  .dmpp-avatar-wrap,
  .wps-avatar-wrap,
  .active-user-identity,
  .profile-header-user-avatar
)::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.incallx :is(
  .user-bottom-avatar,
  .wv2-avatar-wrap,
  .dmpp-avatar-wrap,
  .wps-avatar-wrap,
  .active-user-identity,
  .profile-header-user-avatar
) > img {
  background: transparent !important;
  background-image: none !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Sohbet turleri hicbir cihazda birbirine karismaz. Sunucuda DM araclari,
   DM ekraninda sunucu kanal listesi bulunmaz. */
body.incallx.whitoo-room-view #sidebar-wrapper > .sidebar-private {
  display: none !important;
}
body.incallx.whitoo-room-view #sidebar-wrapper > .sidebar-room {
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
}
body.incallx.whitoo-private-view #sidebar-wrapper > .sidebar-room {
  display: none !important;
}
body.incallx.whitoo-private-view #sidebar-wrapper > .sidebar-private {
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
}
body.incallx.whitoo-room-view #sidebar-wrapper.wcx-sidebar-combined > .sidebar-room {
  flex-basis: 100% !important;
  height: 100% !important;
}
body.incallx.whitoo-room-view #sidebar-wrapper.wcx-sidebar-combined > .channel-list-bottom {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
}

@media (max-width: 1024px) {
  body.incallx #rightbar-wrapper {
    position: fixed !important;
    inset: 0 0 0 auto !important;
    z-index: 1300 !important;
    width: min(380px, 92vw) !important;
    min-width: 0 !important;
    height: 100dvh !important;
    transform: translateX(105%) !important;
    transition: transform .22s ease !important;
    box-shadow: -24px 0 60px rgba(0,0,0,.5) !important;
  }
  body.incallx.mobile-rightbar-open #rightbar-wrapper { display: flex !important; transform: translateX(0) !important; }
  body.incallx .main-container { min-width: 0 !important; flex: 1 1 auto !important; }
}

@media (max-width: 767.98px) {
  html, body.incallx {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
  }
  body.incallx #wrapper {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  body.incallx .main-container,
  body.incallx .main-tab-content,
  body.incallx .main-tab-pane.active,
  body.incallx .group-chat,
  body.incallx .chat-content {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100dvh !important;
    margin: 0 !important;
  }
  body.incallx .main-container { position: relative !important; inset: 0 !important; display: block !important; }
  body.incallx .main-tab-content { overflow: hidden !important; }

  /* 2026-09-03: Uye/profil paneli SAGDAN acilan dar bir cekmecedir - sol
     kenar-cubugu (sunucu+kanal listesi) ile ayni tam-genislik gorunumu
     KARISTIRILMASIN diye kasitli olarak dar tutuluyor. Sol taraftaki
     arkaplan (sohbet) kararmis halde gorunur kalir. */
  body.incallx #rightbar-wrapper {
    inset: 58px 0 0 auto !important;
    left: auto !important;
    width: min(88vw, 360px) !important;
    max-width: min(88vw, 360px) !important;
    height: calc(100dvh - 58px) !important;
    max-height: calc(100dvh - 58px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    resize: none !important;
    box-shadow: -18px 0 44px rgba(0,0,0,.5) !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;
  }
  body.incallx #rightbar-wrapper > * { max-width: 100% !important; }
  /* karartilmis arkaplan zaten asagida ::after ile tanimli (z-index:1200,
     paneller 1300+/2147483000 oldugu icin onlarin ARKASINDA kalir) - tekrar
     eklenmedi. */

  /* Mobil profil kartlari: ayni bilgi, daha az yukseklik ve bosluk. */
  body.incallx #rightbar-wrapper .woo-right-profile-card {
    margin: 8px 10px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }
  body.incallx #rightbar-wrapper .woo-right-profile-top {
    min-height: 42px !important;
    gap: 9px !important;
  }
  body.incallx #rightbar-wrapper .woo-right-profile-top img {
    width: 42px !important;
    height: 42px !important;
  }
  body.incallx #rightbar-wrapper .woo-right-profile-top strong { font-size: 13px !important; }
  body.incallx #rightbar-wrapper .woo-right-profile-top span { font-size: 10px !important; }
  body.incallx #rightbar-wrapper .woo-right-crown {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }
  body.incallx #rightbar-wrapper .profile-auto-badges-self {
    min-height: 0 !important;
    margin: 6px 0 !important;
    gap: 5px !important;
  }
  body.incallx #rightbar-wrapper .profile-auto-badges-self .profile-auto-badge {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    border-radius: 8px !important;
  }
  body.incallx #rightbar-wrapper .woo-right-tools {
    gap: 6px !important;
    margin-top: 6px !important;
  }
  body.incallx #rightbar-wrapper .woo-right-tool {
    min-height: 31px !important;
    height: 31px !important;
    border-radius: 8px !important;
  }

  body.incallx .popover.woo-profile-popover-v2 {
    inset: 8px !important;
    max-height: calc(100dvh - 16px) !important;
  }
  body.incallx .woo-profile-card-v2 .woo-profile-v2-cover { min-height: 82px !important; height: 82px !important; }
  body.incallx .woo-profile-card-v2 .woo-profile-v2-body { padding: 0 11px 9px !important; }
  body.incallx .woo-profile-card-v2 .woo-profile-v2-avatar,
  body.incallx .woo-profile-card-v2 .wv2-avatar-wrap > img {
    width: 58px !important;
    height: 58px !important;
    margin-top: -29px !important;
  }
  body.incallx .woo-profile-card-v2 .woo-profile-v2-name { font-size: 16px !important; }
  body.incallx .woo-profile-card-v2 .wv2-user { font-size: 10px !important; }
  body.incallx .woo-profile-card-v2 .wv2-row,
  body.incallx .woo-profile-card-v2 .woo-profile-v2-mutual-servers,
  body.incallx .woo-profile-card-v2 .woo-profile-v2-connections,
  body.incallx .woo-profile-card-v2 .woo-profile-v2-roles {
    min-height: 34px !important;
    padding: 7px 9px !important;
    margin-top: 6px !important;
    border-radius: 9px !important;
  }
  body.incallx .woo-profile-card-v2 .woo-profile-v2-quick-message {
    margin: 7px 10px 10px !important;
  }
  body.incallx .woo-profile-card-v2 .woo-profile-v2-quick-message input { height: 36px !important; }
  body.incallx .woo-profile-card-v2 .woo-profile-v2-circle {
    width: 31px !important;
    height: 31px !important;
  }
  body.incallx .dm-premium-profile-card {
    border-radius: 14px !important;
  }
  body.incallx .dm-premium-profile-card .dmpp-cover { min-height: 82px !important; height: 82px !important; }
  body.incallx .dm-premium-profile-card .dmpp-row {
    min-height: 34px !important;
    padding: 7px 9px !important;
    margin-top: 6px !important;
  }

  /* Sol ray + kanal listesi, var olan geri/yan-panel dugmesiyle acilan cekmece. */
  body.incallx .room-bar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1420 !important;
    display: flex !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 100dvh !important;
    transform: translateX(-105%) !important;
    transition: transform .22s ease !important;
  }
  body.incallx #sidebar-wrapper {
    position: fixed !important;
    inset: 0 auto 0 56px !important;
    z-index: 1410 !important;
    width: min(78vw, 292px) !important;
    min-width: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    transform: translateX(calc(-105% - 56px)) !important;
    transition: transform .22s ease !important;
    box-shadow: 24px 0 60px rgba(0,0,0,.5) !important;
  }
  body.incallx.mobile-sidebar-open .room-bar,
  body.incallx.mobile-sidebar-open #sidebar-wrapper { transform: translateX(0) !important; }

  body.incallx.mobile-sidebar-open::after,
  body.incallx.mobile-rightbar-open::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(0,0,0,.58);
    backdrop-filter: blur(3px);
  }
  body.incallx.mobile-rightbar-open::after { top: 58px; }

  body.incallx .main-container .topbar,
  body.incallx .group-chat > .topbar {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    padding: 7px 10px !important;
  }
  body.incallx .main-container .topbar .sidebarToggle,
  body.incallx .main-container .topbar .rightbarToggle {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 4px 0 0 !important;
  }
  body.incallx .top-channel-name,
  body.incallx .room-title {
    max-width: 42vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.incallx .chats,
  body.incallx .chat-scroll {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: calc(100dvh - 138px) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  body.incallx .room-editor,
  body.incallx .private-editor {
    position: absolute !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px !important;
  }
  /* Mesaj kutusu sadece gercekten aktif olan sohbet ekraninda bulunur. */
  body.incallx:not(.whitoo-room-view) #main-room .room-editor,
  body.incallx:not(.whitoo-private-view) #main-private .private-editor,
  body.incallx #main-room:not(.active) .room-editor,
  body.incallx #main-private:not(.active) .private-editor {
    display: none !important;
    pointer-events: none !important;
  }
  body.incallx.whitoo-room-view #main-room.active .room-editor,
  body.incallx.whitoo-private-view #main-private.active .private-editor {
    pointer-events: auto !important;
  }
  body.incallx.mobile-sidebar-open #main-room .room-editor,
  body.incallx.mobile-sidebar-open #main-private .private-editor,
  body.incallx.mobile-rightbar-open #main-room .room-editor,
  body.incallx.mobile-rightbar-open #main-private .private-editor {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  body.incallx.whitoo-room-view #main-room.active .room-editor .editor-container,
  body.incallx.whitoo-private-view #main-private.active .private-editor .editor-container {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Sunucuda yalniz kanal listesi, DM'de yalniz DM araclari gorunur. */
  body.incallx.whitoo-room-view #sidebar-wrapper > .sidebar-private { display: none !important; }
  body.incallx.whitoo-room-view #sidebar-wrapper > .sidebar-room { display: flex !important; }
  body.incallx.whitoo-private-view #sidebar-wrapper > .sidebar-room { display: none !important; }
  body.incallx.whitoo-private-view #sidebar-wrapper > .sidebar-private { display: flex !important; }
  body.incallx .chat-row,
  body.incallx .chat-txt,
  body.incallx .message-bubble { max-width: 86vw !important; }
  body.incallx .chat-image,
  body.incallx .chat-video,
  body.incallx .chat-row img { max-width: min(78vw, 420px) !important; height: auto !important; }
  body.incallx .voice-message-player { max-width: 82vw !important; }

  /* Profil/ayar penceresi telefonda gercek tam ekran ve tek kolon. */
  body.incallx .wsm-shell { position: fixed !important; inset: 0 !important; z-index: 2200 !important; padding: 0 !important; }
  body.incallx .wsm-dialog {
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  body.incallx .wsm-body { display: block !important; min-height: 0 !important; overflow-y: auto !important; }
  body.incallx .wsm-body > .sidebar-profile {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: 176px !important;
    padding: 10px !important;
    overflow: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(148,163,184,.14) !important;
  }
  body.incallx .wsm-body > .sidebar-profile .disc-cat-list,
  body.incallx .wsm-body > .sidebar-profile .nav { display: flex !important; flex-direction: row !important; gap: 6px !important; overflow-x: auto !important; }
  body.incallx .wsm-body > .sidebar-profile .nav-link { flex: 0 0 auto !important; min-height: 38px !important; padding: 8px 10px !important; }
  body.incallx #v-profile-tabContent,
  body.incallx .profile-section { width: 100% !important; max-width: none !important; min-width: 0 !important; padding: 12px !important; }

  /* Profil Studyosu: kontroller + onizleme tek kolon. */
  body.incallx .wps-shell { width: 100% !important; min-width: 0 !important; }
  body.incallx .wps-head { align-items: flex-start !important; gap: 8px !important; padding: 14px !important; }
  body.incallx .wps-layout { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; }
  body.incallx .wps-preview-wrap { position: relative !important; inset: auto !important; order: -1 !important; width: 100% !important; max-height: none !important; overflow: visible !important; }
  body.incallx .wps-preview { width: 100% !important; max-width: 390px !important; min-height: 520px !important; margin: 0 auto !important; }
  body.incallx .wps-controls { width: 100% !important; min-width: 0 !important; }
  body.incallx .wps-ai-compose,
  body.incallx .wps-field-grid,
  body.incallx .wps-color-grid,
  body.incallx .wps-privacy-grid { grid-template-columns: minmax(0,1fr) !important; }
  body.incallx .wps-preview-modes,
  body.incallx .wps-preview-context { max-width: 100% !important; overflow-x: auto !important; }

  /* Sunucu/DM profil kartlari ekran disina tasmaz. */
  body.incallx .dm-premium-profile-card,
  body.incallx .wps-profile-card,
  body.incallx .woo-profile-card-v2,
  body.incallx .woo-right-profile-card,
  body.incallx .user-info-panel .user-card,
  body.incallx .woo-profile-popover,
  body.incallx .profile-card-modal {
    width: min(100% - 20px, 390px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    margin: 10px auto !important;
    overflow-y: auto !important;
  }

  /* Dinamik profil popover'i telefonda tiklanan ogenin disina tasmasin. */
  body.incallx .popover.woo-profile-popover-v2 {
    position: fixed !important;
    inset: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 20px) !important;
    margin: 0 !important;
    transform: none !important;
    overflow: hidden !important;
    z-index: 2147483001 !important; /* drawer (rightbar-wrapper) 2147483000 kullaniyor - profil karti onun USTUNDE olmali */
  }
  body.incallx .popover.woo-profile-popover-v2 .popover-arrow { display: none !important; }
  body.incallx .popover.woo-profile-popover-v2 .popover-body {
    width: 100% !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-card-v2 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.incallx input,
  body.incallx select,
  body.incallx textarea,
  body.incallx button { max-width: 100%; }
}

/* Daha eski panel kurallarindaki `html body` ozgullugunu mobilde kesin olarak gec. */
@media (max-width: 767.98px) {
  html body.incallx .room-bar{
    position:fixed!important;inset:0 auto 0 0!important;width:56px!important;min-width:56px!important;
    height:100dvh!important;margin:0!important;
    /* 2026-09-03: alttaki Whitoo AI/Explore dugmeleri gercek telefonlarda
       (jestli gezinme cubugu) yariya kadar kesiliyordu - guvenli alan payi
       eklendi (box-sizing:border-box oldugu icin icerik yukari kayar). */
    padding-bottom: max(12px, env(safe-area-inset-bottom, 12px)) !important;
  }
  html body.incallx #sidebar-wrapper{
    position:fixed!important;inset:0 auto 0 56px!important;
    width:min(78vw,292px)!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;
  }
  html body.incallx.mobile-sidebar-open .room-bar,
  html body.incallx.mobile-sidebar-open #sidebar-wrapper{transform:translateX(0)!important}
}

@media (max-width: 420px) {
  body.incallx #sidebar-wrapper { width: calc(100vw - 56px) !important; }
  body.incallx .wps-preview { max-width: 100% !important; min-height: 500px !important; }
  body.incallx .wps-studio-card,
  body.incallx .wps-ai-card { padding-left: 10px !important; padding-right: 10px !important; }
}

/* Telefon profil popover'i: ekran kaplayan panel degil, kompakt kart. */
@media (max-width: 767.98px) {
  body.incallx .popover.woo-profile-popover-v2 {
    inset: auto !important;
    top: 64px !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: min(310px, calc(100vw - 24px)) !important;
    height: auto !important;
    max-width: 310px !important;
    max-height: calc(100dvh - 76px) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .popover-body {
    width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - 76px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-card-v2 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-cover {
    min-height: 62px !important;
    height: 62px !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-body {
    height: auto !important;
    min-height: 0 !important;
    margin-top: -18px !important;
    padding: 0 9px 7px !important;
    overflow: visible !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-identity {
    height: auto !important;
    min-height: 0 !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .wv2-avatar-wrap {
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 5px !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-avatar,
  body.incallx .popover.woo-profile-popover-v2 .wv2-avatar-wrap > img {
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-name {
    font-size: 14px !important;
    line-height: 17px !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .wv2-user { font-size: 9px !important; }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-badges {
    margin-top: 4px !important;
    gap: 4px !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .wv2-rows {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 6px !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .wv2-row {
    min-width: 0 !important;
    min-height: 31px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 7px !important;
    gap: 5px !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .wv2-row:nth-child(3):last-child {
    grid-column: 1 / -1 !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .wv2-row strong,
  body.incallx .popover.woo-profile-popover-v2 .wv2-row em { font-size: 8px !important; }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-mutual-servers,
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-connections,
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-roles {
    min-height: 31px !important;
    height: auto !important;
    margin-top: 5px !important;
    padding: 5px 7px !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .wv2-awards {
    min-height: 42px !important;
    height: auto !important;
    margin-top: 5px !important;
    padding: 5px 7px !important;
  }
  body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-quick-message {
    height: 34px !important;
    margin: 6px 8px 8px !important;
  }
body.incallx .popover.woo-profile-popover-v2 .woo-profile-v2-quick-message input {
    height: 32px !important;
    font-size: 9px !important;
  }
}

/* Varsayilan renkli kapak paletini tamamen kaldir; yalnizca yuklenen medya gorunsun. */
body.incallx .woo-profile-card-v2 .woo-profile-v2-cover,
body.incallx .dm-premium-profile-card .dmpp-cover,
body.incallx .wps-preview .wps-preview-cover {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.incallx .woo-profile-card-v2.has-cover[data-scope="cover"] .woo-profile-v2-cover {
  background-image: var(--wv2-cover, none) !important;
}
body.incallx .dm-premium-profile-card.has-cover[data-scope="cover"] .dmpp-cover {
  background-image: var(--dmpp-cover, none) !important;
}
body.incallx .wps-preview[data-scope="cover"] .wps-preview-cover {
  background-image: var(--wps-cover, var(--wps-image, none)) !important;
  background-size: var(--wps-live-size, var(--wps-fit, cover)) !important;
  background-position: var(--wps-position, 50% 50%) !important;
}

/* Parçaciklar: GIF/katmanlarin onunde, profil iceriginin arkasinda. */
body.incallx .wps-preview > .wps-particles,
body.incallx .woo-profile-appearance > .woo-profile-particle-stage {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}
body.incallx .wps-preview > .wps-preview-body {
  position: relative !important;
  z-index: 5 !important;
}
body.incallx .woo-profile-appearance > .woo-profile-particle-stage[data-particle="stars"] {
  background-image: radial-gradient(circle,#fff 1px,transparent 1.4px) !important;
  background-size: 25px 25px !important;
  opacity: .52 !important;
}
body.incallx .woo-profile-appearance > .woo-profile-particle-stage[data-particle="snow"] {
  background-image: radial-gradient(circle,#fff 1.6px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.72) 1px,transparent 1.5px) !important;
  background-size: 34px 34px,22px 22px !important;
  background-position: 0 0,11px 7px !important;
  opacity: .72 !important;
  animation: whitooProfileSnow 8s linear infinite !important;
}
body.incallx .woo-profile-appearance > .woo-profile-particle-stage[data-particle="embers"] {
  background-image: radial-gradient(circle,#ff8a3d 1.5px,transparent 2px),radial-gradient(circle,#ffd166 1px,transparent 1.5px) !important;
  background-size: 30px 30px,19px 19px !important;
  opacity: .65 !important;
  animation: whitooProfileEmbers 7s linear infinite !important;
}
body.incallx .woo-profile-appearance > :not(.woo-profile-layer-stage):not(.woo-profile-particle-stage) {
  position: relative !important;
  z-index: 5 !important;
}
@keyframes whitooProfileSnow { to { background-position:0 180px,11px 130px; } }
@keyframes whitooProfileEmbers { to { background-position:0 -160px,9px -110px; } }

/* Dosyanin en sonundaki kesin avatar/ikon kurali. */
body.incallx .wps-preview .wps-avatar-wrap,
body.incallx .woo-profile-card-v2 .wv2-avatar-wrap,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap,
body.incallx .channel-list-bottom .user-bottom-avatar,
body.incallx #main-profile .profile-header-user-avatar {
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 50% !important;
}
body.incallx .wps-preview .wps-avatar-wrap > img,
body.incallx .woo-profile-card-v2 .wv2-avatar-wrap > img,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap > img,
body.incallx .channel-list-bottom .user-bottom-avatar > img,
body.incallx #main-profile .profile-header-user-avatar > img {
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  object-fit: cover !important;
}
body.incallx .wps-preview .wps-theme-symbol {
  display: none !important;
}

/* ==========================================================================
   2026-09-03: "Full" kapak modu (data-scope="full") - iki duzeltme.
   Onekler mevcut kazanan kurallarla (body.incallx .woo-profile-card-v2[data-scope="full"]
   .wv2-row vb.) AYNI/DAHA YUKSEK ozguluge sahip olacak sekilde YAZILDI -
   sadece dosya sirasi degil, ozgulluk de en az esit olmali. Ucu bilesen
   varyanti (dmpp-*, wv2-*/woo-profile-v2-*, wps-*) birden kapsanir. */

body.incallx .woo-profile-card-v2[data-scope="full"] .wv2-row,
body.incallx .woo-profile-card-v2[data-scope="full"] .woo-profile-v2-mutual-servers,
body.incallx .woo-profile-card-v2[data-scope="full"] .woo-profile-v2-connections,
body.incallx .woo-profile-card-v2[data-scope="full"] .woo-profile-v2-badges,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .dmpp-row,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .dmpp-awards,
body.incallx .wps-preview[data-scope="full"] .wps-profile-row,
body.incallx .wps-preview[data-scope="full"] .wps-preview-meta span,
body.incallx .wps-preview[data-scope="full"] .wps-preview-awards {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.incallx .woo-profile-card-v2[data-scope="full"] .wv2-row strong,
body.incallx .woo-profile-card-v2[data-scope="full"] .wv2-row em,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .dmpp-row strong,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .dmpp-row em,
body.incallx .wps-preview[data-scope="full"] .wps-profile-row strong,
body.incallx .wps-preview[data-scope="full"] .wps-profile-row em,
body.incallx .wps-preview[data-scope="full"] .wps-preview-meta span,
body.incallx .wps-preview[data-scope="full"] .wps-preview-meta b,
body.incallx .wps-preview[data-scope="full"] .wps-preview-meta em {
  text-shadow: 0 1px 3px rgba(0,0,0,.9), 0 0 8px rgba(0,0,0,.7) !important;
}

/* Kapak/govde CIZGISI: sadece "cover" (ayri fotograf) modunda anlamli;
   "full" (tek parca) modunda kaynagi ne olursa olsun kaldirilir. */
body.incallx .woo-profile-card-v2[data-scope="full"] .woo-profile-v2-cover,
body.incallx .woo-profile-card-v2[data-scope="full"] .woo-profile-v2-body,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .dmpp-cover,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .dmpp-body,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .active-user-cover,
body.incallx .wps-preview[data-scope="full"] .wps-preview-cover,
body.incallx .wps-preview[data-scope="full"] .wps-preview-body {
  border: 0 !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* 2026-09-04: Woo ikonu artik kendi basina duran bir isaret (yorunge).
   Eskiden altin gradyanli bir kutu/pill icinde duruyordu; ikonun kendisi
   tasarim tasidigi icin o zeminler kaldirildi - aksi halde kirmizi gezegen
   altin kutunun ustunde duruyor gibi gorunuyordu. */
.dmpp-woo, .wv2-woo,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-woo,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo {
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.dmpp-woo-mark, .wv2-woo-mark,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-woo-mark,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo-mark {
  background: none !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.wps-woo, .wps-woo-mark,
body.incallx .wps-woo, body.incallx .wps-woo-mark {
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
[data-woo-ikon] { line-height: 0 !important; }

/* Profil kartlarindaki Woo isareti belirgin olsun (kullanici istegi). */
.dmpp-woo-mark svg, .wv2-woo-mark svg, .wps-woo-mark svg,
body.incallx .dmpp-woo-mark svg, body.incallx .wv2-woo-mark svg {
  width: 38px !important;
  height: 38px !important;
}
.dmpp-woo, .wv2-woo, .wps-woo { margin-top: 10px !important; }

/* Panel acilis animasyonu kisaltildi: 0.68sn cok uzundu, tiklamadan sonra
   ekran takiliyormus gibi hissettiriyordu. */
.wx26-quick.is-launching { animation-duration: .26s !important; }