/* ==========================================================================
   Whitoo — Sol panel (sunucu basligi + durum satirlari)
   1) Sunucu adi kutu gibi duruyordu: cerceve .room-title uzerindeydi -> kaldirildi.
   2) Durum satirlari (aktif / cevrimdisi / sesli) kutu kutu buyuktu ->
      kucuk ikonlu, kompakt tek satira alindi.
   ========================================================================== */

/* ---------- Sunucu adi: kutu yok ---------- */
body.incallx .sidebar-room .room-name,
body.incallx .sidebar-room .room-name .dropdown-toggle {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.incallx .sidebar-room .room-title,
body.incallx .topbar-channels .room-title {
    display: inline-block !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
}

/* ---------- Durum satirlari: kompakt ---------- */
body.incallx .woo-room-hero-meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 12px !important;
    margin: 6px 12px 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.incallx .woo-room-hero-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(148, 163, 184, .8) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
}

body.incallx .woo-room-hero-meta span i { font-size: 11px !important; }
body.incallx .woo-room-presence-active i { color: #2ed573 !important; }
body.incallx .woo-room-presence-offline i { color: rgba(148, 163, 184, .6) !important; }
body.incallx .woo-room-presence-voice i { color: #5df0dd !important; }

/* ========================================================================== 
   SES BAGLI ALT PANELI - kompakt iki katman (2026080102)
   Ustte baglanti/kanal seridi, altta yalniz avatar ve ses kontrolleri.
   ========================================================================== */
body.incallx.in-voice #sidebar-wrapper,
body.incallx.voice-active #sidebar-wrapper,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]),
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]){
    padding-bottom: 0 !important;
}

body.incallx.in-voice #voice-channel-container,
body.incallx.voice-active #voice-channel-container,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) > #voice-channel-container,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) > #voice-channel-container{
    position: absolute !important;
    inset: auto 0 58px 0 !important;
    z-index: 2147483000 !important;
    isolation: isolate !important;
    transform: translateZ(0) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 7px 10px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-top: 1px solid rgba(34, 197, 94, .28) !important;
    border-bottom: 1px solid rgba(34, 197, 94, .20) !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, rgba(7, 104, 61, .84), rgba(5, 35, 29, .96) 66%, rgba(7, 13, 20, .98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 -8px 24px rgba(0,0,0,.18) !important;
}
body.incallx.in-voice #sidebar-wrapper > .sidebar-room,
body.incallx.voice-active #sidebar-wrapper > .sidebar-room{
    z-index: 0 !important;
    isolation: auto !important;
}
body.incallx.in-voice #sidebar-wrapper,
body.incallx.voice-active #sidebar-wrapper{isolation:isolate!important}

body.incallx #voice-channel-container .voice-channel-info{
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    grid-template-rows: 14px 16px !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 0 7px !important;
}
body.incallx #voice-channel-container .voice-container-title{
    display: contents !important;
}
body.incallx #voice-channel-container .voice-live-dot{display:none !important}
body.incallx #voice-channel-container .voice-container-title > i{
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    color: #4ade80 !important;
    font-size: 20px !important;
}
body.incallx #voice-channel-container .wcx-voice-signal{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:2px!important;
    width:22px!important;
    height:22px!important;
}
body.incallx #voice-channel-container .wcx-voice-signal i{
    display:block!important;
    width:3px!important;
    border-radius:2px 2px 0 0!important;
    background:#45e47c!important;
    box-shadow:0 0 7px rgba(69,228,124,.22)!important;
}
body.incallx #voice-channel-container .wcx-voice-signal i:nth-child(1){height:7px!important}
body.incallx #voice-channel-container .wcx-voice-signal i:nth-child(2){height:13px!important}
body.incallx #voice-channel-container .wcx-voice-signal i:nth-child(3){height:18px!important}
body.incallx #voice-channel-container .wcx-voice-signal i:nth-child(4){height:11px!important}
body.incallx.in-voice #voice-channel-container .voice-toggle-mic,
body.incallx.voice-active #voice-channel-container .voice-toggle-mic{display:none!important}
body.incallx #voice-channel-container .voice-container-title > span:last-child{
    grid-column: 2 !important;
    grid-row: 1 !important;
    overflow: hidden !important;
    color: #63f28f !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .09em !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}
