/* ==========================================================================
   Whitoo — Sag panel (uye listesi) 2026
   Referans: rol basliklari UPPERCASE + "— N" sayaci, sade uye satirlari,
   34px yuvarlak avatar + durum noktasi, hover'da aksiyon ikonu.
   En son yuklenen sayfa oldugu icin onceki katmanlari ezer.
   ========================================================================== */

/* ---------- Rol basligi: YONETICI — 2 ---------- */
body.incallx #rightbar-wrapper .lt-role-user-heading {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 16px 4px 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(148, 163, 184, .72) !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}

body.incallx #rightbar-wrapper .lt-role-user-heading span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Referansta baslikta ikon yok */
body.incallx #rightbar-wrapper .lt-role-user-heading span i {
    display: none !important;
}

body.incallx #rightbar-wrapper .lt-role-user-heading b {
    margin-left: 2px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(148, 163, 184, .62) !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
}

body.incallx #rightbar-wrapper .lt-role-user-heading b::before {
    content: "— ";
}

/* ---------- Uye satiri ---------- */
body.incallx #rightbar-wrapper .room-users .user-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 46px !important;
    margin: 1px 0 !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background .14s ease !important;
}

body.incallx #rightbar-wrapper .room-users .user-row:hover {
    background: rgba(255, 255, 255, .05) !important;
}

/* Avatar + cevrimici noktasi */
body.incallx #rightbar-wrapper .channel-user-image {
    position: relative !important;
}

body.incallx #rightbar-wrapper .channel-user-image img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

body.incallx #rightbar-wrapper .online-status {
    position: absolute !important;
    right: -1px;
    bottom: -1px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #0e1118;
}

body.incallx #rightbar-wrapper .online-status i {
    font-size: 8px !important;
}

body.incallx #rightbar-wrapper .online-status.online i { color: #2ed573 !important; }
body.incallx #rightbar-wrapper .online-status.offline i { color: #6b7280 !important; }

/* Isim + durum satiri */
body.incallx #rightbar-wrapper .channel-user-name {
    color: #e9edf5 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
}

body.incallx #rightbar-wrapper .user-status {
    margin-top: 1px !important;
    color: rgba(148, 163, 184, .6) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}

body.incallx #rightbar-wrapper .user-status:empty {
    display: none !important;
}

/* Satir menusu: sadece hover */
body.incallx #rightbar-wrapper .dm-profile-options-toggle {
    border: 0 !important;
    background: transparent !important;
    color: rgba(203, 213, 225, .7) !important;
    opacity: 0;
    transition: opacity .14s ease;
}

body.incallx #rightbar-wrapper .user-row:hover .dm-profile-options-toggle {
    opacity: 1;
}

/* ---------- Arama kutusu ---------- */
body.incallx #rightbar-wrapper .room-users input,
body.incallx #rightbar-wrapper .tab-content input {
    height: 38px !important;
    padding: 0 34px 0 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .05) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06) !important;
    color: #e9edf5 !important;
    font-size: 12.5px !important;
}

body.incallx #rightbar-wrapper .room-users input::placeholder {
    color: rgba(148, 163, 184, .55) !important;
}

/* ---------- Rol rengi: baslik ve isimler role gore renklenir (referans) ----------
   Bolume --role-color degiskeni yaziliyor (rolun kendi rengi). Rolsuz uyelerde
   notr gri kalir. */
body.incallx #rightbar-wrapper .lt-role-user-section .lt-role-user-heading {
    color: color-mix(in srgb, var(--role-color, #94a3b8) 78%, #94a3b8) !important;
}

body.incallx #rightbar-wrapper .lt-role-user-section .lt-role-user-heading b {
    color: color-mix(in srgb, var(--role-color, #94a3b8) 55%, #94a3b8) !important;
}

body.incallx #rightbar-wrapper .lt-role-user-section .channel-user-name {
    color: var(--role-color, #e9edf5) !important;
}

/* Rolsuz "Uyeler" bolumu notr kalsin (renk kirliligi olmasin) */
body.incallx #rightbar-wrapper .lt-role-user-section[style*="#94a3b8"] .channel-user-name {
    color: #e9edf5 !important;
}

/* ---------- Baslik: sol renk cubugu kaldirildi ----------
   Baslikta inset 3px sol cubuk + 10px kose vardi; kucuk boyutta "(" gibi
   gorunen bir ark olusturuyordu. Referansta boyle bir cizgi yok. */
body.incallx #rightbar-wrapper .lt-role-user-heading {
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 18px 0 8px !important;
    padding: 0 10px 0 12px !important;
    justify-content: space-between !important;
    overflow: visible !important;
}

body.incallx #rightbar-wrapper .lt-role-user-section {
    overflow: visible !important;
}

body.incallx #rightbar-wrapper .lt-role-user-items {
    padding: 0 4px !important;
}

/* Panel kaydirma cubugu: ince ve notr */
body.incallx #rightbar-wrapper .room-users,
body.incallx #rightbar-wrapper .height-scroll-rpanel,
body.incallx #rightbar-wrapper .room-users-row {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(148, 163, 184, .25) transparent !important;
}

body.incallx #rightbar-wrapper *::-webkit-scrollbar { width: 7px !important; }

body.incallx #rightbar-wrapper *::-webkit-scrollbar-thumb {
    border: 2px solid transparent !important;
    border-radius: 999px !important;
    background: rgba(148, 163, 184, .25) !important;
    background-clip: content-box !important;
}

body.incallx #rightbar-wrapper *::-webkit-scrollbar-track { background: transparent !important; }

/* ==========================================================================
   SEKME SERIDI — referans: kutu yok, duz ikonlar, aktif kirmizi + alt cizgi
   Turnuvalar/Etkinlikler artik panelin ustunde ayri kart degil, bu seritte.
   ========================================================================== */
body.incallx #rightbar-wrapper #rpanel-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 2px !important;
    margin: 4px 6px 10px !important;
    padding: 0 4px 6px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
    background: transparent !important;
}

body.incallx #rightbar-wrapper #rpanel-tab .nav-item {
    flex: 1 1 auto !important;
    margin: 0 !important;
}

body.incallx #rightbar-wrapper #rpanel-tab .nav-link {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: rgba(148, 163, 184, .7) !important;
    font-size: 18px !important;
    box-shadow: none !important;
    transition: color .16s ease, background .16s ease !important;
}

body.incallx #rightbar-wrapper #rpanel-tab .nav-link:hover {
    background: rgba(255, 255, 255, .05) !important;
    color: #e8edf4 !important;
}

