/* SX_UI: genel yerlesim (panel B, arama kutusu) - tum kullanicilar icin SX_CORE ile yuklenir */
/* SX_UI_COLUMNS_B: her sutun yuvarlak panel, 8px aralik, ince mor kenarlik (Taner secimi B); Grupo tek sutun <=770.98px */
@media (min-width:771px){
body .main{padding:4px!important;box-sizing:border-box}
body.dark_mode .main{background:#0e0620!important} body.light_mode .main{background:#ece6fa!important}
.side_navigation,.main .aside,.main .middle,.main .info_panel{border-radius:18px!important;border:4px solid transparent!important;background-clip:padding-box!important;box-shadow:none!important;outline:1.5px solid rgba(180,77,255,.55)!important;outline-offset:-4px!important}
.main .aside .site_record_item,.main .aside li.list_item{border-radius:14px!important;margin:4px 8px!important;transform:none!important}
.main .aside .site_record_item>div{min-width:0!important}
.main .aside .site_record_item .center{min-width:0!important}
body.dark_mode .side_navigation{background-color:#12072b!important} body.light_mode .side_navigation{background-color:#ffffff!important}
.main .aside .site_record_item:hover,.main .aside li.list_item:hover{background:rgba(180,77,255,.12)!important}
}
@media (max-width:770.98px){
.main .aside,.main .middle,.main .info_panel{box-shadow:inset 0 0 0 1px rgba(180,77,255,.35)!important;border-radius:10px!important}
}
/* SX_UI_SEARCH: 'Burada ara' kutusu radyo kutusuyla (mini_audio_player) ayni; tek blok (eski RADIO..RADIO4) */
body .main .aside>.site_records>.search{display:block!important;position:relative!important;padding:10px 8px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;height:auto!important;min-height:0!important;max-width:none!important;outline:none!important}
body .main .aside>.site_records>.search>input{display:block!important;width:100%!important;box-sizing:border-box!important;height:46px!important;line-height:normal!important;padding:0 14px 0 50px!important;margin:0!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(124,77,255,.12)!important;outline:0!important}
body.dark_mode .main .aside>.site_records>.search>input{border:1px solid rgba(255,140,198,.28)!important;background:linear-gradient(135deg,rgba(255,45,149,.2) 0%,rgba(124,77,255,.22) 100%),#1d0c42!important;color:#f3eefc!important}
body.light_mode .main .aside>.site_records>.search>input{border:1px solid rgba(216,27,122,.22)!important;background:linear-gradient(135deg,#fff4fb 0%,#f6edff 100%)!important}
body .main .aside>.site_records>.search>input:focus{box-shadow:0 4px 14px rgba(124,77,255,.12),0 0 0 2px rgba(200,90,255,.35)!important}
body .main .aside>.site_records>.search>:not(input){position:absolute!important;left:20px!important;top:50%!important;margin:0!important;line-height:0!important;display:flex!important;align-items:center;pointer-events:none}
.main .aside .site_record_item .title{word-break:normal!important;overflow-wrap:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* SX_UI_RADIOFIT: radyo kutusu panel icinde (1024 kirpilma) */
.mini_audio_player{box-sizing:border-box!important;max-width:calc(100% - 18px)!important;min-width:0!important}
.mini_audio_player>*{min-width:0}

/* SX_UI_SCROLLFIX: panel radius clips via aside/middle only; info_panel & side_navigation keep native scrolling */
.main .aside,.main .middle{overflow:hidden!important}
.main .info_panel{overflow-x:hidden!important;overflow-y:auto!important}

/* SX_UI_MENUFADE: son menu ogesi kartin altinda kesik gorunmesin */
.side_navigation .center>.menu_items{padding-bottom:18px!important;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent)}




body.light_mode .sx_kw_hl,body.light_mode .sx_kw_attr a{color:#a3125a!important}
body.light_mode .sx_rw_lbxp{color:#a3125a!important}
body.light_mode .main .aside .mini_audio_player span,body.light_mode .main .aside .mini_audio_player .js-marquee{color:#5a4b70!important}

/* SX_UI_RADIOFIT2: radyo kutusu arama kutusuyla ayni iceride; dugmeler hic kesilmez */
body .main .aside .mini_audio_player{max-width:none!important;width:auto!important;margin-left:8px!important;margin-right:8px!important;display:flex!important;align-items:center;overflow:hidden}
body .main .aside .mini_audio_player>.center{flex:1 1 auto!important;min-width:0!important;width:auto!important;overflow:hidden}
body .main .aside .mini_audio_player>.center *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .main .aside .mini_audio_player>.left{flex:0 0 auto!important}
body .main .aside .mini_audio_player>.right,body .main .aside .mini_audio_player>:last-child{flex:0 0 auto!important;margin-left:auto}
body .main .aside .mini_audio_player>div{display:flex!important;align-items:center;flex:1 1 auto!important;min-width:0!important;width:100%!important}
body .main .aside .mini_audio_player>div>.center{flex:1 1 auto!important;min-width:0!important;width:auto!important;overflow:hidden}
body .main .aside .mini_audio_player>div>.center *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .main .aside .mini_audio_player>div>.left{flex:0 0 auto!important}
body .main .aside .mini_audio_player>div>.right{flex:0 0 auto!important;margin-left:auto}

/* SX_UI_NAVCORNER: sol menu tek kenarlik + tek yaricap; seffaf kenar yok (arkadaki panel gorunmesin), ic genislik korunur */
@media (min-width:771px){
.side_navigation{border:0!important;outline-offset:-1.5px!important;border-radius:18px!important;overflow:hidden}
.side_navigation .menu_items .menu_item>.title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0}
}
@media (min-width:771px){
.side_navigation{outline:0!important;position:relative}
.side_navigation::after{content:'';position:absolute;inset:0;border:1.5px solid rgba(180,77,255,.55);border-radius:18px;pointer-events:none;z-index:50}
.side_navigation>.center,.side_navigation>.bottom{border-left:0!important;border-right:0!important;border-bottom:0!important;box-shadow:none!important;outline:0!important}
.side_navigation>.top{border-left:0!important;border-right:0!important;border-top:0!important}
}
/* SX_UI_ROWSHADOW: Grupo .page_row kare golgesi acik temada sol ust kosede ikinci kenar gibi gorunuyordu */
@media (min-width:771px){.page_row{box-shadow:none!important}}

/* SX_BADGEFIX (2026-10-20): sol liste satırında başlık + "N Yeni" rozeti üç nokta menüsüyle çakışmasın.
   Neden: Grupo .title inline-block ve genişlik sınırı yok; nowrap ile .center'dan taşıp .right (üç nokta) üstüne biniyordu.
   Çözüm: .center esnek alanda daralabilir, başlık esnek satır olur, ad ellipsis ile kısalır, rozet hiç küçülmez. */
.main .aside>.site_records>.records>.list>li>div>.center{min-width:0!important;flex:1 1 auto;overflow:hidden}
.main .aside>.site_records>.records>.list>li>div>.center>.title{display:flex!important;align-items:center;flex-wrap:nowrap!important;white-space:nowrap!important;max-width:100%!important;min-width:0;margin-right:0!important;word-break:normal!important;box-sizing:border-box}
.main .aside>.site_records>.records>.list>li>div>.center>.title>span.text{display:block!important;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main .aside>.site_records>.records>.list>li>div>.center>.title>.unread{display:block!important;flex:0 0 auto;margin-left:4px;margin-right:6px}
.main .aside>.site_records>.records>.list>li>div>.center>.title>.unread>span{display:inline-block;white-space:nowrap;margin-left:0!important}
.main .aside>.site_records>.records>.list>li>div>.right{flex:0 0 auto}