body.incallx #voice-channel-container .voice-name{
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: auto !important;
    max-width: none !important;
    overflow: hidden !important;
    color: #f2fff7 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
body.incallx #voice-channel-container .voice-channel-controls{
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 5px !important;
}
body.incallx #voice-channel-container .voice-channel-controls .btn{
    display: grid !important;
    place-items: center !important;
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.055) !important;
    color: #cbd5e1 !important;
    box-shadow: none !important;
}
body.incallx #voice-channel-container .voice-channel-controls .voice-screen-share{
    border-color: rgba(34,197,94,.42) !important;
    background: rgba(34,197,94,.12) !important;
    color: #5df28d !important;
}
body.incallx #voice-channel-container .voice-channel-controls .voice-leave{
    color: #ff7b8b !important;
}

body.incallx.in-voice .channel-list-bottom.lt-account-dock,
body.incallx.voice-active .channel-list-bottom.lt-account-dock,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) > .channel-list-bottom.lt-account-dock,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) > .channel-list-bottom.lt-account-dock{
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: 75 !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    /* 2026-08-27: ses paneli bu kutunun ICINDE degil, USTUNDE ayri bir eleman
       olarak duruyor (chat_room.html icindeki wooBottomStack betigi oyle
       konumluyor). 106px o eski tasarimdan kalmaydi ve altta ~48px kapkara
       bosluk biraliyordu. Artik ses acikken de kapali haldeki yukseklik. */
    min-height: 62px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border-top: 1px solid rgba(255,255,255,.055) !important;
    background: rgba(9, 14, 23, .98) !important;
    box-shadow: 0 -12px 24px rgba(0,0,0,.18) !important;
}
body.incallx.in-voice .channel-list-bottom.lt-account-dock > #voice-channel-container,
body.incallx.voice-active .channel-list-bottom.lt-account-dock > #voice-channel-container{
    position: static !important;
    inset: auto !important;
    order: -1 !important;
    flex: 0 0 calc(100% + 20px) !important;
    width: calc(100% + 20px) !important;
    margin: -7px -10px 7px !important;
    transform: none !important;
}
body.incallx.in-voice .channel-list-bottom .username-bottom,
body.incallx.voice-active .channel-list-bottom .username-bottom,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom .username-bottom,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom .username-bottom{
    display: none !important;
}
body.incallx.in-voice .channel-list-bottom .user-bottom-trigger,
body.incallx.voice-active .channel-list-bottom .user-bottom-trigger,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom .user-bottom-trigger,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom .user-bottom-trigger{
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 3px !important;
    border-radius: 13px !important;
}
body.incallx.in-voice .channel-list-bottom .user-bottom-avatar img,
body.incallx.voice-active .channel-list-bottom .user-bottom-avatar img,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom .user-bottom-avatar img,
body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom .user-bottom-avatar img{
    width: 36px !important;
    height: 36px !important;
    border: 2px solid #f23862 !important;
    box-shadow: 0 0 0 2px rgba(34,197,94,.18) !important;
}

/* Referansta mikrofon yalniz alt kontrol satirinda bulunur. */
html body.incallx.in-voice .channel-list-bottom #voice-channel-container .voice-channel-controls .voice-toggle-mic,
html body.incallx.voice-active .channel-list-bottom #voice-channel-container .voice-channel-controls .voice-toggle-mic{
    display:none!important;
}

/* Hesap cubugu ses yokken de panelin alt kenarindan ayrilmaz. */
html body.incallx #sidebar-wrapper{
    position:relative!important;
}
html body.incallx #sidebar-wrapper > .channel-list-bottom.lt-account-dock{
    position:absolute!important;
    inset:auto 0 0 0!important;
    width:100%!important;
    margin:0!important;
    z-index:75!important;
}