/* Aktif: kirmizi ikon + altinda kirmizi cizgi */
body.incallx #rightbar-wrapper #rpanel-tab .nav-link.active {
    background: transparent !important;
    color: #ff2d4b !important;
}

body.incallx #rightbar-wrapper #rpanel-tab .nav-link.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background: #ff2d4b;
    transform: translateX(-50%);
}

/* Sekme icerigi: turnuva / etkinlik listeleri */
body.incallx #rightbar-wrapper .woo-rpanel-scroll {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    padding: 0 6px;
}

body.incallx #rightbar-wrapper .woo-right-tournament-body {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.incallx #rightbar-wrapper .woo-right-tournament-item {
    display: block !important;
    margin-bottom: 8px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .03) !important;
    color: #e9edf5 !important;
    text-decoration: none !important;
    transition: background .16s ease, border-color .16s ease !important;
}

body.incallx #rightbar-wrapper .woo-right-tournament-item:hover {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .12) !important;
}

body.incallx #rightbar-wrapper .woo-right-tournament-item b {
    display: block;
    font-size: 13px;
    font-weight: 800;
}

body.incallx #rightbar-wrapper .woo-right-tournament-item span {
    display: block;
    margin-top: 3px;
    color: rgba(148, 163, 184, .75);
    font-size: 11px;
}

body.incallx #rightbar-wrapper .woo-right-tournament-item em {
    display: inline-block;
    margin-top: 6px;
    padding: 2px 8px;
    border-radius: 20px;
    background: rgba(46, 213, 115, .14);
    color: #6ee7a0;
    font-size: 9.5px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .4px;
}

body.incallx #rightbar-wrapper .woo-right-see-all {
    display: inline-block;
    margin: 2px 0 10px;
    color: #ff6b7f !important;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
}

body.incallx #rightbar-wrapper .woo-right-tournament-empty {
    padding: 18px 4px;
    color: rgba(148, 163, 184, .6);
    font-size: 12px;
    text-align: center;
}

/* Sekmeler yan yana kalsin (nav-item list-item olarak tam genislik aliyordu) */
body.incallx #rightbar-wrapper #rpanel-tab {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

body.incallx #rightbar-wrapper #rpanel-tab .nav-item {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    list-style: none !important;
}

/* ==========================================================================
   PROFIL KARTI — Woo taci ve etiketler
   Woo aboneligi AKTIF ise: altin cerceve + nabiz gibi isilti.
   AKTIF DEGILSE: kesik cizgi cerceve, gri, doygunlugu alinmis -> "pasif" hissi.
   ========================================================================== */
body.incallx #rightbar-wrapper .woo-right-crown {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    transition: border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

body.incallx #rightbar-wrapper .woo-right-crown i {
    font-size: 19px !important;
}

body.incallx #rightbar-wrapper .woo-right-crown.is-active {
    border: 1px solid rgba(255, 194, 75, .55) !important;
    background: linear-gradient(135deg, rgba(255, 194, 75, .22), rgba(231, 154, 31, .10)) !important;
    color: #ffc24b !important;
    animation: wooCrownGlow 2.4s ease-in-out infinite !important;
}

@keyframes wooCrownGlow {
    0%, 100% { box-shadow: 0 0 0 3px rgba(255, 194, 75, .06), 0 6px 16px rgba(255, 194, 75, .14); }
    50%      { box-shadow: 0 0 0 5px rgba(255, 194, 75, .12), 0 8px 22px rgba(255, 194, 75, .26); }
}

/* Pasif: "yokmus gibi" gorunur ama tiklanabilir kalir (Woo satin alma) */
body.incallx #rightbar-wrapper .woo-right-crown:not(.is-active) {
    border: 1px dashed rgba(148, 163, 184, .28) !important;
    background: rgba(255, 255, 255, .03) !important;
    color: rgba(148, 163, 184, .45) !important;
    box-shadow: none !important;
    filter: grayscale(1);
}

body.incallx #rightbar-wrapper .woo-right-crown:not(.is-active):hover {
    border-color: rgba(255, 194, 75, .40) !important;
    color: rgba(255, 194, 75, .70) !important;
    filter: none;
}

/* ---------- Etiketler (otomatik rozetler) ---------- */
body.incallx #rightbar-wrapper .profile-auto-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 10px 2px 4px !important;
}

body.incallx #rightbar-wrapper .profile-auto-badge {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .04) !important;
    color: rgba(203, 213, 225, .75) !important;
    font-size: 13px !important;
    transition: transform .16s ease, border-color .16s ease !important;
}

body.incallx #rightbar-wrapper .profile-auto-badge:hover {
    transform: translateY(-1px);
}

body.incallx #rightbar-wrapper .profile-auto-badge.is-premium {
    border-color: rgba(255, 194, 75, .35) !important;
    background: rgba(255, 194, 75, .10) !important;
    color: #ffc24b !important;
}

/* Panel basligi ("TOPLULUK / Uyeler ve medya") kaldirildi — sekme seridi zaten
   neyin gosterildigini anlatiyor, bu satir yer kapliyordu. */
body.incallx #rightbar-wrapper .woo-rpanel-head {
    display: none !important;
}

/* ============================================================
   SAG PANEL PROFIL KARTI: alta kadar uzasin, sabit kalsin
   .right-panel sabit 718px yukseklikteydi; ekran 859px olunca
   altta 141px olu bosluk kaliyor, kart yarida bitiyordu.
   Panel artik kalan alani doldurur, kart paneli doldurur,
   tasan icerik kart icinde kayar. Her ekran boyutunda ayni.
   ============================================================ */
body.incallx .wrapper>.right-panel{
  height:100%!important;max-height:100%!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;
  overflow:hidden!important;
}
body.incallx .wrapper>.right-panel>.woo-right-profile-card{
  flex:1 1 auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;
  overflow-y:auto!important;overscroll-behavior:contain;
  box-sizing:border-box!important;
}
/* sekme seridi (kisi/gorsel/video/dosya/baglanti) sabit kalsin */
body.incallx .wrapper>.right-panel>.woo-right-tabs,
body.incallx .wrapper>.right-panel>.user-info-panel>.woo-right-tabs{
  flex:0 0 auto!important;
}
/* 2026-08-11: KULLANICI BASLIGI SABIT.
   Yukaridaki kural bu karta "flex:1 1 auto + overflow-y:auto" veriyordu; kart
   panelde sikisip 102px'e duserken kendi 149px'lik icerigini KENDI ICINDE
   kaydiriyordu. Sonuc: avatarin yaninda bir kaydirma cubugu ve yarim gorunen
   bir profil karti. Baslik kaydirilacak bir liste degil -- dogal yuksekliginde
   ve sabit durmasi gerekir. */
