/* Whitoo Crisp Typography — 2026062001 */
:root{
  --woo-ui-font:"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --woo-text-primary:#eef4fc;
  --woo-text-secondary:#b5c2d4;
  --woo-text-muted:#9cacc1;
}
html,body,input,button,textarea,select,option{
  font-family:var(--woo-ui-font)!important;
  -webkit-font-smoothing:auto!important;
  -moz-osx-font-smoothing:auto!important;
  text-rendering:optimizeLegibility!important;
  font-kerning:normal!important;
  font-feature-settings:"kern" 1,"liga" 1!important;
  font-synthesis:none!important;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body :where(h1,h2,h3,h4,h5,h6,p,a,label,small,strong,b,button,input,textarea,select,option,li,dt,dd,th,td){
  font-family:var(--woo-ui-font)!important;
  -webkit-font-smoothing:auto!important;
  -moz-osx-font-smoothing:auto!important;
  text-rendering:optimizeLegibility!important;
  font-kerning:normal!important;
  font-synthesis:none!important;
  text-shadow:none;
}
body{font-weight:400!important}
button,input,textarea,select,.btn,.form-control,.form-select,.dropdown-menu{font-weight:500!important}
h1,h2,h3,h4,h5,h6,strong,b,.fw-bold,.font-weight-bold{font-weight:700!important}
p,label,li,td,th,a,span{font-synthesis:none!important}
small,.small,.text-muted{font-weight:500!important;opacity:1!important}
h1,h2,h3,h4,h5,h6,p,label,button,input,textarea,select,.btn,.form-control,.form-select,.dropdown-item,.nav-link,.chat-message,.message-content{
  letter-spacing:0!important;
  text-shadow:none!important;
}
html.dark body,html.dark .woo-arena,body.incallx{color:var(--woo-text-primary)}
html.dark .text-muted,html.dark small,html.dark .small,body.incallx .text-muted,body.incallx small,body.incallx .small{color:var(--woo-text-muted)!important}
html.dark p,html.dark label,body.incallx p,body.incallx label{color:var(--woo-text-secondary)}
.woo-arena-nav>button,.woo-arena-control-nav>button,.woo-tournament-card,.woo-tournament-card button,.woo-tournament-card input,.woo-tournament-card select{
  -webkit-font-smoothing:auto!important;text-rendering:optimizeLegibility!important
}
.woo-arena-nav>button,.woo-arena-control-nav>button{font-weight:600!important}
.woo-tournament-card h2,.woo-tournament-card strong,.woo-tournament-card b{font-weight:700!important}
.chat-message,.message-content,.message-content p,.message-content span{font-weight:400!important;line-height:1.5!important}
.channel-user-name,.username-bottom,.disc-header,.room-title{font-weight:700!important}
/* Keep intentional profile-name effects while removing fuzzy filter rendering. */
.woo-name-effect,.woo-name-effect-rgb,.woo-name-effect-neon,.woo-name-effect-fire,.woo-name-effect-ice,.woo-name-effect-gold,.woo-name-effect-aurora,.woo-name-effect-glitch,.woo-name-effect-cyber,.woo-name-effect-pulse,.woo-name-effect-emerald,.woo-name-effect-royal,.woo-name-effect-pearl,.woo-name-effect-ai{
  font-weight:700!important;filter:none!important
}
@media(max-width:768px){body{font-size:14px}}

/* ===== WHITOO sol kenar cubugu kesin duzen (EN SON yuklenir -> kazanir) =====
   1) Wrapper tam viewport yuksekligi -> alttaki dock/ses bari her zoom'da sabit.
   2) Kanal listesi flex ile dock'a kadar DOLSUN -> alt bosluk kapanir.
   3) jQuery .hide() duzeltmesi: whitoo-refresh.css'deki display:flex!important
      jQuery'nin inline display:none'ini engelliyor. Daha yuksek ozgunluk
      (3 sinif + 1 etiket vs 2 sinif + 1 etiket) ile gecersiz kiliyoruz. */
#sidebar-wrapper {
    height: calc(var(--vh, 1vh) * 100) !important;
    max-height: calc(var(--vh, 1vh) * 100) !important;
}
#sidebar-wrapper .sidebar-room .channel-container.sidebar-height-fix {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 0 !important;
    overflow-y: auto !important;
    padding-bottom: 12px !important;
}
body.voice-active #sidebar-wrapper .sidebar-room .channel-container.sidebar-height-fix {
    padding-bottom: 132px !important;
}
/* jQuery .hide() fix: whitoo-refresh.css'deki body.incallx .sidebar-room{display:flex!important}
   inline style'i eziyor. Attribute selector ile daha yuksek ozgunlukta gecersiz kiliyoruz. */
body.incallx [style*="display: none"].channel-bar,
body.incallx [style*="display:none"].channel-bar {
    display: none !important;
}
/* Ozel kanal kilit rozeti: eski tasarimda position:absolute ile tip ikonunun ustune
   biniyordu. Yeni tasarimda static yapip yanyana goster, arkaplan seffaf. */
body.incallx .channel-icon {
    display: flex !important;
    align-items: center !important;
}
body.incallx .channel-icon .pvt-cnl {
    position: static !important;
    background: transparent !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    margin-left: 2px !important;
    opacity: 0.65;
}
body.incallx .channel-icon .pvt-cnl .icon-lock {
    width: 10px !important;
    height: 11px !important;
}

/* Bosluk kapatma: whitoo-refresh.css dock'un sidebar-room ICINDE oldugunu varsayip
   padding-bottom:62px + channel-container bottom:62px koymus. Dock artik DISARIDA
   (#sidebar-wrapper'in alt kismi) oldugu icin o bosluk gereksiz. */
body.incallx #sidebar-wrapper .sidebar-room {
    padding-bottom: 0 !important;
}
body.incallx #sidebar-wrapper .sidebar-room .channel-container {
    bottom: 0 !important;
}
body.incallx.voice-active #sidebar-wrapper .sidebar-room .channel-container,
body.incallx.in-voice #sidebar-wrapper .sidebar-room .channel-container {
    bottom: 70px !important;
}