/* Hoparlor cikis secici */
body.incallx .lt-account-dock-actions{position:relative!important}
body.incallx .wcx-output-menu{
    position:absolute!important;
    right:0!important;
    bottom:calc(100% + 12px)!important;
    z-index:2147483600!important;
    width:220px!important;
    max-height:238px!important;
    padding:8px!important;
    overflow:hidden!important;
    border:1px solid rgba(148,163,184,.18)!important;
    border-radius:14px!important;
    background:rgba(8,13,22,.98)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.52)!important;
    backdrop-filter:blur(18px)!important;
}
body.incallx .wcx-output-menu[hidden]{display:none!important}
body.incallx .wcx-output-head{
    padding:5px 7px 8px!important;color:#f5f7fb!important;font-size:10px!important;
    font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
body.incallx .wcx-output-list{display:grid!important;gap:4px!important;max-height:190px!important;overflow-y:auto!important;overflow-x:hidden!important}
body.incallx .wcx-output-option{
    display:grid!important;grid-template-columns:25px minmax(0,1fr) 16px!important;align-items:center!important;
    gap:7px!important;width:100%!important;min-height:38px!important;padding:5px 8px!important;
    border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;
    color:#cbd5e1!important;text-align:left!important;font-size:10.5px!important;font-weight:750!important;
}
body.incallx .wcx-output-option:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
body.incallx .wcx-output-option>i{color:#7dd3fc!important;font-size:15px!important}
body.incallx .wcx-output-option>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.incallx .wcx-output-option>b{visibility:hidden!important;color:#4ade80!important;font-size:14px!important}
body.incallx .wcx-output-option.is-active{border-color:rgba(34,197,94,.28)!important;background:rgba(34,197,94,.09)!important;color:#fff!important}
body.incallx .wcx-output-option.is-active>b{visibility:visible!important}
body.incallx .wcx-output-note{padding:10px!important;color:#94a3b8!important;font-size:10px!important;line-height:1.45!important}
body.incallx .wcx-dock-output.is-active{background:rgba(45,212,191,.12)!important;color:#5eead4!important}

/* ==========================================================================
   ALT KULLANICI BARI (referans): avatar + isim / @kullanici, sagda mikrofon,
   kulaklik ve ayar (profil) ikonlari.
   ========================================================================== */
body.incallx .channel-list-bottom.lt-account-dock {
    gap: 4px !important;
    padding: 8px 10px !important;
    border-top: 1px solid rgba(255, 255, 255, .06) !important;
    background: rgba(0, 0, 0, .28) !important;
}

body.incallx .channel-list-bottom .user-bottom-trigger {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    padding: 5px 8px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: background .14s ease !important;
}

body.incallx .channel-list-bottom .user-bottom-trigger:hover {
    background: rgba(255, 255, 255, .06) !important;
}

body.incallx .channel-list-bottom .user-bottom-avatar img,
body.incallx .channel-list-bottom .user-bottom-trigger img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

body.incallx .channel-list-bottom .current-status {
    position: absolute !important;
    right: -2px;
    bottom: -2px;
    display: grid;
    place-items: center;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0c0b10;
}

body.incallx .channel-list-bottom .current-status i { font-size: 8px !important; }
body.incallx .channel-list-bottom .current-status.online i { color: #2ed573 !important; }

body.incallx .channel-list-bottom .username-bottom {
    display: block !important;
    margin: 0 !important;
    overflow: hidden;
    color: #f1f4f9 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sag ikonlar */
body.incallx .lt-account-dock-actions {
    gap: 2px !important;
}

body.incallx .wcx-dock-btn {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: rgba(203, 213, 225, .8) !important;
    font-size: 17px !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background .14s ease, color .14s ease !important;
}

body.incallx .wcx-dock-btn:hover {
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

/* Kapali durum: uzeri cizili kirmizi */
body.incallx .wcx-dock-btn.is-off {
    color: #ff5a6a !important;
    background: rgba(255, 90, 106, .10) !important;
}

/* Destek launcher'i gizli: menuden aciliyor */
body.incallx .lt-account-dock-actions .woo-support-launcher {
    display: none !important;
}

/* ---------- Hesap menusu: sadece durum, dil, destek, cikis ---------- */
body.incallx .channel-list-bottom .dropdown-menu .lt-info-tabs,
body.incallx .channel-list-bottom .dropdown-menu .lt-contact-fixed,
body.incallx .channel-list-bottom .dropdown-menu .lt-bots-fixed {
    display: none !important;
}

body.incallx .wcx-lang-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 8px 14px !important;
}

body.incallx .wcx-menu-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(203, 213, 225, .85);
    font-size: 13px;
    font-weight: 600;
}

body.incallx .wcx-lang-list {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.incallx .wcx-lang {
    display: grid;
    place-items: center;
    width: 26px;
    height: 22px;
    border: 1px solid transparent;
    border-radius: 6px;
    opacity: .55;
    transition: opacity .14s ease, border-color .14s ease;
}

body.incallx .wcx-lang:hover { opacity: 1; }

body.incallx .wcx-lang.is-active {
    border-color: rgba(255, 45, 75, .5);
    opacity: 1;
}

body.incallx .wcx-support-item {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
}

/* Menude sadece istenen 4 oge kalsin: durum, dil, canli destek, cikis.
   "Botlar / Iletisim" satiri gizlendi. (Yonetici Paneli ogesi duruyor.) */
body.incallx .channel-list-bottom .dropdown-menu .lt-action-row {
    display: none !important;
}

/* Durum satiri basligi belli olsun */
body.incallx .channel-list-bottom .dropdown-menu .lt-status-row {
    padding: 8px 14px !important;
}

/* Isim alanindaki kutu kaldirildi (arka plan + cerceve .user-bottom-trigger'daydi) */
body.incallx .channel-list-bottom .user-bottom-trigger {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.incallx .channel-list-bottom .user-bottom-trigger:hover {
    background: rgba(255, 255, 255, .06) !important;
}

/* ==========================================================================
   HESAP MENUSU — modern cam panel
   ========================================================================== */
body.incallx .channel-list-bottom .dropdown-menu {
    min-width: 262px !important;
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 18px !important;
    background: rgba(18, 17, 24, .96) !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, .5) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

/* Baslik: avatar + kullanici adi (alt yazi kaldirildi) */
body.incallx .channel-list-bottom .lt-account-head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .04) !important;
    text-decoration: none !important;
    transition: background .16s ease !important;
}

body.incallx .channel-list-bottom .lt-account-head:hover {
    background: rgba(255, 255, 255, .08) !important;
}

body.incallx .channel-list-bottom .lt-account-head-name {
    color: #f2f5fa !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
}

body.incallx .channel-list-bottom .lt-account-head-arrow {
    margin-left: auto !important;
    color: rgba(148, 163, 184, .6) !important;
}

/* Durum secici: esit kapsuller, aktif olanda halka */
body.incallx .channel-list-bottom .lt-status-row {
    margin: 8px 0 !important;
    padding: 6px !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .03) !important;
}

body.incallx .channel-list-bottom .lt-status-row .change-status {
    display: grid !important;
    place-items: center !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    transition: background .16s ease, transform .16s ease !important;
}

body.incallx .channel-list-bottom .lt-status-row .change-status:hover {
    background: rgba(255, 255, 255, .08) !important;
    transform: translateY(-1px);
}

body.incallx .channel-list-bottom .lt-status-row .change-status.is-active,
body.incallx .channel-list-bottom .lt-status-row .change-status.active {
    background: rgba(255, 255, 255, .10) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18) !important;
}

/* Menu ogeleri */
body.incallx .channel-list-bottom .dropdown-menu .dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 2px 0 !important;
    padding: 10px 12px !important;
    border-radius: 11px !important;
    color: #dfe5ef !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    transition: background .16s ease, color .16s ease !important;
}

body.incallx .channel-list-bottom .dropdown-menu .dropdown-item:hover {
    background: rgba(255, 255, 255, .07) !important;
    color: #fff !important;
}

body.incallx .channel-list-bottom .dropdown-menu .dropdown-item i {
    margin: 0 !important;
    font-size: 17px !important;
    opacity: .85;
}

/* Ayirici cizgiler sadelesti */
body.incallx .channel-list-bottom .dropdown-menu .dropdown-divider {
    margin: 6px 4px !important;
    border-color: rgba(255, 255, 255, .07) !important;
    opacity: 1 !important;
}

/* Cikis: kirmizi vurgulu tam genislik */
body.incallx .channel-list-bottom .dropdown-menu .lt-account-logout {
    justify-content: center !important;
    margin-top: 4px !important;
    border: 1px solid rgba(255, 45, 75, .28) !important;
    background: rgba(255, 45, 75, .10) !important;
    color: #ff8a97 !important;
    font-weight: 800 !important;
}

body.incallx .channel-list-bottom .dropdown-menu .lt-account-logout:hover {
    background: rgba(255, 45, 75, .18) !important;
    color: #fff !important;
}

/* Durum secici: sadece renkli nokta gorunur (yazi title olarak kaliyor).
   Modernlestirirken dropdown-item kurallari yazilari acmisti, tasiyordu. */
body.incallx .channel-list-bottom .lt-status-row .change-status {
    gap: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

body.incallx .channel-list-bottom .lt-status-row .change-status i {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

body.incallx .channel-list-bottom .lt-status-row .change-status i.online { color: #2ed573 !important; }
body.incallx .channel-list-bottom .lt-status-row .change-status i.offline { color: #94a3b8 !important; }
body.incallx .channel-list-bottom .lt-status-row .change-status i.busy { color: #ff4d5e !important; }
body.incallx .channel-list-bottom .lt-status-row .change-status i.away { color: #ffb020 !important; }

/* ==========================================================================
   SUNUCU DURUM SATIRI — kompakt: sadece ikon + sayi (yazi yok)
   Sayilar data-count niteliginden basilir (JS her guncellemede yeniler).
   ========================================================================== */
body.incallx .woo-room-hero-meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 6px 12px 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.incallx .woo-room-hero-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: auto !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
}

body.incallx .woo-room-hero-meta span i {
    font-size: 13px !important;
}

body.incallx .woo-room-hero-meta span::after {
    content: attr(data-count);
    color: rgba(203, 213, 225, .85);
    font-size: 12px;
    font-weight: 700;
}

body.incallx .woo-room-presence-active i { color: #2ed573 !important; }
body.incallx .woo-room-presence-offline i { color: rgba(148, 163, 184, .65) !important; }
body.incallx .woo-room-presence-voice i { color: #5df0dd !important; }


/* === 2026-08-27 alt cubuk duzeni ===
   1) Kullanici adi sesteyken de gorunur (eskiden gizleniyordu).
   2) Ust yesil panelde SADECE "hangi kanaldayiz" bilgisi + ekran paylasma kalir;
      mikrofon ve ayrilma dugmeleri alt cubuga tasindi.
   3) Alt cubuga ayrilma (telefon) dugmesi eklendi, yalniz sesteyken gorunur. */

/* 1 - isim geri geldi */
html body.incallx.in-voice .channel-list-bottom .username-bottom,
html body.incallx.voice-active .channel-list-bottom .username-bottom,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom .username-bottom,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom .username-bottom{
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 84px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
}
html body.incallx .channel-list-bottom .user-bottom-menu{ min-width: 0 !important; flex: 0 1 auto !important; }
html body.incallx .channel-list-bottom .lt-account-dock-actions{ flex: 0 0 auto !important; gap: 1px !important; }
/* sesteyken avatar 42px'e sisiyordu, isme yer kalmiyordu */
html body.incallx.in-voice .channel-list-bottom .user-bottom-trigger,
html body.incallx.voice-active .channel-list-bottom .user-bottom-trigger{
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 3px 4px 3px 3px !important;
}

/* 2 - ust panel sadelesti: mikrofon ve ayrilma orada durmuyor */
html body.incallx #voice-channel-container .voice-channel-controls .voice-toggle-mic,
html body.incallx #voice-channel-container .voice-channel-controls .voice-leave{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    pointer-events: none !important;
}

/* 3 - alt cubuktaki ayrilma dugmesi */
html body.incallx .channel-list-bottom [data-wcx-leave]{ display: none !important; }
html body.incallx.in-voice .channel-list-bottom [data-wcx-leave],
html body.incallx.voice-active .channel-list-bottom [data-wcx-leave]{
    display: grid !important;
    place-items: center !important;
    border-color: rgba(242,56,98,.42) !important;
    background: rgba(242,56,98,.12) !important;
    color: #ff8fa1 !important;
}
html body.incallx.in-voice .channel-list-bottom [data-wcx-leave]:hover,
html body.incallx.voice-active .channel-list-bottom [data-wcx-leave]:hover{
    border-color: rgba(242,56,98,.7) !important;
    background: rgba(242,56,98,.22) !important;
    color: #fff !important;
}
/* bes dugme + isim 260px'e sigsin */
html body.incallx.in-voice .channel-list-bottom .wcx-dock-btn,
html body.incallx.voice-active .channel-list-bottom .wcx-dock-btn{
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
}
html body.incallx .channel-list-bottom .wcx-dock-btn.is-off{
    border-color: rgba(242,56,98,.42) !important;
    background: rgba(242,56,98,.12) !important;
    color: #ff8fa1 !important;
}

html body.incallx .wcx-output-bos{
    padding: 10px 8px !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

/* === 2026-08-27 (2) isme yer ac === */
html body.incallx.in-voice .channel-list-bottom.lt-account-dock ,
html body.incallx.voice-active .channel-list-bottom.lt-account-dock ,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom.lt-account-dock ,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom.lt-account-dock {
    flex-wrap: nowrap !important;
    align-items: center !important;
}
html body.incallx.in-voice .channel-list-bottom.lt-account-dock .user-bottom-menu,
html body.incallx.voice-active .channel-list-bottom.lt-account-dock .user-bottom-menu,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom.lt-account-dock .user-bottom-menu,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom.lt-account-dock .user-bottom-menu{
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 1 auto !important;
}
html body.incallx.in-voice .channel-list-bottom.lt-account-dock .user-bottom-trigger,
html body.incallx.voice-active .channel-list-bottom.lt-account-dock .user-bottom-trigger,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom.lt-account-dock .user-bottom-trigger,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom.lt-account-dock .user-bottom-trigger{
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    padding: 3px 4px 3px 3px !important;
    gap: 0 !important;
    overflow: hidden !important;
}
html body.incallx.in-voice .channel-list-bottom.lt-account-dock .username-bottom,
html body.incallx.voice-active .channel-list-bottom.lt-account-dock .username-bottom,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom.lt-account-dock .username-bottom,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom.lt-account-dock .username-bottom{
    display: inline-block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 92px !important;
    margin-left: 6px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
}
html body.incallx.in-voice .channel-list-bottom.lt-account-dock .username-bottom .woo-name-effect,
html body.incallx.voice-active .channel-list-bottom.lt-account-dock .username-bottom .woo-name-effect,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom.lt-account-dock .username-bottom .woo-name-effect,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom.lt-account-dock .username-bottom .woo-name-effect{
    display: inline !important;
    max-width: none !important;
}
html body.incallx.in-voice .channel-list-bottom.lt-account-dock .wcx-dock-btn,
html body.incallx.voice-active .channel-list-bottom.lt-account-dock .wcx-dock-btn,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom.lt-account-dock .wcx-dock-btn,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom.lt-account-dock .wcx-dock-btn{
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
}
html body.incallx.in-voice .channel-list-bottom.lt-account-dock .lt-account-dock-actions,
html body.incallx.voice-active .channel-list-bottom.lt-account-dock .lt-account-dock-actions,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display: flex"]) .channel-list-bottom.lt-account-dock .lt-account-dock-actions,
html body.incallx #sidebar-wrapper:has(> #voice-channel-container[style*="display:flex"]) .channel-list-bottom.lt-account-dock .lt-account-dock-actions{
    flex: 0 0 auto !important;
    gap: 2px !important;
    margin-left: auto !important;
}