body.incallx .wrapper>.right-panel>.woo-right-profile-card{
  flex:0 0 auto!important;
  overflow:visible!important;
  max-height:none!important;
}


/* ============================================================
   SAG PANEL: kaydirma kabini panele yay, alta kadar uzasin
   .tab-pane sadece icerik kadar (146px) yuksekteydi; panel 871px
   olunca altta olu bosluk kaliyordu. SADECE kapsayici zinciri
   duzeltiliyor - kart ve icerigine DOKUNULMUYOR (onceki bozulma
   karta flex verildigi icindi). Kaydirma "height-scroll" kabinda.
   ============================================================ */
body.incallx .wrapper>.right-panel{
  display:flex!important;flex-direction:column!important;min-height:0!important;
}
body.incallx .right-panel>#rpanel-tabContent,
body.incallx .right-panel>.tab-content{
  flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;
}
body.incallx .right-panel .tab-content>#rpanel-user-info.active{
  height:100%!important;min-height:0!important;
}
body.incallx #rpanel-user-info>.height-scroll-rpanelx{
  height:100%!important;min-height:0!important;
  overflow-y:auto!important;overscroll-behavior:contain;
}
body.incallx #rpanel-user-info>.height-scroll-rpanelx::-webkit-scrollbar{width:7px}
body.incallx #rpanel-user-info>.height-scroll-rpanelx::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(148,163,184,.28)}
body.incallx #rpanel-user-info>.height-scroll-rpanelx::-webkit-scrollbar-track{background:transparent}

/* 2026-08-11: KAYDIRMA TUM SEKMELERE.
   Yukaridaki kural yalnizca #rpanel-user-info icin yazilmisti. Uye listesi ve
   BOTLAR paneli ise #rpanel-members sekmesinde duruyor; .tab-content'te
   overflow:hidden oldugu icin o sekmenin icerigi KIRPILIYOR ve kaydirilamiyordu
   -- yedi bot kurulunca ilk uc tanesi gorunuyor, gerisi erisilemez oluyordu.
   Kural artik AKTIF olan hangi sekme olursa olsun gecerli (uyeler, gorseller,
   videolar, dosyalar, baglantilar). */
body.incallx .right-panel>.tab-content>.tab-pane.active,
body.incallx .right-panel>#rpanel-tabContent>.tab-pane.active{
  height:100%!important;min-height:0!important;
}
body.incallx .right-panel>.tab-content>.tab-pane>.height-scroll-rpanelx,
body.incallx .right-panel>#rpanel-tabContent>.tab-pane>.height-scroll-rpanelx{
  height:100%!important;min-height:0!important;
  overflow-y:auto!important;overscroll-behavior:contain;
}
body.incallx .right-panel>#rpanel-tabContent>.tab-pane>.height-scroll-rpanelx::-webkit-scrollbar{width:7px}
body.incallx .right-panel>#rpanel-tabContent>.tab-pane>.height-scroll-rpanelx::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(148,163,184,.28)}
body.incallx .right-panel>#rpanel-tabContent>.tab-pane>.height-scroll-rpanelx::-webkit-scrollbar-track{background:transparent}

/* ============================================================
   DM SAG PANEL: sadece rich referans kart gorunsun
   renderDmPremiumProfileCard her zaman .dm-premium-profile-card
   (kapak/avatar/Country/Spotify/Mutual/Roller/Rozetler/Mesaj Gonder)
   uretiyor ama eski bootstrap icerigi (ABOUT ME, Dogum/Cinsiyet/Ulke,
   Sunucu profili cipi, footer) yaninda kaliyordu -> karisiklik.
   Premium kart varken eski icerik gizlenir, SADECE rich kart kalir.
   NOT: .user-card'a flex/overflow VERILMIYOR (onceki bozulma oydu),
   yalnizca eski cocuklar display:none.
   ============================================================ */
body.incallx .user-card.has-dm-premium-card{
  border:0!important;background:transparent!important;
  padding:0!important;box-shadow:none!important;overflow:visible!important;
}
body.incallx .user-card.has-dm-premium-card>.card-img-top,
body.incallx .user-card.has-dm-premium-card>.card-body,
body.incallx .user-card.has-dm-premium-card>.card-footer{
  display:none!important;
}
body.incallx .user-card.has-dm-premium-card>.dm-premium-profile-card{
  /* display:block IDI -> kart flex konteyner olamadigi icin .dmpp-body'nin
     flex:1 ve .dmpp-actions'in margin-top:auto kurallari hic calismiyordu.
     Alt bosluk sorununun asil sebebi buydu. */
  display:flex!important;flex-direction:column!important;
  margin:0!important;width:100%!important;height:100%!important;min-height:0!important;
}
body.incallx .user-card.has-dm-premium-card>.dm-premium-profile-card>.dmpp-body{
  flex:1 1 auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;
}
body.incallx .user-card.has-dm-premium-card>.dm-premium-profile-card>.dmpp-body>.dmpp-actions{
  margin-top:auto!important;
}

/* ============================================================
   DM KARTI: Mesaj Gonder KALDIRILDI + karisik satirlar cam kutu
   .dm-premium-profile-card yalniz DM sag panelde. Zaten DM'de
   oldugun icin Mesaj Gonder gereksiz -> gizlendi, Secenekler
   butonu tam genislige yayildi. Ayrica Ortak Sunucular / Baglantilar
   (woo-profile-v2-*) Country satiriyla ayni cam gorunume getirildi.
   ============================================================ */
/* Mesaj Gonder gizle, secenekler tam genislik */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-message{display:none!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-actions{gap:0!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-actions>button:not(.dmpp-message){
  flex:1 1 auto!important;width:100%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
/* Ortak Sunucular + Baglantilar -> Country ile ayni cam kutu */
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-mutual-servers,
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-connections{
  margin:0 0 8px!important;padding:11px 13px!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:13px!important;
  background:rgba(255,255,255,.07)!important;
  -webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 6px 18px rgba(0,0,0,.18)!important;
}
/* ic etiket (ORTAK SUNUCULAR / BAGLANTILAR / SIMDI DINLIYOR) */
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-mutual-servers>small,
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-connections small{
  display:block!important;margin-bottom:7px!important;
  color:#aab6c6!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.13em!important;
}

/* ============================================================
   DM KARTI KOK DUZELTME: satirlarda hic display:flex yoktu
   (sadece cam zemin eklenmisti, hizalama unutulmustu) -> ikon/
   etiket/deger/ok ic ice giriyordu. Ayrica .dmpp-name paylasilan
   .user-title selektorunden position:absolute;top:6px;left:90px
   miras aliyordu (eski bootstrap kartin duzeni) -> isim avatarin
   YANINDA cikiyordu, ALTINDA degil. Hepsi burada duzeltiliyor.
   ============================================================ */
/* isim: avatarin yanindaki eski mutlak konumdan kurtar */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-name{
  position:static!important;top:auto!important;left:auto!important;right:auto!important;
  display:block!important;font-size:19px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-user{
  display:block!important;margin:2px 0 10px!important;font-size:11.5px!important;font-weight:650!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-about{
  display:block!important;margin:0 0 11px!important;font-size:12px!important;line-height:1.5!important;
}
/* rozet cipleri: bosluk ver */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-badges{
  display:flex!important;flex-wrap:wrap;gap:7px;margin:0 0 12px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-badges .profile-auto-badge{
  width:26px;height:26px;border-radius:50%;
}
/* --- satirlar: gercek flex hizalama (onceki turda unutulmustu) --- */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row{
  display:flex!important;align-items:center!important;gap:11px!important;
  min-height:46px!important;padding:10px 13px!important;margin-bottom:8px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>i:first-child{
  flex:0 0 18px;color:#9fb0c4;font-size:17px;line-height:1;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>i:last-child{
  flex:0 0 auto;margin-left:auto;color:#6f7d90;font-size:15px;line-height:1;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>div{
  flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>strong{flex:0 0 auto}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>em{
  flex:1 1 auto;margin-left:auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>div>span{
  display:flex;flex-wrap:wrap;gap:6px;
}
/* rozet ikonlari (Whitoo Rozetleri satiri ici) */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i{font-size:16px;color:#f4c542}
/* secenekler ("...") butonu Mesaj Gonder gizlenince tam genislige yayiliyordu
   ama duz beyaz oval gorunuyordu - karta uygun koyu stil veriyoruz */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-options{
  height:44px!important;border-radius:13px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.07)!important;color:#e6ecf5!important;
  font-size:18px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-options:hover{
  background:rgba(255,255,255,.11)!important;
}

/* ============================================================
   DM KARTI SIKILASTIRMA: panel yuksekligine kaydirmadan sigsin
   Icerik 729px, gorunen alan 517px idi (212px tasma). Kapak,
   avatar, satir yukseklikleri ve bosluklar daraltildi.
   NOT: .active-user-cover ayni zamanda min-height:126px!important
   de tasiyordu (whitoo-profile-studio.css:24) - SADECE height
   degistirmek yetmiyordu, min-height de burada eziliyor.
   ============================================================ */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-cover{
  height:58px!important;min-height:58px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap.active-user-identity{
  width:56px!important;height:56px!important;margin:-28px 0 6px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap .user-image{
  width:56px!important;height:56px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-name{font-size:15px!important;margin-bottom:0!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-user{margin:0 0 5px!important;font-size:10px!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-about{margin:0 0 6px!important;font-size:11px!important;line-height:1.4!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-badges{margin:0 0 6px!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-badges .profile-auto-badge{width:20px!important;height:20px!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-stack{gap:5px!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row{
  min-height:28px!important;padding:4px 10px!important;margin-bottom:0!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-mutual-servers,
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-connections{
  margin:0 0 4px!important;padding:5px 10px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-actions{margin-top:6px!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-options{height:34px!important}

/* ============================================================
   KULLANICI ISTEGI: cerceve tamamen kalksin, Sunucu Rolleri
   satiri kaldirilsin (DM sunucu degil), "+" ekle butonu kalksin,
   panel biraz genisletilsin.
   Cerceve kaynagi: whitoo-profile-studio.css:22-23 -
   ".right-panel .user-info-panel .user-card" (4 sinif, !important)
   + ayni selektorun ":before" sozde ogesindeki ic parlama/serit.
   Burada 5 sinifli (.has-dm-premium-card eklenmis) daha ozgul
   selektorle eziliyor.
   ============================================================ */
body.incallx .right-panel .user-info-panel .user-card.has-dm-premium-card{
  border:0!important;box-shadow:none!important;background:transparent!important;
}
body.incallx .right-panel .user-info-panel .user-card.has-dm-premium-card:before{
  content:none!important;box-shadow:none!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-add,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-roles{
  display:none!important;
}
/* panel biraz daha genis */
body.incallx .rightbar-wrapper{width:320px!important;min-width:320px!important}

/* Mobile: a closed member drawer must not reserve 320px from the chat. */
@media (max-width: 768px) {
  body.incallx #rightbar-wrapper.rightbar-wrapper {
    display:none!important;
    position:absolute!important;
    right:0!important;
    width:min(320px,calc(100vw - 72px))!important;
    min-width:0!important;
    margin-right:0!important;
    z-index:1300!important;
  }
  body.incallx.sb-rightnav-toggled #wrapper #rightbar-wrapper.rightbar-wrapper {
    display:flex!important;
  }
}

/* ============================================================
   GUVENLIK PAYI: isim/avatar cakismasi hicbir cihaz/yazi tipi
   zamanlamasinda olmasin. Bosluk artirildi + isim her zaman
   avatarin USTUNDE katmanda (z-index) kalacak sekilde kilitlendi.
   ============================================================ */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap{
  margin-bottom:12px!important;position:relative!important;z-index:1!important;
}

/* ============================================================
   KART TAM PANELI DOLDURSUN: fitFrame() artik yuksekligi
   panelin gorunen alanina gore ayarliyor (JS'te yamalandi),
   burada kart flex kolona alinip ".dmpp-actions" margin-top:auto
   ile alta kadar itilebiliyor. Boylece alta bosluk kalmaz.
   ============================================================ */
body.incallx .user-info-panel .dm-premium-profile-card{
  display:flex!important;flex-direction:column!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-actions{
  margin-top:auto!important;
}
/* avatar cercevesini biraz incelt: pembe halka box-shadow ile
   yapiliyor (0 0 0 3px), 3px->2px; koyu ic cerceve 5px->3px */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap .user-image{
  border-width:3px!important;
  box-shadow:0 0 0 2px var(--woo-a,#ff3158),0 10px 22px rgba(0,0,0,.4)!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-name,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-user{
  position:relative!important;z-index:2!important;background:transparent!important;
}

/* ============================================================
   KART TAM PANELI DOLDURSUN (v2 - saf CSS yuzde, JS piksel yok)
   Onceki fitFrame() JS piksel hesaplamasi guvenilmez oldu (satir
   ici !important CSS'i eziyordu, dogrulanamadi). JS artik yukseklik
   ZORLAMIYOR (removeProperty). Bunun yerine .height-scroll-rpanelx
   -> .user-card -> .dm-premium-profile-card zincirinin tamami
   height:100% ile dolduruluyor; .dmpp-actions margin-top:auto ile
   en alta yapisiyor. Arkadas listesinde ayni yontem calisti.
   ============================================================ */
body.incallx .user-info-panel .user-card.has-dm-premium-card{
  height:100%!important;min-height:100%!important;
  display:flex!important;flex-direction:column!important;
}
body.incallx .user-info-panel .user-card.has-dm-premium-card>.dm-premium-profile-card{
  flex:1 1 auto!important;height:100%!important;min-height:0!important;
}

/* ============================================================
   KART TAM PANELI DOLDURSUN (v3 - mutlak konum, yuzdeye guvenme)
   height:100% zinciri sessizce basarisiz oldu (ata zincirinde
   belirsiz yukseklik olabilir, CSS boyle durumlarda sessizce
   auto'ya doner, GORUNURDE HICBIR SEY DEGISMEZ). Artik atalarin
   yuksekligine bagimli degil: kart, en yakin scroll kabina
   MUTLAK olarak (inset:0) sabitleniyor - bu kesin calisir.
   ============================================================ */
body.incallx #rpanel-user-info>.height-scroll-rpanelx{
  position:relative!important;
}
body.incallx .user-info-panel .user-card.has-dm-premium-card{
  position:absolute!important;inset:0!important;
  height:auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;
  overflow-y:auto!important;overscroll-behavior:contain;
}

/* ============================================================
   FINAL: kaydirma YOK, kart alta kadar, icerik alta yaslanir
   Onceki hata: ".dmpp-actions{margin-top:auto}" verdim ama o oge
   ".dmpp-body" icinde; .dmpp-body flex kolon yapilmadigi icin
   margin-top:auto hicbir ise yaramadi -> buton ortada kaldi,
   alti bos gorundu. Zincir: card(flex col) > body(flex col, flex:1)
   > actions(margin-top:auto). Kaydirma kaldirildi (overflow:hidden).
   Kapak ve avatar esnemez (flex:0 0 auto) - logo/kapak bozulmaz.
   ============================================================ */
body.incallx .user-info-panel .user-card.has-dm-premium-card{
  overflow:hidden!important;      /* kaydirma YOK */
}
body.incallx .user-info-panel .dm-premium-profile-card{
  overflow:hidden!important;
}
/* kapak esnemesin, orani bozulmasin */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-cover{
  flex:0 0 auto!important;
}
/* govde kalan alani doldursun ve KENDISI de flex kolon olsun */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-body{
  flex:1 1 auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;
}
/* avatar/isim/rozet blogu esnemesin */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-name,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-user,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-about,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-badges,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-stack{
  flex:0 0 auto!important;
}
/* aksiyon seridi en alta yapissin */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-actions{
  margin-top:auto!important;flex:0 0 auto!important;
}

/* ════════════════════════════════════════════════════════════
   DM PROFIL KARTI — ONAYLANAN TASARIM (final)
   Sag ustte sadece ucnokta, kapak > logo > isim > kullanici adi >
   Woo rozeti, sonra Ulke / Katildi / Son gorulme, Spotify, Rozetler.
   Sunucu rolleri DM tarafinda YOK. Mavi tik YOK. Alt buton YOK.
   Toplam yaklasik 415px -> 517px panele KAYDIRMASIZ sigar.
   ════════════════════════════════════════════════════════════ */

/* arti butonu, rol satiri ve hakkinda DM tarafinda gizli */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-add,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-roles,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-about{display:none!important}

/* kart govdesi */
body.incallx .user-info-panel .dm-premium-profile-card{
  border-radius:20px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#12161e,#0a0d13 64%)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.055),inset 0 1px 0 rgba(255,255,255,.09)!important;
}

/* kapak: mesh gradyan */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-cover{
  height:68px!important;min-height:68px!important;position:relative!important;
  background:
    radial-gradient(120px 76px at 20% 14%,rgba(255,49,88,.6),transparent 68%),
    radial-gradient(130px 82px at 76% 4%,rgba(139,92,246,.55),transparent 70%),
    radial-gradient(120px 76px at 54% 96%,rgba(32,224,196,.32),transparent 68%),
    linear-gradient(125deg,#241534,#132132)!important;
}
body.incallx .user-info-panel .dm-premium-profile-card.has-cover .dmpp-cover{
  background-size:cover!important;background-position:center!important;
}

/* ucnokta: kapagin sag ust kosesine */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-actions{
  position:absolute!important;top:9px!important;right:9px!important;
  margin:0!important;padding:0!important;z-index:6!important;width:auto!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-options{
  width:28px!important;height:28px!important;padding:0!important;
  border-radius:9px!important;font-size:15px!important;
  background:rgba(6,9,14,.55)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)!important;color:#e2e9f4!important;
}

/* govde */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-body{
  padding:0 13px 13px!important;margin-top:-26px!important;
  position:relative!important;z-index:3!important;
}

/* logo: gradyan halka */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap{
  width:58px!important;height:58px!important;margin:0!important;padding:2.5px!important;
  border-radius:20px!important;position:relative!important;
  background:linear-gradient(145deg,#ff3158,#8b5cf6 52%,#20e0c4)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.55)!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap .user-image{
  width:100%!important;height:100%!important;border:0!important;border-radius:17.5px!important;
  box-shadow:none!important;object-fit:cover!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .active-user-presence{
  right:-2px!important;bottom:-2px!important;width:15px!important;height:15px!important;
  border:0!important;box-shadow:0 0 0 3.5px #0e1218!important;
}
/* Yesil parlama yalnizca gercekten cevrimiciyken. */
body.incallx .user-info-panel .dm-premium-profile-card .active-user-presence.is-online{
  box-shadow:0 0 0 3.5px #0e1218,0 0 10px rgba(37,211,102,.7)!important;
}

/* isim + kullanici adi */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-name{
  margin:9px 0 0!important;font-size:18px!important;font-weight:850!important;letter-spacing:-.03em!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-user{
  margin:1px 0 0!important;font-size:11.5px!important;color:#8895a9!important;
}

/* WOO rozeti */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-woo{
  display:inline-flex!important;align-items:center;gap:6px;
  margin:9px 0 0!important;padding:6px 11px 6px 8px;border-radius:10px;
  background:linear-gradient(120deg,rgba(255,200,81,.2),rgba(255,49,88,.14) 60%,rgba(139,92,246,.14));
  box-shadow:inset 0 0 0 1px rgba(255,200,81,.4);
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-woo-mark{
  display:grid;place-items:center;width:18px;height:18px;border-radius:6px;flex:none;
  background:linear-gradient(140deg,#ffd772,#ff9c3d);color:#3a2000;font-size:11px;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-woo b{
  font-size:11px;font-weight:850;letter-spacing:.03em;color:#ffd08a;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-woo small{
  color:#c9a86a;font-size:8.5px;font-weight:750;letter-spacing:.1em;
}

/* bilgi satirlari */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-stack{
  display:flex!important;flex-direction:column!important;gap:5px!important;margin-top:10px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row{
  display:flex!important;align-items:center!important;gap:10px!important;
  min-height:34px!important;padding:6px 11px!important;margin:0!important;
  border-radius:11px!important;border:0!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
  backdrop-filter:none!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row:hover{
  background:rgba(255,255,255,.07)!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>i:first-child{
  flex:none!important;width:15px!important;font-size:15px!important;color:#8fa0b6!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-country>i:first-child{color:#5aa9ff!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-joined>i:first-child{color:#31d970!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-seen>i:first-child{color:#ffb15c!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>strong{
  flex:none!important;color:#6f7c93!important;font-size:8.5px!important;font-weight:850!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>em{
  flex:1 1 auto!important;margin-left:auto!important;text-align:right!important;
  color:#f0f4fa!important;font-size:12px!important;font-weight:700!important;font-style:normal!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-row>i:last-child{
  flex:none!important;margin-left:0!important;color:#5d6a7d!important;font-size:13px!important;
}

/* Spotify */
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-connections{
  margin:5px 0 0!important;padding:8px!important;border-radius:13px!important;
  background:linear-gradient(118deg,rgba(30,215,96,.14),rgba(255,255,255,.018) 72%)!important;
  box-shadow:inset 0 0 0 1px rgba(30,215,96,.25)!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-connections>small{
  color:#31d970!important;font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important;
}

/* ortak sunucular */
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-mutual-servers{
  margin:5px 0 0!important;padding:8px 11px!important;border-radius:12px!important;
  background:rgba(255,255,255,.04)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .woo-profile-v2-mutual-servers>small{
  color:#6f7c93!important;font-size:8.5px!important;font-weight:850!important;letter-spacing:.12em!important;
}

/* Whitoo Rozetleri: dortlu kutucuk izgara */
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards{
  flex-direction:column!important;align-items:stretch!important;gap:7px!important;
  padding:9px 11px!important;min-height:0!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>i:first-child,
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>i:last-child{display:none!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>div{
  display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards strong{
  color:#6f7c93!important;font-size:8.5px!important;font-weight:850!important;letter-spacing:.12em!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i{
  display:grid!important;place-items:center!important;height:38px!important;margin:0!important;
  border-radius:11px!important;font-size:18px!important;
  background:rgba(255,255,255,.04)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;
  transition:transform .16s;
}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i:hover{transform:translateY(-2px)}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i:nth-child(1){color:#ffc851!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i:nth-child(2){color:#c084fc!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i:nth-child(3){color:#5aa9ff!important}
body.incallx .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i:nth-child(4){color:#ff6b8a!important}

/* KAYDIRMA YOK: panel kabi tasmayi kessin */
body.incallx #rpanel-user-info>.height-scroll-rpanelx{overflow:hidden!important}

/* ════════════════════════════════════════════════════════════
   DM KARTI — LOGO/KAPAK DUZELTMESI
   .active-user-identity .user-image kurali 82px + border:5px +
   border-radius:50% dayatiyordu ve benim kuralimla ESIT ozgullukte
   oldugu icin cakisiyordu -> logo eziliyor, isim avatara yapisiyordu.
   .right-panel eklenerek ozgulluk bir kademe yukseltildi.
   ════════════════════════════════════════════════════════════ */

/* logo kutusu: gradyan halka, isimle arasinda net bosluk */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .active-user-identity{
  width:58px!important;height:58px!important;
  margin:0 0 10px!important;padding:2.5px!important;
  border-radius:19px!important;position:relative!important;overflow:visible!important;
  background:linear-gradient(145deg,#ff3158,#8b5cf6 52%,#20e0c4)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.55)!important;
}
/* logo gorseli: kutuyu tam doldursun, kendi cercevesi olmasin */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap .user-image,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .active-user-identity .user-image{
  position:static!important;
  width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:none!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:16.5px!important;
  object-fit:cover!important;display:block!important;
  box-shadow:none!important;
}
/* cevrimici noktasi */
/* Bu kural ONCEDEN kosulsuz YESIL yapiyordu (.is-online sinifina hic
   bakmadan) ve dort sinifli secici oldugu icin diger tum kurallari eziyordu;
   cevrimdisi kullanicilar dahil HERKES aktif gorunuyordu. */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .active-user-presence{
  position:absolute!important;right:-3px!important;bottom:-3px!important;
  width:15px!important;height:15px!important;border:0!important;border-radius:50%!important;
  background:#64748b!important;
  box-shadow:0 0 0 3.5px #0e1218!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .active-user-presence.is-online{
  background:#25d366!important;
  box-shadow:0 0 0 3.5px #0e1218,0 0 10px rgba(37,211,102,.7)!important;
}

/* isim: logonun altinda, cakisma yok */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-name{
  position:static!important;top:auto!important;left:auto!important;
  display:block!important;margin:0!important;
  font-size:18px!important;font-weight:850!important;letter-spacing:-.03em!important;
  line-height:1.2!important;color:#fff!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-user{
  display:block!important;margin:2px 0 0!important;
  font-size:11.5px!important;color:#8895a9!important;
}

/* kapak: net dursun, bulanik/gerilmis gorunmesin */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-cover{
  height:68px!important;min-height:68px!important;
  background-size:cover!important;background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
}

/* ne kadar bilgi olursa olsun asagi kaymasin */
body.incallx #rpanel-user-info>.height-scroll-rpanelx{overflow:hidden!important}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-stack{
  gap:5px!important;margin-top:9px!important;
}

/* ════════════════════════════════════════════════════════════
   SIGDIRMA PAYI — en kalabalik senaryo icin
   Ulke + Katildi + Son gorulme + Spotify + Ortak Sunucular +
   Rozetler hepsi birden geldiginde ~522px oluyordu, panel 517px.
   Olculer kucultuldu -> ~500px, her durumda sigar.
   ════════════════════════════════════════════════════════════ */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-cover{
  height:62px!important;min-height:62px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-body{
  margin-top:-24px!important;padding:0 12px 11px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo{
  margin-top:8px!important;padding:5px 10px 5px 7px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-stack{
  gap:4px!important;margin-top:8px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-row{
  min-height:32px!important;padding:5px 10px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-connections,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-mutual-servers{
  margin-top:4px!important;padding:7px 10px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-awards{
  padding:8px 10px!important;gap:6px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i{
  height:34px!important;font-size:16px!important;border-radius:10px!important;
}

/* ════════════════════════════════════════════════════════════
   DM KARTI v3 — kapak normal yukseklikte, ucnokta sag ust dikey,
   Woo rozeti sade, sira: Ulke > Katildi > Son gorulme >
   Baglantilar > Ortak Sunucular > Whitoo Rozetleri
   ════════════════════════════════════════════════════════════ */

/* kapak: normal seviye */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-cover{
  height:92px!important;min-height:92px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-body{
  margin-top:-26px!important;padding:0 12px 12px!important;
}

/* ucnokta: sag ust kose, dikey, cam buton */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-actions{
  position:absolute!important;top:10px!important;right:10px!important;
  left:auto!important;bottom:auto!important;
  margin:0!important;padding:0!important;z-index:8!important;
  width:auto!important;display:block!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-options{
  width:30px!important;height:30px!important;min-height:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:10px!important;
  background:rgba(6,9,14,.55)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
  color:#e6ecf5!important;font-size:17px!important;line-height:1!important;
  transition:background .16s,transform .16s;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-options:hover{
  background:rgba(6,9,14,.8)!important;transform:translateY(-1px);
}

/* Woo rozeti: kompakt, sadece WOO */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo{
  margin:9px 0 0!important;padding:6px 12px 6px 8px!important;gap:7px!important;
  border-radius:10px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo b{
  font-size:12px!important;letter-spacing:.06em!important;
}

/* SIRA: Ulke -> Katildi -> Son gorulme -> Baglantilar -> Ortak -> Rozetler */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo{order:0!important}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-country{order:1!important}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-joined{order:2!important}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-seen{order:3!important}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-connections{order:4!important}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-mutual-servers{order:5!important}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-awards{order:6!important}

/* bilgi satirlari: biraz nefes */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-row{
  min-height:34px!important;padding:6px 11px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-stack{
  gap:5px!important;margin-top:9px!important;
}

/* ════════════════════════════════════════════════════════════
   DM KARTI v4 — GENISLIK + SIGDIRMA
   Sorun 1: fitFrame() JS ile piksel genislik dayatiyordu ->
            kart panelden genis kaliyor, ucnokta disari tasiyordu.
            JS artik dokunmuyor, genislik %100 CSS ile.
   Sorun 2: icerik alta tasip kesiliyordu. Kart panele oturur,
            icerik ne kadar olursa olsun kart icinde kalir.
   ════════════════════════════════════════════════════════════ */

/* --- GENISLIK: paneli asla asma --- */
body.incallx .right-panel .user-info-panel .user-card.has-dm-premium-card,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card{
  width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;transform:none!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card *{
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
}

/* --- ucnokta: kartin sag ust KOSESI --- */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-actions{
  position:absolute!important;top:10px!important;right:10px!important;
  left:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;
  margin:0!important;padding:0!important;z-index:9!important;
}

/* --- SIGDIRMA: kapak biraz kisalt, bosluklari sik --- */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-cover{
  height:78px!important;min-height:78px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-body{
  margin-top:-24px!important;padding:0 11px 10px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .active-user-identity{
  width:54px!important;height:54px!important;margin:0 0 8px!important;border-radius:18px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-avatar-wrap .user-image,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .active-user-identity .user-image{
  border-radius:15.5px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-name{font-size:17px!important}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-user{font-size:11px!important}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo{
  margin-top:8px!important;padding:5px 11px 5px 7px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-stack{
  gap:4px!important;margin-top:8px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-row{
  min-height:31px!important;padding:5px 10px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-connections,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-mutual-servers{
  margin-top:4px!important;padding:7px 10px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-awards{
  padding:8px 10px!important;gap:6px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i{
  height:32px!important;font-size:15px!important;border-radius:9px!important;
}
/* Spotify satirini biraz kisalt */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-now-playing{
  margin-top:6px!important;padding:6px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-now-playing img,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-now-playing>i{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
}

/* --- kart panele otursun, disari tasmasin --- */
body.incallx #rpanel-user-info>.height-scroll-rpanelx{
  overflow:hidden!important;padding:8px!important;
}

/* ════════════════════════════════════════════════════════════
   DM KARTI v5
   - Ucnokta artik .dmpp-body ICINDE DEGIL, kartin dogrudan
     cocugu. Bu yuzden sag ust kose hesabi KARTA gore yapiliyor
     (onceden body'ye gore hesaplaniyordu, kapagin altina dusuyordu).
   - Woo rozeti: sadece modern ikon, yazi yok.
   ════════════════════════════════════════════════════════════ */

/* ucnokta: kartin sag ust kosesi */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions{
  position:absolute!important;top:10px!important;right:10px!important;
  left:auto!important;bottom:auto!important;
  width:auto!important;max-width:none!important;height:auto!important;
  margin:0!important;padding:0!important;z-index:10!important;
  display:block!important;background:none!important;box-shadow:none!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions .dmpp-options{
  width:30px!important;height:30px!important;min-height:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:10px!important;
  background:rgba(6,9,14,.58)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.17)!important;
  color:#eaf0f8!important;font-size:17px!important;line-height:1!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions .dmpp-options:hover{
  background:rgba(6,9,14,.85)!important;
}
/* DM'de mesaj butonu yok */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions .dmpp-message{
  display:none!important;
}

/* --- WOO rozeti: sadece ikon --- */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo{
  display:inline-grid!important;place-items:center!important;
  width:34px!important;height:34px!important;
  margin:9px 0 0!important;padding:0!important;gap:0!important;
  border-radius:11px!important;
  background:linear-gradient(140deg,rgba(255,200,81,.22),rgba(255,49,88,.16) 62%,rgba(139,92,246,.16))!important;
  box-shadow:inset 0 0 0 1px rgba(255,200,81,.45),0 6px 16px rgba(255,160,60,.16)!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo-mark{
  width:22px!important;height:22px!important;border-radius:8px!important;
  background:linear-gradient(140deg,#ffd772,#ff9c3d)!important;color:#3a2000!important;
  font-size:13px!important;box-shadow:0 2px 8px rgba(255,156,61,.45)!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo b,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo small{
  display:none!important;
}

/* ════════════════════════════════════════════════════════════
   DM KARTI v6
   1) Ucnokta ismin hizasina alindi (kose yerine)
   2) Woo ikonu kullanici adinin hemen altina yapistirildi
   3) Acilir menu kesiliyordu: kartta overflow:hidden vardi ->
      kart overflow:visible, kirpma sadece kapakta
   ════════════════════════════════════════════════════════════ */

/* --- 3) menu kesilmesin: kirpmayi kapaga tasi --- */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card{
  overflow:visible!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-cover{
  overflow:hidden!important;
  border-radius:20px 20px 0 0!important;
}

/* --- 1) ucnokta: ismin hizasinda, sagda --- */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions{
  position:absolute!important;
  top:112px!important;      /* kapak 78 - margin 24 + avatar 54 + 8 = isim satiri */
  right:11px!important;left:auto!important;bottom:auto!important;
  width:auto!important;max-width:none!important;height:auto!important;
  margin:0!important;padding:0!important;z-index:20!important;
  display:block!important;background:none!important;box-shadow:none!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions .dmpp-options{
  width:30px!important;height:30px!important;min-height:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:10px!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)!important;
  color:#c9d4e3!important;font-size:17px!important;line-height:1!important;
  transition:background .16s,color .16s;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions .dmpp-options:hover{
  background:rgba(255,255,255,.1)!important;color:#fff!important;
}
/* isim, ucnokta ile cakismasin */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-name,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-user{
  padding-right:38px!important;
}

/* acilir menu: kartin ustunde, duzgun */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions .dropdown-menu{
  z-index:60!important;min-width:150px!important;
  border:0!important;border-radius:12px!important;
  background:#141922!important;
  box-shadow:0 18px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.09)!important;
  padding:5px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions .dropdown-item{
  display:flex!important;align-items:center!important;gap:8px!important;
  border-radius:8px!important;padding:8px 10px!important;
  color:#dbe3ef!important;font-size:12.5px!important;font-weight:650!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card>.dmpp-actions .dropdown-item:hover{
  background:rgba(255,255,255,.07)!important;color:#fff!important;
}

/* --- 2) Woo ikonu: kullanici adinin hemen altinda --- */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-stack{
  margin-top:7px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo{
  margin:0 0 3px!important;
  width:32px!important;height:32px!important;border-radius:10px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-woo-mark{
  width:21px!important;height:21px!important;font-size:12.5px!important;
}

/* --- "Profilin tamamını görüntüle" bagi kaldirildi ---
   Tiklama calismiyordu (ustteki katmanlar olayi yakaliyordu),
   kullanici kaldirilmasini istedi. Markup korunuyor, sadece gizli. */
body.incallx .user-info-panel .active-user-full-profile,
body.incallx .user-info-panel .dm-premium-profile-card .whitoo-view-profile,
body.incallx .user-info-panel .dropdown-menu .whitoo-view-profile{
  display:none!important;
}

/* ════════════════════════════════════════════════════════════
   TAM GIF MODU DUZELTMESI (DM karti)
   Kartin zemini saydamlastirilinca satirlar da okunmaz hale geldi
   ve kart dogal boyuna uzayip paneli asti. Satirlar tekrar opak
   cam, kart panele sabitlendi.
   ════════════════════════════════════════════════════════════ */

/* kart panele otursun, uzamasin */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"]{
  height:auto!important;max-height:100%!important;
}
/* satirlar GIF uzerinde net okunsun */
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"] .woo-profile-v2-mutual-servers,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .woo-profile-v2-connections,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .dmpp-awards{
  background:rgba(10,13,20,.72)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
  backdrop-filter:blur(16px) saturate(150%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .woo-profile-v2-connections{
  background:linear-gradient(118deg,rgba(18,86,48,.78),rgba(10,13,20,.74) 72%)!important;
  box-shadow:inset 0 0 0 1px rgba(30,215,96,.3)!important;
}
/* etiket ve degerler net */
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"] .woo-profile-v2-mutual-servers>small,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .woo-profile-v2-connections>small{
  color:#c3cedd!important;text-shadow:0 1px 3px rgba(0,0,0,.8)!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card[data-scope="full"] .dmpp-row>em{
  color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.85)!important;
}

/* ════════════════════════════════════════════════════════════
   KART: dogal yukseklik + rahat tipografi
   Karti panele zorla yaydiran (height:100%/flex:1) kurallar
   altta kocaman bos GIF alani birakiyordu; icerik de ona gore
   kucuk duruyordu. Kart artik icerigi kadar, panele sigmazsa
   kirpilmadan kucuk kalir.
   ════════════════════════════════════════════════════════════ */
body.incallx .right-panel .user-info-panel .user-card.has-dm-premium-card{
  position:relative!important;inset:auto!important;
  height:auto!important;min-height:0!important;max-height:100%!important;
  display:block!important;
}
body.incallx .right-panel .user-info-panel .user-card.has-dm-premium-card>.dm-premium-profile-card{
  flex:none!important;height:auto!important;max-height:100%!important;
}

/* --- rahat tipografi (sikistirilmis olculer geri alindi) --- */
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-name{
  font-size:19px!important;line-height:1.2!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-user{
  font-size:12px!important;margin-top:3px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-row{
  min-height:36px!important;padding:7px 12px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-row>strong{
  font-size:9.5px!important;letter-spacing:.11em!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-row>em{
  font-size:12.5px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-row>i:first-child{
  font-size:16px!important;width:16px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-mutual-servers>small,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .woo-profile-v2-connections>small,
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-awards strong{
  font-size:9.5px!important;letter-spacing:.11em!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-awards>div>span i{
  height:36px!important;font-size:17px!important;
}
body.incallx .right-panel .user-info-panel .dm-premium-profile-card .dmpp-stack{gap:5px!important}