/* kart ana container */
.user_item{
    position:relative;
}

.point_transfer_box h3,.point_notice h3{margin:0 0 10px;}
.point_transfer_result{min-height:22px;margin:8px 0;font-weight:700;}
.point_transfer_result.success{color:#16833a;}
.point_transfer_result.error{color:#c52323;}
.point_notice{text-align:center;}
.point_notice>i{font-size:42px;margin-bottom:8px;}

/* sağ üst sabitle */
.player-wrap{
    position:absolute;
    right:10px;
    top:10px;

    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:3px;

    z-index:5;
}

#story_post,#news_data {
    height: 3.75pc
}

[class~=chat_yer6orhan] {
    margin-top: .125pc
}

#story_post {
    border-left-width: medium!important
}

#story_post {
    border-bottom-width: medium!important
}

#story_post {
    border-right-width: medium!important
}

.booms_populeruyeler .like_icon {
    width: .114583333in
}

#story_post {
    border-top-width: medium!important
}

[class~=chat_yer6orhan] {
    line-height: 1em
}

[class~=chat_yer6orhan] {
    display: inline-block
}

#story_post {
    border-left-style: none!important
}

#story_post {
    border-bottom-style: none!important
}

#story_post {
    border-right-style: none!important
}

[class~=chat_yer6orhan] {
    padding-left: 10px
}

[class~=like_youtube] img {
    width: 1.25pc
}

#story_post {
    border-top-style: none!important
}

[class~=chat_yer6orhan] {
    padding-bottom: .03125in
}

#story_post {
    border-left-color: currentColor!important
}

#story_post {
    border-bottom-color: currentColor!important
}

[class~=chat_yer6orhan] {
    padding-right: 10px
}

#story_post {
    border-right-color: currentColor!important
}

#story_post {
    border-top-color: currentColor!important
}

#story_post {
    border-image: none!important
}

[class~=chat_yer6orhan] {
    padding-top: .03125in
}

[class~=chat_yer6orhan] {
    color: #fff
}

[class~=chat_yer6orhan] {
    background: slategrey
}

.booms_populeruyeler .like_icon {
    height: 16px
}

#story_post {
    overflow: hidden
}

div[class~=lvl_rank]:nth-child(2) div[class~=ulist_name],div[class~=booms_populeruye]:nth-child(1) div[class~=ulist_name] {
    color: #fff!important
}

[class~=chat_yer6orhan] {
    font-weight: 400
}

[class~=chat_yer6orhan] {
    border-radius: .208333333in
}

[class~=orhan17] {
    border-left-color: #db2a2a
}

#story_post,#news_data {
    background: 0 0!important
}

[class~=orhan17] {
    border-bottom-color: #db2a2a
}

#news_data {
    border-left-width: medium!important
}

#news_data {
    border-bottom-width: medium!important
}

[class~=orhan17] {
    border-right-color: #db2a2a
}

[class~=orhan17] {
    border-top-color: #db2a2a
}

[class~=orhan17] {
    border-left-width: .3125pc
}

[class~=orhan17] {
    border-bottom-width: .3125pc
}

[class~=orhan17] {
    border-right-width: .3125pc
}

#news_data {
    border-right-width: medium!important
}

[class~=orhan17] {
    border-top-width: .3125pc
}

[class~=orhan17] {
    border-left-style: dotted
}

#news_data {
    border-top-width: medium!important
}

[class~=orhan17] {
    border-bottom-style: dotted
}

#news_data {
    border-left-style: none!important
}

#news_data {
    border-bottom-style: none!important
}

[class~=orhan17] {
    border-right-style: dotted
}

[class~=orhan17] {
    border-top-style: dotted
}

#news_data {
    border-right-style: none!important
}

[class~=orhan17] {
    border-image: url(https://media.tenor.com/iebE36R2jOsAAAAC/rainbow-colorful.gif) 1
}

[class~=orhan16] {
    border-left-color: #db2a2a
}

[class~=orhan16] {
    border-bottom-color: #db2a2a
}

#news_data {
    border-top-style: none!important
}

[class~=orhan16] {
    border-right-color: #db2a2a
}

[class~=orhan16] {
    border-top-color: #db2a2a
}

.booms_populeruyeler .like_count {
    padding-left: .125pc
}

[class~=orhan16] {
    border-left-width: .052083333in
}

[class~=orhan16] {
    border-bottom-width: .052083333in
}

[class~=orhan16] {
    border-right-width: .052083333in
}

#news_data {
    border-left-color: currentColor!important
}

.booms_populeruyeler .like_count {
    padding-bottom: .125pc
}

[class~=orhan16] {
    border-top-width: .052083333in
}

#news_data {
    border-bottom-color: currentColor!important
}

img.ytnk_chat_icon {
    width: 12pt
}

[class~=orhan16] {
    border-left-style: dotted
}

#news_data {
    border-right-color: currentColor!important
}

[class~=orhan16] {
    border-bottom-style: dotted
}

[class~=orhan16] {
    border-right-style: dotted
}

#news_data {
    border-top-color: currentColor!important
}

[class~=orhan16] {
    border-top-style: dotted
}

#news_data {
    border-image: none!important
}

[class~=orhan16] {
    border-image: url(https://raw.githubusercontent.com/mattbierner/scanline-gif/gh-pages/documentation/images/rb-example-diag.gif) 1
}

[class~=profile_like] {
    display: table
}

#news_data {
    overflow: hidden
}

[class~=profile_like] {
    table-layout: fixed
}

.booms_populeruyeler .like_count {
    padding-right: .125pc
}

.booms_populeruyeler .like_count {
    padding-top: .125pc
}

#news_file,#wall_file,#story_file {
    -webkit-appearance: none
}

#story_file,#news_file,#soz_id,#wall_file {
    position: absolute
}

#wall_file,[class~=profile_like],#story_file,#news_file {
    width: 100%
}

#story_file,#wall_file,#roombg_file,#news_file {
    top: 0
}

[class~=booms_populeruye]:nth-child(1) {
    background: #ff008c
}

#news_file,#wall_file,#story_file {
    left: 0
}

[class~=img_all] {
    background: 100% 100%/100% 100%
}

[class~=booms_populeruye]:nth-child(1) {
    color: #fff
}

[class~=booms_populeruye]:nth-child(2) {
    background: #4caf50
}

.img_right {
    background: 90% 10%
}

#story_file,#wall_file,#news_file {
    opacity: 0
}

[class~=booms_populeruye]:nth-child(2),.booms_populeruye:nth-child(3) {
    color: #fff!important
}

.img_right {
    background-repeat: no-repeat!important
}

.booms_populeruye:nth-child(3) {
    background: #e91e63
}

.img_left {
    background: 0% 0%/50% 50%
}

.img_left {
    background-repeat: no-repeat!important
}

[class~=img_center] {
    background: 50% 50%/50% 50%
}

.booms_populeruye:nth-child(5),[class~=booms_populeruye]:nth-child(4) {
    color: #fff
}

[class~=img_center] {
    background-repeat: no-repeat!important
}

#news_file,#story_file,#wall_file {
    height: 100%
}

[class~=msktable],[class~=roombgpic] {
    max-width: 100%
}

[class~=roombgpic] {
    max-height: 12.5pc
}

[class~=room_arkasec] {
    font-weight: 700
}

[class~=room_arkasec] {
    font-size: 1.125pc
}

[class~=room_arkasec] {
    margin-left: 12.75pt
}

[class~=room_arkasec] {
    margin-bottom: .104166667in
}

[class~=booms_populeruye]:nth-child(4) {
    background: #ff5722
}

.booms_populeruye:nth-child(5) {
    background: #795548
}

i[class~=fa][class~=fa-5x][class~=fa-check-circle] {
    font-size: .364583333in
}

[class~=room_arkasec] {
    margin-right: 12.75pt
}

[class~=room_arkasec] {
    margin-top: .104166667in
}

[class~=room_arkasec] {
    white-space: nowrap
}

.chatops,[class~=profile_like] [class~=like_icon],[class~=msktable] {
    display: inline-block
}

[class~=msktable] {
    background: #eeeff1
}

[class~=msktable] {
    border-radius: .4rem
}

[class~=msktable] {
    border-radius: 0 15px
}

[class~=profile_like] [class~=like_icon] {
    width: 22.5pt
}

[class~=msktable] {
    /* padding-left:.5pc; */
}

#soz_id {
    z-index: 12
}

#soz_id {
    width: 100%;
    margin-top: 0px;
    color: #f5e6ff;
}

#sozgecis_text {
    vertical-align: top
}

#roombg_file,#sozgecis_text {
    position: absolute
}

[class~=like_youtube],[class~=msktable] {
    /* padding-bottom:3.75pt; */
}



[class~=like_youtube],[class~=msktable] {
    /* padding-top:3.75pt; */
}

#sozgecis_text {
    margin-left: .375pc
}

#sozgecis_text {
    margin-top: -4px;
}

[class~=msktable],[class~=ch_logs] [class~=my_text] {
    position: relative;
}

[class~=profile_like] [class~=like_icon] {
    height: 1.875pc
}

[class~=msktable] {
    margin-left: 0.6875pc;
}

[class~=msktable] {
    border-left-width: .041666667in
}

[class~=msktable] {
    border-bottom-width: .041666667in
}

[class~=msktable] {
    border-right-width: .041666667in
}

[class~=profile_like] [class~=like_icon],.chatops {
    vertical-align: middle
}

[class~=msktable] {
    border-top-width: .041666667in
}

[class~=ch_logs] [class~=my_text] {
    display: block
}

#sozgecis_text {
    font-size: large
}

[class~=msktable] {
    border-left-style: groove;
}

#sozgecis_text {
    font-size: 1.5pc
}

[class~=msktable] {
    border-bottom-style: groove;
}

#sozgecis_text {
    text-indent: 10px
}

#roombg_file,#roombg_file {
    -webkit-appearance: none
}

[class~=ch_logs] [class~=my_text] {
    /* padding-left:3pt; */
}

[class~=msktable] {
    border-right-style: groove
}

[class~=msktable] {
    border-top-style: groove;
    padding-top: 0px;
}

[class~=bicon] {
    margin-left: .052083333in
}

[class~=ch_logs] [class~=my_text] {
    padding-bottom: 3pt;
}

[class~=like_youtube] {
    float: left
}

[class~=ch_logs] [class~=my_text] {
    /* padding-right:3pt; */
}

#roombg_file,#roombg_file {
    left: 0
}

#roombg_file,#roombg_file,[class~=like_youtube] {
    cursor: pointer
}

[class~=like_youtube] {
    padding-left: .052083333in
}

[class~=ch_logs] [class~=my_text] {
    padding-top: 3pt;
}

[class~=like_youtube] {
    padding-right: .052083333in
}

#roombg_file,#roombg_file {
    opacity: 0
}

[class~=like_youtube] {
    border-radius: .520833333in
}

#roombg_file,#roombg_file {
    width: 100%
}

[class~=like_youtube] {
    display: flex
}

#roombg_file,#roombg_file {
    height: 100%
}

#roombg_file,#roombg_file {
    padding-left: 0!important
}

#roombg_file,#roombg_file {
    padding-bottom: 0!important
}

[class~=begeni] {
    text-shadow: none
}

[class~=ch_logs] [class~=my_text] {
    overflow: visible
}

#roombg_file,#roombg_file {
    padding-right: 0!important
}

#roombg_file,#roombg_file {
    padding-top: 0!important
}

[class~=ch_logs] [class~=my_text] {
    float: right
}

#roombg_file {
    position: absolute
}

#roombg_file {
    top: 0
}

[class~=ch_logs] [class~=my_text] {
    border-radius: .4em
}

[class~=ch_logs] [class~=my_text] {
    right: 17px
}

[class~=ch_logs] [class~=my_text] {
    width: calc(100% - 25px)!important;
}

.bicon.begen {
    color: #5e91ff
}

[class~=bicon][class~=begenme] {
    color: #ba2c2a
}

[class~=bicon][class~=sev] {
    color: #d46eab
}

[class~=private_content] [class~=begeni] {
    display: none
}

div[class~=lvl_rank]:nth-child(3) div[class~=ulist_name],div[class~=lvl_rank]:nth-child(5) div[class~=ulist_name],div.lvl_rank:nth-child(4) div.ulist_name {
    color: #fff!important
}

.cevaptable {
    max-width: 100%;
    display: inline-block;
    background: #d7d7d7cf;
    border-radius: .4rem;
    font-size: 12px;
    padding: 5px 10px;
    margin-bottom: 8px;
    position: relative;
    border-left: 4px solid;
    text-decoration: none
}

.okey_row{
display:flex;
justify-content:space-between;
padding:10px;
border-bottom:1px solid #ddd;
}

.okey_actions button{
margin-left:5px;
}

.okey_edit{
margin:10px 0;
}

.okey_panel{
padding:10px;
}

.okey_card{display:flex;justify-content:space-between;align-items:center;background:#ffffff;border-radius:12px;padding:15px;margin-bottom:12px;box-shadow:0 2px 6px rgba(0,0,0,0.08);transition:all .2s;}

.okey_card:hover{
transform:translateY(-2px);
box-shadow:0 6px 12px rgba(0,0,0,0.15);
}

.okey_name{font-size:16px;font-weight:600;color: #000000;}

.okey_name2{font-size:16px;font-weight:600;color: #000000;}

.okey_right{
display:flex;
align-items:center;
gap:10px;
}

.okey_input{
width:100px;
padding:6px;
border-radius:6px;
border:1px solid #ddd;
}

.okey_save{
background:#4CAF50;
color:#fff;
border:none;
padding:6px 12px;
border-radius:6px;
cursor:pointer;
}

.okey_delete{
background:#e74c3c;
color:#fff;
border:none;
padding:6px 12px;
border-radius:6px;
cursor:pointer;
}

.okey_search{
margin-bottom:15px;
}

#okey_search{
width:100%;
padding:10px;
border-radius:8px;
border:1px solid #ddd;
font-size:14px;
}

.okey_empty{
text-align:center;
padding:40px;
font-size:16px;
color:#777;
}

.battery_box{
width:26px;
height:14px;
border:2px solid #333;
border-radius:3px;
position:relative;
margin-left:6px;
display:inline-block;
background:#111;
}

.battery_box:after{
content:"";
position:absolute;
right:-5px;
top:3px;
width:3px;
height:6px;
background:#333;
border-radius:1px;
}

.battery_level{
height:100%;
border-radius:1px;
transition:0.3s;
}

.user_item{
	display:flex;
	align-items:center;
}

.user_item_data{
	/* flex:1; */
	/* min-width:0; */
}

.user_item_right{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:4px;
}

/* USER ITEM */
.user_item{display:flex;align-items:center;padding:6px;border-radius:10px;margin-bottom:5px;/* background:linear-gradient(135deg,#ff008c,#ff4da6); */box-shadow:0 2px 6px rgba(0,0,0,0.25);position:relative;width:100%;min-height:116px;}

/* AVATAR */
.user_item_avatar img{
border-radius:50%;
border:2px solid rgba(255,255,255,.8);
}

/* USER DATA */
.user_item_data{
flex:1;
min-width:0;
}

/* USER RIGHT SIDE */
.user_item_right{
margin-left:auto;
display:flex;
align-items:center;
gap:6px;
}

/* USERNAME */
.user_name{font-weight:bold;color:#f94e4e;font-size:14px;margin-bottom: 4px;}

/* GAME SCORES */
.game_scores{
display:flex;
gap:6px;
margin-bottom:3px;
flex-wrap:wrap;
}

.score_okey{
background:#ff1744;
color:#fff;
font-size:11px;
padding:2px 6px;
border-radius:4px;
}

.score_pisti{
background:#2962ff;
color:#fff;
font-size:11px;
padding:2px 6px;
border-radius:4px;
}

/* TABLE INFO */
.game_tables{display:flex;gap:8px;font-size: 12px;opacity:.9;flex-wrap:wrap;}

/* BATTERY SYSTEM */
.user_battery_wrap{
display:flex;
align-items:center;
margin-left:6px;
position:relative;
}

.battery_text{
position:absolute;
top:-12px;
left:50%;
transform:translateX(-50%);
font-size:9px;
font-weight:bold;
color:#fff;
}

.iphone_battery_wrap{
position:relative;
width:36px;
height:16px;
display:flex;
align-items:center;
}

.iphone_battery{
width:28px;
height:14px;
border:2px solid #1e1e1e;
border-radius:3px;
background:#0d0d0d;
overflow:hidden;
box-shadow:
inset 0 0 3px rgba(255,255,255,0.1),
inset 0 0 6px rgba(0,0,0,0.8);
}

.iphone_battery_cap{
width:4px;
height:6px;
background:#1e1e1e;
margin-left:2px;
border-radius:1px;
}

.iphone_battery_level{height:100%;transition:width .6s ease;border-radius:1px;width: 164px;}

/* BATTERY COLORS */
.battery_green{
background:linear-gradient(90deg,#00e676,#00c853);
box-shadow:0 0 6px rgba(0,255,120,0.8);
animation:battery_glow 6s infinite alternate;
}

.battery_yellow{
background:linear-gradient(90deg,#ff1d0d,#ff1d0d);
}

.battery_orange{
background:linear-gradient(90deg,#ff1d0d,#ff1d0d);
}

.battery_red{
background:linear-gradient(90deg,#ff5252,#d50000);
animation:battery_blink 1s infinite;
}

/* BATTERY ANIMATION */
@keyframes battery_blink{
0%{opacity:1;}
50%{opacity:.3;}
100%{opacity:1;}
}

@keyframes battery_glow{
0%{box-shadow:0 0 3px rgba(0,255,120,0.3);}
100%{box-shadow:0 0 10px rgba(0,255,120,0.9);}
}

/* LEADERBOARD */
.battery_leaderboard{
width:100%;
background:#1f1f1f;
border-radius:8px;
padding:6px 8px;
margin-bottom:6px;
color:#fff;
font-size:12px;
overflow:hidden;
}

.battery_leader{
display:flex;
align-items:center;
justify-content:space-between;
font-size:12px;
padding:2px 0;
}

.battery_leader span:first-child{
width:18px;
}

.battery_leader span:nth-child(2){
flex:1;
margin-left:4px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.battery_leader span:last-child{
width:40px;
text-align:right;
font-weight:bold;
}

/* OKEY PANEL */
.okey_panel{
padding:10px;
}

.okey_card{
display:flex;
justify-content:space-between;
align-items:center;
background:#ffffff;
border-radius:12px;
padding:15px;
margin-bottom:12px;
box-shadow:0 2px 6px rgba(0,0,0,0.08);
transition:.2s;
}

.okey_card:hover{
transform:translateY(-2px);
box-shadow:0 6px 12px rgba(0,0,0,0.15);
}

.okey_name,
.okey_name2{
font-size:16px;
font-weight:600;
color:#000000;
}

.okey_right{
display:flex;
align-items:center;
gap:10px;
}

.okey_input{
width:100px;
padding:6px;
border-radius:6px;
border:1px solid #ddd;
}

.okey_save{
background:#4CAF50;
color:#fff;
border:none;
padding:6px 12px;
border-radius:6px;
cursor:pointer;
}

.okey_delete{
background:#e74c3c;
color:#fff;
border:none;
padding:6px 12px;
border-radius:6px;
cursor:pointer;
}

/* SEARCH */
.okey_search{
margin-bottom:15px;
}

#okey_search{
width:100%;
padding:10px;
border-radius:8px;
border:1px solid #ddd;
font-size:14px;
}

.okey_empty{
text-align:center;
padding:40px;
font-size:16px;
color:#777;
}

/* MOBILE FIX */
@media only screen and (max-width:768px){
.user_item{
padding:6px;
min-height:108px;
}
.user_item_right{
gap:4px;
}
.battery_text{
font-size:8px;
}
}

@media only screen and (max-width:480px){
.user_item{
padding:5px;
min-height:102px;
}
.score_okey,
.score_pisti{
font-size:10px;
padding:2px 5px;
}
}

/* RIGHT PANEL PROFESSIONAL POLISH */
#container_user{
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#usersnames{
    width: 100%;
    max-width: 100%;
}

.online_user,
#online_tab,
#offline_tab,
#kral_tab{
    width: 100%;
    max-width: 100%;
}

.user_tabs{
    width: 100%;
}

.user_tab_btn{
    min-width: 0;
    white-space: nowrap;
}

#usersnames .user_item,
#usersnames .user_list_box,
#usersnames .ulist_container{
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
}

#usersnames .user_item_data,
#usersnames .ulist_name,
#usersnames .user_name{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

#usersnames .game_scores,
#usersnames .game_tables{
    flex-wrap: wrap;
}

#usersnames .user_item_right{
    flex: 0 0 auto;
}

@media only screen and (max-width: 1100px){
    #container_user{
        padding: 10px;
        border-radius: 14px;
    }

    .user_tab_btn{
        font-size: 12px;
        padding: 9px 6px;
    }
}

/* OKEY - PISTI PUAN FIX */
.game_scores{
    display:flex;
    flex-wrap:wrap;
    gap: 5px;
    /* margin-left: 16px; */
}

.game_scores span,
.game_scores .score_item{
    display:inline-flex;
    align-items:center;
    padding:3px 6px;
    font-size:12px;
    border-radius:6px;
    white-space:nowrap;
}

.user_item_data{
    overflow:visible !important;
}

.user_list_box{
    overflow:visible !important;
}

/* BATARYAYI TACIN ALTINA AL - FINAL FIX */
.user_item,
.user_item_custom{
    position: relative !important;
    overflow: visible !important;
}

.user_battery_wrap{
    position: absolute !important;
    left: 6px !important;
    right: auto !important;
    top: auto !important;
    bottom: 10px !important;
    transform: none !important;
    width: 54px !important;
    margin-left: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 5 !important;
}

.user_item_right{
    margin-left: auto !important;
    padding-right: 0 !important;
}

.user_item_data{
    padding-left: 17px !important;
}

.user_item_div{
    width: 52px !important;
}

@media only screen and (max-width:768px){
    .user_battery_wrap{
        left: 5px !important;
        bottom: 8px !important;
    }
}




/* ===============================
   FINAL USER CARD ALIGN FIX
   avatar sabit kalir, flashnick sola yaslanir
================================ */

/* ANA ITEM */
#usersnames .user_item,
#usersnames .user_item_custom{
    display:flex !important;
    align-items:flex-start !important;
    position:relative !important;

    /* 🔥 SOFT TURKUAZ CAM */
    /* background: linear-gradient(135deg, rgba(255, 255, 255, .15), rgb(127 12 4 / 10%)); */
    border-radius:14px;
    padding:6px;
    transition:.2s;
}

/* HOVER */
#usersnames .user_item:hover,
#usersnames .user_item_custom:hover{
    transform:translateY(-2px);

    background:linear-gradient(135deg,
    rgba(255,255,255,.25),
    rgba(46,196,182,.15)
    );

    box-shadow:0 8px 20px rgba(46,196,182,.25);
}

/* LEFT ICON */
#usersnames .user_item_div{
    width:52px !important;
    min-width:52px !important;
    flex:0 0 52px !important;
}

/* AVATAR */
#usersnames .user_item_avatar{
    width:64px !important;
    min-width:64px !important;
    flex:0 0 64px !important;
    margin-right: 10px !important;
}

/* AVATAR POS */
#usersnames .user_item_avatar .acav,
#usersnames .user_item_avatar img{
    margin-left: -28px !important;
    margin-top: 24px;

    /* 🔥 TURKUAZ HALO */
    border-radius:50%;
    box-shadow:0 0 10px rgba(46,196,182,.5);
}

/* DATA */
#usersnames .user_item_data,
#usersnames .user_item_name{
    flex:1 1 auto !important;
    min-width:0 !important;
    width:auto !important;
    padding:0 !important;
    left: 0px !important;
    text-align:left !important;
    margin-left: -43px;
}

/* NAME */
#usersnames .user_name,
#usersnames .ulist_name{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    margin:0 0 4px 0 !important;
    text-align:left !important;
}

/* RIGHT */
#usersnames .user_item_right{
    margin-left:auto !important;
    flex:0 0 auto !important;
}

/* GAME */
#usersnames .game_scores,
#usersnames .game_tables{
    justify-content:flex-start !important;
}

/* BATTERY */
#usersnames .user_battery_wrap{
    position:absolute !important;
    left:6px !important;
    bottom:10px !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
}

/* Clean final geometry: full-width nick header, flush-left portrait,
   crown attached under portrait, player state isolated at far right. */
#usersnames .user_item,
#usersnames .user_item_custom{
    align-items:flex-start !important;
    min-height:202px !important;
    gap:10px !important;
    padding:55px 10px 31px 1px !important;
}

#usersnames .user_name{
    display:contents !important;
}

#usersnames .user_name > .flash_nick_wrap,
#usersnames .user_name > .normal_nick{
    position:absolute !important;
    z-index:7;
    top:8px !important;
    left:8px !important;
    right:8px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    max-width:none !important;
    height:40px !important;
    margin:0 !important;
    padding:2px 8px !important;
    overflow:hidden !important;
    border-bottom:1px solid rgba(255,171,165,.38);
    text-align:center !important;
}

#usersnames .user_name > .flash_nick_wrap .flash_nick_img{
    display:block !important;
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:calc(100% - 40px) !important;
    height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center !important;
}

/* Kart emojisi flash/normal nickin hemen sağında, bozulmadan görünür. */
#usersnames .user_name > .flash_nick_wrap > .list_nick_smile,
#usersnames .user_name > .normal_nick > .list_nick_smile{
    position:static !important;
    display:block !important;
    flex:0 0 32px !important;
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin:0 0 0 6px !important;
    padding:0 !important;
    transform:none !important;
    object-fit:contain !important;
    object-position:center !important;
    vertical-align:middle !important;
}

#usersnames .user_name > .normal_nick{
    font-size:20px !important;
    line-height:36px !important;
    white-space:nowrap !important;
    text-overflow:ellipsis;
}

#usersnames .user_item_avatar{
    margin:0 !important;
}

#usersnames .user_item > .icrank,
#usersnames .user_item_custom > .icrank{
    top:auto !important;
    bottom:4px !important;
    left:44px !important;
    border-radius:11px 11px 5px 5px;
}

#usersnames .player-wrap{
    position:absolute !important;
    z-index:12 !important;
    top:50% !important;
    right:7px !important;
    left:auto !important;
    bottom:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:18px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateY(-50%) !important;
    pointer-events:none;
}

#usersnames .player-wrap .player-dot{
    position:static !important;
    display:block !important;
    flex:0 0 12px;
    width:12px !important;
    height:12px !important;
    margin:0 !important;
    border:2px solid rgba(78,5,0,.66);
    box-shadow:0 0 0 2px rgba(255,192,187,.7),0 0 7px currentColor !important;
}

#usersnames .player-wrap .player-dot.online{
    background:#16e982 !important;
}

#usersnames .player-wrap .player-dot.offline{
    background:#ff633f !important;
}

#usersnames .player-wrap .mySmile{
    position:absolute !important;
    right:17px !important;
    top:50% !important;
    display:block !important;
    width:auto !important;
    max-width:42px !important;
    height:auto !important;
    max-height:22px !important;
    margin:0 !important;
    transform:translateY(-50%);
    object-fit:contain;
}



/* =========================
   ULTRA PANEL ENHANCEMENT
=========================*/


/* USER CARD */
.user_item{
backdrop-filter: blur(3px);
border:1px solid rgba(255,255,255,.15);
box-shadow:
0 6px 14px rgba(0,0,0,.35),
inset 0 1px 0 rgba(255,255,255,.2);
transition:all .25s ease;
}

/* HOVER */
.user_item:hover{
transform:translateY(-2px);
box-shadow:
0 12px 24px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.25);
}

/* USER NAME */
.user_name{
letter-spacing:.5px;
text-shadow:
0 0 6px rgba(255,255,255,.5),
0 0 10px rgba(255,255,255,.2);
}

/* 🔥 OKEY SKOR → TURKUAZ */
.score_okey{
background:linear-gradient(135deg,#1f6f78,#2ec4b6);
box-shadow:0 0 8px rgba(46,196,182,.8);
}

/* 🔥 PİŞTİ SKOR → MAVİ KORUNDU */
.score_pisti{
background:linear-gradient(135deg,#2962ff,#4f8cff);
box-shadow:0 0 8px rgba(50,120,255,.8);
}

/* BATTERY */
.battery_green{
box-shadow:0 0 10px rgba(0,255,150,.8);
}

/* ONLINE COUNT → TURKUAZ */
.online_count{
background:linear-gradient(135deg,#1f6f78,#2ec4b6);
color:#fff;
font-weight:bold;
border-radius:20px;
padding:3px 10px;
box-shadow:0 0 8px rgba(46,196,182,.6);
}
/* ==================================================
   CODYCHAT DJ ULTRA PANEL CSS (RED EDITION)
================================================== */

/* =========================
   USER CARD BASE STYLE
=========================*/


/* USER ITEM */
.user_item{display:flex;align-items:center;padding:6px;border-radius:10px;margin-bottom:5px;

/* 🔥 TURKUAZ PREMIUM *//* background: linear-gradient(
16deg, #aeb8ba, #8693ad); */box-shadow:0 2px 6px rgba(0,0,0,0.25);position:relative;width:100%;min-height:116px;backdrop-filter: blur(3px);border:1px solid rgba(255,255,255,.15);transition:all .25s ease;}

/* HOVER */
.user_item:hover{
transform:translateY(-2px);
box-shadow:
0 12px 24px rgba(0,0,0,.45),
0 0 15px rgba(46,196,182,.7),
inset 0 1px 0 rgba(255,255,255,.25);
}

/* USERNAME */
.user_name{font-weight:bold;font-size:14px;margin-bottom:4px;letter-spacing:.5px;text-shadow:
0 0 6px rgba(255,255,255,.5),
0 0 12px rgba(46,196,182,.6);}

/* =========================
   SCORE BADGES
=========================*/

/* 🔥 OKEY → TURKUAZ */
.score_okey{background: linear-gradient(135deg, #a64e47, #9f4f4a);box-shadow: 0 0 10px rgb(198 77 68);color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;}

/* 🔥 PİŞTİ → SOFT GRİ (ŞIK) */
.score_pisti{
background:linear-gradient(135deg,#ffffff,#dddddd);
box-shadow:0 0 8px rgba(255,255,255,.6);
color:#111;
font-size:11px;
padding:2px 6px;
border-radius:4px;
}

/* ==================================================
   DJ SPECIAL EFFECTS
==================================================*/


/* DJ CARD */
.dj_header + .online_user .user_item{

border:2px solid #2ec4b6;

box-shadow:
0 0 12px #2ec4b6,
0 0 30px rgba(46,196,182,.8),
0 0 50px rgba(46,196,182,.4);

animation:djPulse 6s infinite alternate;

overflow:hidden;

/* 🔥 BACKGROUND */
background:
radial-gradient(circle at center, rgba(255,255,255,.15), transparent 70%),
linear-gradient(135deg,#0f2f33,#2ec4b6);
}

/* PULSE */
@keyframes djPulse{

0%{
box-shadow:
0 0 10px #2ec4b6,
0 0 20px rgba(46,196,182,.6);
}

100%{
box-shadow:
0 0 25px #5eead4,
0 0 45px rgba(46,196,182,.9);
}

}

/* =========================
   LIVE LABEL
=========================*/

.dj_header + .online_user .user_item::before{content:"CANLI";position:absolute;right:10px;top: -20px;

/* 🔥 ALTIN + TURKUAZ */background:linear-gradient(135deg,#ff1d0d,#2ec4b6);color:#000;font-size:10px;font-weight:bold;padding:2px 6px;border-radius:6px;box-shadow:0 0 10px rgba(255,29,13,.8);animation:djLive 1.2s infinite;}

/* LIVE ANIM */
@keyframes djLive{
    0%,100%{
        transform:scale(1);
        opacity:1;
        box-shadow:0 0 10px #ff1d0d;
    }
    50%{
        transform:scale(1.25);
        opacity:0.5;
        box-shadow:0 0 25px #ff1d0d, 0 0 40px #2ec4b6;
    }
}

/* =========================
   DJ AVATAR
=========================*/

.dj_header + .online_user .user_item img{border-radius:50%;/* box-shadow:
0 0 10px #2ec4b6,
0 0 20px rgba(46,196,182,.8),
0 0 35px rgba(94,234,212,.7); */animation:djAvatar 2s infinite alternate;}

/* =========================
   DJ NAME
=========================*/

.dj_header + .online_user .user_item .user_name{

text-shadow:
0 0 6px #fff,
0 0 12px #2ec4b6,
0 0 25px rgba(46,196,182,.9);

}

/* =========================
   VINYL EFFECT
=========================*/

.dj_header + .online_user .user_item .user_item_avatar::after{
content:"";
position:absolute;
margin-top:-59px;
margin-left:-33px;
width:59px;
height:59px;
border-radius:50%;
border:2px dashed rgba(255,255,255,.4);
animation:djVinyl 6s linear infinite;
}

/* =========================
   PLAYER DOT
=========================*/

.player-dot{
	width:10px;
	height:10px;
	border-radius:50%;
	display:inline-block;
	margin-right:6px;
	position:relative;
	top:1px;
}

/* ONLINE */
.player-dot.online{
	background:#2ec4b6;
	box-shadow:0 0 8px #2ec4b6, 0 0 16px rgba(46,196,182,.6);
	animation:pulse 1.2s infinite;
}

/* ==========================================================
   YER6 RIGHT PANEL — CINEMATIC GOLD USER CARDS
   Visual-only layer; all existing click/status/game features remain intact.
========================================================== */
#usersnames .user_item,
#usersnames .user_item_custom{
    isolation:isolate;
    display:flex !important;
    align-items:center !important;
    gap:10px;
    width:calc(100% - 8px) !important;
    min-height:154px !important;
    margin:0 4px 11px !important;
    padding:12px 11px 12px 13px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,171,165,.58) !important;
    border-radius:20px !important;
    background:
        radial-gradient(circle at 12% 16%, rgba(255,255,255,.36), transparent 31%),
        linear-gradient(145deg, rgba(255,215,212,.32), rgba(174,19,8,.16) 52%, rgba(255,119,109,.25)) !important;
    box-shadow:
        0 10px 22px rgba(58,4,0,.28),
        inset 0 1px 0 rgba(255,255,255,.65),
        inset 0 -1px 0 rgba(96,6,0,.2) !important;
    backdrop-filter:blur(5px) saturate(1.15);
    -webkit-backdrop-filter:blur(5px) saturate(1.15);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

#usersnames .user_item::after,
#usersnames .user_item_custom::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:5px;
    pointer-events:none;
    border:1px solid rgba(255,255,255,.22);
    border-radius:15px;
}

#usersnames .user_item:hover,
#usersnames .user_item_custom:hover{
    transform:translateY(-3px) scale(1.008) !important;
    border-color:rgba(255,205,202,.95) !important;
    box-shadow:
        0 15px 30px rgba(58,4,0,.38),
        0 0 20px rgba(255,82,69,.26),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
}

/* Tall, editorial portrait treatment */
#usersnames .user_item_avatar{
    position:relative !important;
    display:block !important;
    flex:0 0 86px !important;
    width:86px !important;
    min-width:86px !important;
    height:116px !important;
    margin:0 2px 0 0 !important;
    padding:4px !important;
    border-radius:28px 12px 28px 12px !important;
    background:linear-gradient(145deg,#ffcbc8 0%,#d22114 36%,#750800 68%,#ffa6a0 100%);
    box-shadow:
        0 10px 18px rgba(50,3,0,.38),
        0 0 0 2px rgba(255,202,199,.26),
        inset 0 0 0 1px rgba(255,255,255,.6) !important;
}

#usersnames .user_item_avatar::before{
    content:"";
    position:absolute;
    z-index:2;
    inset:7px;
    pointer-events:none;
    border:1px solid rgba(255,255,255,.48);
    border-radius:22px 8px 22px 8px;
    box-shadow:inset 0 0 14px rgba(255,95,83,.2);
}

/* Rank/crown badge: take it out of the flex flow and anchor it to avatar. */
#usersnames .user_item > .icrank,
#usersnames .user_item_custom > .icrank{
    position:absolute !important;
    z-index:10 !important;
    top:3px !important;
    left:56px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    min-width:34px;
    height:27px;
    padding:2px 6px !important;
    margin:0 !important;
    transform:translateX(-50%);
    border:1px solid rgba(255,184,179,.75);
    border-radius:0 0 11px 11px;
    background:linear-gradient(180deg,rgba(68,5,0,.9),rgba(140,12,3,.76));
    box-shadow:0 4px 9px rgba(46,3,0,.34),inset 0 1px 0 rgba(255,255,255,.32);
    pointer-events:none;
}

#usersnames .user_item > .icrank img,
#usersnames .user_item_custom > .icrank img{
    display:block !important;
    width:auto !important;
    max-width:31px !important;
    height:auto !important;
    max-height:23px !important;
    margin:0 !important;
    object-fit:contain;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));
}

#usersnames .user_item_avatar .acav,
#usersnames .user_item_avatar > img{
    display:block !important;
    width:78px !important;
    height:108px !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:24px 9px 24px 9px !important;
    object-fit:fill !important;
    object-position:center !important;
    box-shadow:inset 0 0 18px rgba(0,0,0,.2) !important;
}

#usersnames .user_item_avatar .list_status{
    z-index:5;
    left:auto !important;
    right:-3px !important;
    bottom:8px !important;
    width:17px !important;
    height:17px !important;
    border:3px solid #720f08;
    box-shadow:0 0 0 2px rgba(255,186,181,.75),0 0 12px currentColor;
}

#usersnames .user_item_data,
#usersnames .user_item_name{
    position:relative;
    z-index:2;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column;
    justify-content:center;
    align-self:stretch;
    min-width:0 !important;
    width:auto !important;
    margin:0 !important;
    padding:3px 25px 3px 0 !important;
    overflow:hidden !important;
    text-align:left !important;
}

#usersnames .user_name,
#usersnames .ulist_name{
    min-height:31px;
    margin:0 0 7px !important;
    overflow:hidden !important;
    line-height:1.1;
    text-align:left !important;
}

#usersnames .normal_nick{
    font-size:18px;
    font-weight:900;
    letter-spacing:.45px;
    text-shadow:0 1px 0 rgba(255,255,255,.6),0 3px 8px rgba(74,5,0,.2);
}

#usersnames .flash_nick_wrap{
    max-width:100% !important;
    overflow:hidden !important;
}

#usersnames .game_scores{
    display:flex !important;
    gap:5px !important;
    margin:0 0 7px !important;
}

#usersnames .game_scores span{
    min-height:25px;
    padding:4px 8px !important;
    border:1px solid rgba(255,255,255,.7);
    border-radius:9px !important;
    font-size:12px !important;
    font-weight:650;
    box-shadow:0 4px 9px rgba(70,5,0,.13) !important;
}

#usersnames .game_tables{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:3px !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1.25;
}

#usersnames .game_tables span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#usersnames .user_item_right{
    position:absolute !important;
    z-index:6;
    top:10px !important;
    right:8px !important;
    bottom:9px !important;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    width:22px !important;
    margin:0 !important;
    padding:0 !important;
}

#usersnames .user_item_right .user_item_icon,
#usersnames .user_item_right .user_item_flag{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    min-height:22px;
}

#usersnames .user_battery_wrap{
    left:28px !important;
    right:auto !important;
    bottom:8px !important;
    width:58px !important;
    z-index:7 !important;
    filter:drop-shadow(0 2px 3px rgba(47,3,0,.24));
}

@media (max-width:480px){
    #usersnames .user_item,
    #usersnames .user_item_custom{
        min-height:194px !important;
        gap:8px;
        padding:52px 8px 29px 1px !important;
        content-visibility:auto;
        contain:layout paint style;
        contain-intrinsic-size:auto 194px;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        transition:none !important;
        box-shadow:0 5px 12px rgba(58,4,0,.24),inset 0 1px 0 rgba(255,255,255,.5) !important;
    }
    #usersnames .user_item:hover,
    #usersnames .user_item_custom:hover{
        transform:none !important;
        box-shadow:0 5px 12px rgba(58,4,0,.24),inset 0 1px 0 rgba(255,255,255,.5) !important;
    }
    #usersnames .user_item_avatar{
        flex-basis:80px !important;
        width:80px !important;
        min-width:80px !important;
        height:108px !important;
    }
    #usersnames .user_item > .icrank,
    #usersnames .user_item_custom > .icrank{
        left:41px !important;
        top:auto !important;
        bottom:3px !important;
        min-width:32px;
        height:25px;
        padding:1px 5px !important;
        box-shadow:0 3px 7px rgba(46,3,0,.3),inset 0 1px 0 rgba(255,255,255,.28);
    }
    #usersnames .user_name > .flash_nick_wrap,
    #usersnames .user_name > .normal_nick{
        top:7px !important;
        left:6px !important;
        right:6px !important;
        height:38px !important;
    }
    #usersnames .user_name > .flash_nick_wrap .flash_nick_img{
        height:36px !important;
        max-height:36px !important;
    }
    #usersnames .player-wrap{
        right:5px !important;
    }
    #usersnames .user_item_avatar .acav,
    #usersnames .user_item_avatar > img{
        width:72px !important;
        height:100px !important;
    }
    #usersnames .user_item_data,
    #usersnames .user_item_name{
        padding-right:22px !important;
    }
    #usersnames .game_scores span{
        padding:3px 6px !important;
        font-size:11px !important;
        box-shadow:0 2px 4px rgba(70,5,0,.12) !important;
    }
    #usersnames .user_item_avatar,
    #usersnames .user_item_avatar::after,
    #usersnames .player-dot,
    #usersnames .battery_level,
    #usersnames .iphone_battery_level{
        animation:none !important;
        transition:none !important;
    }
    #usersnames .user_item_avatar{
        box-shadow:0 5px 10px rgba(50,3,0,.28),0 0 0 1px rgba(255,202,199,.3) !important;
    }
    #usersnames .player-dot.online{
        box-shadow:0 0 5px #2ec4b6 !important;
    }
}

/* Final chat geometry lock: neutralizes legacy float:right/right:17px. */
#show_chat li.ch_logs{
    display:grid !important;
    grid-template-columns:50px minmax(0,1fr) !important;
    align-items:start !important;
    gap:5px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:3px 5px !important;
    box-sizing:border-box !important;
}
#show_chat li.ch_logs > .chat_avatar{
    position:relative !important;
    grid-column:1 !important;
    display:block !important;
    float:none !important;
    width:50px !important;
    min-width:50px !important;
    margin:0 !important;
    padding:0 !important;
}
#show_chat li.ch_logs > .my_text{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    grid-column:2 !important;
    display:block !important;
    float:none !important;
    justify-self:start !important;
    align-self:start !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
}
#show_chat li.ch_logs > .my_text > .msktable{
    display:block !important;
    float:none !important;
    width:max-content !important;
    min-width:118px !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
@media (max-width:640px){
    #show_chat li.ch_logs{
        grid-template-columns:44px minmax(0,1fr) !important;
        gap:4px !important;
        padding:2px 3px !important;
    }
    #show_chat li.ch_logs > .chat_avatar{
        width:44px !important;
        min-width:44px !important;
    }
    #show_chat li.ch_logs > .my_text > .msktable{
        min-width:104px !important;
    }
}

/* ==========================================================
   YER6 EDITORIAL CHAT — reference-inspired full-width rows
========================================================== */
#show_chat > ul,
#show_chat ul#show_chat_ul{
    padding:0 7px 7px !important;
}

#show_chat li.modern_chat_row,
#show_chat li.modern_chat_row.own_log{
    position:relative !important;
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    align-items:center !important;
    gap:9px !important;
    width:100% !important;
    max-width:100% !important;
    min-height:84px;
    margin:0 !important;
    /* padding:9px 12px 9px 8px !important; */
    overflow:hidden !important;
    border:0 !important;
    border-left:3px solid transparent !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.93) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

#show_chat li.modern_chat_row:nth-child(even){
    border-left-color:#c22014 !important;
    background:rgba(238,128,120,.9) !important;
}

#show_chat li.modern_chat_row:nth-child(odd){
    border-left-color:#ec837c !important;
    background:rgba(255,255,255,.94) !important;
}

#show_chat li.modern_chat_row + li.modern_chat_row{
    border-top:1px solid rgba(124,15,7,.11) !important;
}

#show_chat li.modern_chat_row > .chat_avatar,
#show_chat li.modern_chat_row.own_log > .chat_avatar{
    position:relative !important;
    grid-column:1 !important;
    grid-row:1 !important;
    display:block !important;
    float:none !important;
    align-self:center !important;
    width:60px !important;
    min-width:60px !important;
    height:60px !important;
    margin:0 !important;
    padding:0 !important;
}

#show_chat li.modern_chat_row > .chat_avatar img,
#show_chat li.modern_chat_row.own_log > .chat_avatar img{
    display:block !important;
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    margin:0 !important;
    padding:2px !important;
    border:2px solid #d44238 !important;
    border-radius:50% !important;
    object-fit:fill !important;
    background:#fff0ef;
    box-shadow:0 3px 8px rgba(68,5,0,.18) !important;
    box-sizing:border-box !important;
}

#show_chat li.modern_chat_row > .my_text,
#show_chat li.modern_chat_row.own_log > .my_text{
    position:static !important;
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    float:none !important;
    justify-self:stretch !important;
    align-self:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 92px 0 0 !important;
    overflow:visible !important;
}

#show_chat .modern_message_card,
#show_chat li.modern_chat_row.own_log .modern_message_card{
    position:static !important;
    display:block !important;
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

#show_chat .modern_message_card::before{display:none !important;}

#show_chat .modern_message_head{
    display:flex !important;
    align-items:center !important;
    gap:5px;
    width:100% !important;
    min-height:31px !important;
    margin:0 0 2px !important;
    padding:0 !important;
    overflow:hidden !important;
    color:#720d05;
    font-size:19px !important;
    font-weight:850 !important;
    line-height:1.1 !important;
}

#show_chat .modern_message_head .flash_nick_wrap{
    display:flex !important;
    align-items:center;
    width:auto !important;
    max-width:min(100%,360px) !important;
    height:34px !important;
    overflow:hidden !important;
}

#show_chat .modern_message_head .flash_nick_img{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    height:34px !important;
    max-height:34px !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:left center !important;
}

#show_chat .modern_message_head .thanksIcon,
#show_chat .modern_message_head .mySmile{
    max-height:23px !important;
}

#show_chat .modern_message_body{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:20px;
    margin:0 !important;
    padding:0 !important;
    overflow-wrap:anywhere;
    /* color:#30201e; */
    font-size:20px !important;
    /* font-weight:650 !important; */
    line-height:1.32 !important;
}

#show_chat .modern_message_meta,
#show_chat li.modern_chat_row.own_log .modern_message_meta{
    position:absolute !important;
    z-index:4;
    top:12px !important;
    right:12px !important;
    bottom:auto !important;
    left:auto !important;
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-height:20px;
    margin:0 !important;
    padding:2px 5px !important;
    color:#621510;
    border-radius:8px;
    background:rgba(255,255,255,.26);
    opacity:1 !important;
}

#show_chat .modern_message_meta .cdate{
    font-size:9px !important;
    font-weight:600;
}

#show_chat .modern_message_meta .cclear{
    display:inline-flex !important;
    width:18px !important;
    height:18px !important;
    align-items:center;
    justify-content:center;
    padding:0 !important;
    border-radius:6px;
    background:rgba(107,11,4,.08);
}

#show_chat .modern_reply{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 5px !important;
    padding:5px 8px 5px 10px !important;
    overflow:hidden !important;
    border:0 !important;
    border-left:3px solid #b1170c !important;
    border-radius:0 8px 8px 0 !important;
    background:rgba(132,17,8,.08) !important;
    color:inherit !important;
    box-sizing:border-box !important;
}

#show_chat .chat_video_container,
#show_chat .chat_video{
    width:min(100%,430px) !important;
    margin-top:5px;
    border:1px solid rgba(113,12,5,.18);
    border-radius:10px !important;
    box-shadow:0 3px 9px rgba(59,4,0,.14);
}

@media (max-width:640px){
    #show_chat > ul,
    #show_chat ul#show_chat_ul{padding:0 3px 4px !important;}
    #show_chat li.modern_chat_row,
    #show_chat li.modern_chat_row.own_log{
        grid-template-columns:52px minmax(0,1fr) !important;
        gap:7px !important;
        min-height:70px;
        padding:7px 7px 7px 5px !important;
        content-visibility:auto;
        contain:layout paint style;
        contain-intrinsic-size:auto 70px;
    }
    #show_chat li.modern_chat_row > .chat_avatar,
    #show_chat li.modern_chat_row.own_log > .chat_avatar{
        width:50px !important;
        min-width:50px !important;
        height:50px !important;
    }
    #show_chat li.modern_chat_row > .chat_avatar img,
    #show_chat li.modern_chat_row.own_log > .chat_avatar img{
        width:49px !important;
        min-width:49px !important;
        max-width:49px !important;
        height:49px !important;
        min-height:49px !important;
        max-height:49px !important;
        padding:1px !important;
        box-shadow:0 2px 5px rgba(68,5,0,.14) !important;
    }
    #show_chat li.modern_chat_row > .my_text,
    #show_chat li.modern_chat_row.own_log > .my_text{
        padding-right:68px !important;
    }
    #show_chat .modern_message_head{
        min-height:27px !important;
        font-size:16px !important;
    }
    #show_chat .modern_message_head .flash_nick_wrap,
    #show_chat .modern_message_head .flash_nick_img{
        height:28px !important;
        max-height:28px !important;
    }
    #show_chat .modern_message_body{
        font-size:14px !important;
        line-height:1.28 !important;
    }
    #show_chat .modern_message_meta,
    #show_chat li.modern_chat_row.own_log .modern_message_meta{
        top:8px !important;
        right:6px !important;
        gap:4px;
        padding:1px 3px !important;
    }
    #show_chat .modern_message_meta .cclear{width:16px !important;height:16px !important;}
    #show_chat li.modern_chat_row,
    #show_chat li.modern_chat_row *{
        animation:none !important;
        transition:none !important;
    }
}

/* ==========================================================
   YER6 COMPACT CHAT — more messages, cleaner hierarchy
========================================================== */
#show_chat .ch_logs{
    display:table !important;
    width:100% !important;
    margin:0 !important;
    padding:3px 5px !important;
    border-spacing:0px;
    box-sizing:border-box !important;
}

#show_chat .chat_avatar{
    width:50px !important;
    min-width:50px !important;
    padding:0 !important;
    vertical-align:top !important;
}

#show_chat .chat_avatar img{
    display:block !important;
    width:48px !important;
    height:48px !important;
    margin:2px 0 0 !important;
    object-fit:fill !important;
    border:1px solid rgba(255,183,178,.72);
    border-radius:16px 6px 16px 6px !important;
    box-shadow:0 3px 8px rgba(50,3,0,.2);
}

#show_chat .my_text{
    display:table-cell !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 0 0 5px !important;
    vertical-align:top !important;
}

#show_chat .msktable{
    position:relative !important;
    display:block !important;
    width:fit-content;
    max-width:100% !important;
    min-height:50px;
    margin:0 !important;
    padding:5px 9px 17px !important;
    overflow:hidden !important;
    border:1px solid rgba(165,25,15,.34) !important;
    border-radius:14px 6px 14px 6px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,127,118,.9)) !important;
    box-shadow:0 3px 9px rgba(62,4,0,.16),inset 0 1px 0 rgba(255,255,255,.8) !important;
    box-sizing:border-box !important;
}

#show_chat .cname{
    display:block !important;
    max-width:100% !important;
    min-height:22px;
    margin:0 0 1px !important;
    padding:0 !important;
    overflow:hidden !important;
    line-height:1.1;
}

#show_chat .chat_message{
    display:block !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-wrap:anywhere;
    /* font-size:15px !important; */
    /* font-weight:650 !important; */
    line-height:1.25 !important;
}

#show_chat .chatops{
    position:absolute !important;
    right:7px !important;
    bottom:3px !important;
    display:flex !important;
    align-items:center;
    gap:4px;
    min-height:12px;
    opacity:.72;
}

#show_chat .cdate{
    display:inline-block !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 !important;
    font-size:9px !important;
    line-height:1 !important;
    white-space:nowrap;
}

@media (max-width:640px){
    #show_chat .ch_logs{padding:2px 3px !important;}
    #show_chat .chat_avatar{width:44px !important;min-width:44px !important;}
    #show_chat .chat_avatar img{
        width:42px !important;
        height:42px !important;
        margin-top:1px !important;
        border-radius:14px 5px 14px 5px !important;
        box-shadow:0 2px 5px rgba(50,3,0,.15);
    }
    #show_chat .my_text{padding-left:4px !important;}
    #show_chat .msktable{
        min-height:44px;
        padding:4px 7px 15px !important;
        border-radius:12px 5px 12px 5px !important;
        box-shadow:0 2px 5px rgba(62,4,0,.13),inset 0 1px 0 rgba(255,255,255,.7) !important;
    }
    #show_chat .cname{min-height:19px;margin-bottom:0 !important;}
    #show_chat .chat_message{font-size:14px !important;line-height:1.2 !important;}
    #show_chat .msktable,
    #show_chat .chat_avatar img{
        transition:none !important;
        animation:none !important;
    }
}

/* The visual header is separate from the actual colored nickname. This lets
   bcolor/bgrad/bneon and font classes render without being flattened by the
   card header background. */
#usersnames .normal_nick_header .normal_nick_value{
    display:inline-block !important;
    max-width:100% !important;
    overflow:hidden !important;
    font:inherit;
    font-weight:inherit;
    line-height:inherit;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

@media (hover:none) and (pointer:coarse){
    #usersnames .user_item,
    #usersnames .user_item_custom,
    #usersnames .dj_live_card,
    #usersnames .radio_owner_card{
        animation:none !important;
    }
}

@media (prefers-reduced-motion:reduce){
    #usersnames .user_item,
    #usersnames .user_item_custom{
        transition:none !important;
    }
}

/* OFFLINE */
.player-dot.offline{
	background:#555;
	box-shadow:none;
}

/* PULSE */
@keyframes pulse{
	0%{
		box-shadow:0 0 0 0 rgba(46,196,182,0.7);
	}
	70%{
		box-shadow:0 0 0 6px rgba(46,196,182,0);
	}
	100%{
		box-shadow:0 0 0 0 rgba(46,196,182,0);
	}
}

/* PLAYING */
.user_item.playing{
	box-shadow:0 0 15px rgba(46,196,182,0.5);
	border:1px solid rgba(46,196,182,0.4);
}

/* ==========================================================
   YER6 USER CARD — DEFINITIVE LAYOUT
   Kept last intentionally so legacy card rules cannot break the geometry.
========================================================== */
#usersnames .user_item,
#usersnames .user_item_custom{
    position:relative !important;
    isolation:isolate;
    display:grid !important;
    grid-template-columns:88px minmax(0,1fr) 24px !important;
    grid-template-rows:47px 116px 29px !important;
    column-gap:9px !important;
    row-gap:0 !important;
    align-items:start !important;
    width:calc(100% - 8px) !important;
    min-height:204px !important;
    margin:0 4px 12px !important;
    padding:6px 7px 6px 1px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,191,186,.72) !important;
    border-radius:20px !important;
    background:
        radial-gradient(circle at 8% 12%,rgba(255,255,255,.34),transparent 27%),
        linear-gradient(145deg,rgba(255,226,224,.25),rgba(179,17,5,.13) 52%,rgba(255,117,107,.22));
    box-shadow:0 9px 20px rgba(61,4,0,.25),inset 0 1px 0 rgba(255,255,255,.72) !important;
    box-sizing:border-box !important;
}

/* Full-width flash/normal nick header */
#usersnames .user_item_data,
#usersnames .user_item_name{
    position:static !important;
    grid-column:2 / 3 !important;
    grid-row:2 / 4 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-self:stretch !important;
    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:3px 0 3px 0 !important;
    overflow:hidden !important;
}

#usersnames .user_name{
    position:static !important;
    display:contents !important;
}

#usersnames .user_name > .flash_nick_wrap,
#usersnames .user_name > .normal_nick{
    position:absolute !important;
    z-index:8 !important;
    top:6px !important;
    left:7px !important;
    right:7px !important;
    bottom:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    max-width:none !important;
    height:43px !important;
    min-height:43px !important;
    margin:0 !important;
    padding:2px 9px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,217,214,.52);
    border-radius:13px 13px 9px 9px;
    background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(128,9,0,.05));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.38);
    box-sizing:border-box !important;
    text-align:center !important;
}

#usersnames .user_name > .flash_nick_wrap .flash_nick_img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:37px !important;
    max-height:37px !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center !important;
}

#usersnames .user_name > .normal_nick{
    font-size:20px !important;
    font-weight:900 !important;
    line-height:37px !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

/* Portrait begins exactly one pixel from the card's inner left edge. */
#usersnames .user_item_avatar{
    position:relative !important;
    z-index:4 !important;
    grid-column:1 !important;
    grid-row:2 !important;
    display:block !important;
    align-self:start !important;
    justify-self:start !important;
    width:86px !important;
    min-width:86px !important;
    height:116px !important;
    margin:0 !important;
    padding:4px !important;
    border-radius:27px 12px 27px 12px !important;
    background:linear-gradient(145deg,#ffc5c1,#cf1b0e 40%,#6c0700 72%,#ffa29c) !important;
    box-shadow:0 8px 16px rgba(50,3,0,.34),0 0 0 2px rgba(255,215,212,.48) !important;
    box-sizing:border-box !important;
}

#usersnames .user_item_avatar .acav,
#usersnames .user_item_avatar > img{
    display:block !important;
    width:78px !important;
    height:108px !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:23px 9px 23px 9px !important;
    object-fit:fill !important;
    object-position:center !important;
}

/* Rank badge is a real third-row grid item, attached under the portrait. */
#usersnames .user_item > .icrank,
#usersnames .user_item_custom > .icrank{
    position:relative !important;
    z-index:9 !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    grid-column:1 !important;
    grid-row:3 !important;
    align-self:start !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:40px !important;
    height:27px !important;
    margin:0 !important;
    padding:1px 6px !important;
    transform:none !important;
    border:1px solid rgba(255,177,171,.78) !important;
    border-top:0 !important;
    border-radius:0 0 10px 10px !important;
    background:linear-gradient(180deg,rgb(255 255 255 / 92%),rgb(255 129 120 / 83%)) !important;
    box-shadow:0 4px 8px rgba(47,3,0,.3),inset 0 1px 0 rgba(255,255,255,.25) !important;
    box-sizing:border-box !important;
    pointer-events:none;
}

#usersnames .user_item > .icrank img,
#usersnames .user_item_custom > .icrank img{
    width:auto !important;
    max-width:34px !important;
    height:auto !important;
    max-height:24px !important;
    margin:0 !important;
    object-fit:contain !important;
}

#usersnames .game_scores{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
    margin:0 0 7px !important;
    padding:0 !important;
}

#usersnames .game_scores span{
    display:inline-flex !important;
    width:auto !important;
    max-width:100% !important;
    min-height:28px !important;
    padding:4px 9px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.72) !important;
    border-radius:10px !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

#usersnames .game_tables{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:4px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1.2 !important;
}

/* Player state never participates in score layout. */
#usersnames .player-wrap{
    position:absolute !important;
    z-index:12 !important;
    top:108px !important;
    right:7px !important;
    bottom:auto !important;
    left:auto !important;
    display:block !important;
    width:16px !important;
    height:16px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    pointer-events:none;
}

#usersnames .player-wrap .player-dot{
    position:static !important;
    display:block !important;
    width:13px !important;
    height:13px !important;
    margin:0 !important;
    border:2px solid rgba(74,5,0,.65) !important;
    box-shadow:0 0 0 2px rgba(255,197,193,.78),0 0 7px currentColor !important;
    box-sizing:border-box !important;
}

#usersnames .player-wrap .player-dot.online{background:#14eb83 !important;}
#usersnames .player-wrap .player-dot.offline{background:#ff6846 !important;}

#usersnames .player-wrap .mySmile{
    position:absolute !important;
    top:50% !important;
    right:19px !important;
    width:auto !important;
    max-width:42px !important;
    height:auto !important;
    max-height:22px !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
    object-fit:contain !important;
}

#usersnames .user_item_right{
    position:absolute !important;
    z-index:11 !important;
    top:auto !important;
    right:6px !important;
    bottom:11px !important;
    left:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:20px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
}

#usersnames .user_battery_wrap{
    left:100px !important;
    right:auto !important;
    bottom:8px !important;
    width:58px !important;
}

@media (max-width:480px){
    #usersnames .user_item,
    #usersnames .user_item_custom{
        grid-template-columns:82px minmax(0,1fr) !important;
        grid-template-rows:44px 108px 27px !important;
        column-gap:7px !important;
        min-height:191px !important;
        padding:5px 6px 5px 1px !important;
        content-visibility:auto;
        contain:layout paint style;
        contain-intrinsic-size:auto 191px;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        transition:none !important;
    }
    #usersnames .user_item_avatar{
        width:80px !important;
        min-width:80px !important;
        height:108px !important;
    }
    #usersnames .user_item_avatar .acav,
    #usersnames .user_item_avatar > img{
        width:72px !important;
        height:100px !important;
    }
    #usersnames .user_name > .flash_nick_wrap,
    #usersnames .user_name > .normal_nick{
        top:5px !important;
        left:6px !important;
        right:6px !important;
        height:41px !important;
        min-height:41px !important;
    }
    #usersnames .user_name > .flash_nick_wrap .flash_nick_img{
        height:35px !important;
        max-height:35px !important;
    }
    #usersnames .game_scores span{
        min-height:26px !important;
        max-width:none !important;
        padding:3px 5px !important;
        overflow:visible !important;
        font-size:10px !important;
        letter-spacing:-.1px;
    }
    #usersnames .game_scores span b{
        font-size:10px !important;
    }
    #usersnames .game_tables{
        gap:3px !important;
        padding-right:1px !important;
        overflow:visible !important;
        font-size:10px !important;
    }
    #usersnames .game_tables span{
        overflow:visible !important;
        text-overflow:clip !important;
        white-space:nowrap !important;
    }
    #usersnames .player-wrap{
        top:102px !important;
        right:5px !important;
    }
    #usersnames .user_item > .icrank,
    #usersnames .user_item_custom > .icrank{
        min-width:38px !important;
        height:25px !important;
    }
    #usersnames .user_battery_wrap{
        left:91px !important;
        bottom:6px !important;
    }
}

/* ==========================================================
   YER6 NOVA CHAT — definitive modern messaging experience
========================================================== */
#show_chat > ul,
#show_chat ul#show_chat_ul{
    padding:10px 12px 8px !important;
    scroll-padding-bottom:10px;
}

#show_chat li.modern_chat_row{
    position:relative !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    align-items:end !important;
    gap:9px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 8px !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

#show_chat li.modern_chat_row.own_log{
    grid-template-columns:minmax(0,1fr) 48px !important;
}

#show_chat li.modern_chat_row > .chat_avatar{
    position:relative !important;
    grid-column:1 !important;
    display:block !important;
    float:none !important;
    align-self:end !important;
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
}

#show_chat li.modern_chat_row.own_log > .chat_avatar{
    grid-column:2 !important;
    grid-row:1 !important;
}

#show_chat li.modern_chat_row > .chat_avatar img{
    display:block !important;
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    margin:0 !important;
    padding:0 !important;
    border:2px solid rgba(255,196,191,.9) !important;
    border-radius:15px !important;
    object-fit:fill !important;
    background:#d33429;
    box-shadow:0 5px 12px rgba(39,3,0,.24),0 0 0 1px rgba(112,7,0,.24) !important;
    box-sizing:border-box !important;
}

#show_chat li.modern_chat_row > .my_text{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    grid-column:2 !important;
    display:flex !important;
    float:none !important;
    justify-content:flex-start !important;
    align-items:flex-end !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
}

#show_chat li.modern_chat_row.own_log > .my_text{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-content:flex-end !important;
}

#show_chat .modern_message_card{
    position:relative !important;
    display:block !important;
    float:none !important;
    width:auto !important;
    min-width:150px !important;
    max-width:min(76%,720px) !important;
    margin:0 !important;
    padding:8px 11px 22px !important;
    overflow:hidden !important;
    border:1px solid rgba(122,18,11,.2) !important;
    border-radius:18px 18px 18px 5px !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,238,236,.96)) !important;
    box-shadow:0 6px 16px rgba(47,3,0,.17),inset 0 1px 0 rgba(255,255,255,.95) !important;
    box-sizing:border-box !important;
}

#show_chat li.modern_chat_row.own_log .modern_message_card{
    border-color:rgba(142,13,4,.34) !important;
    border-radius:18px 18px 5px 18px !important;
    background:linear-gradient(145deg,rgba(255,217,214,.98),rgba(233,92,82,.95)) !important;
    box-shadow:0 6px 16px rgba(58,4,0,.2),inset 0 1px 0 rgba(255,255,255,.68) !important;
}

#show_chat .modern_message_card::before{
    content:"";
    position:absolute;
    left:0;
    top:14px;
    bottom:14px;
    width:3px;
    border-radius:0 5px 5px 0;
    background:linear-gradient(#ea655c,#930e04);
}

#show_chat li.modern_chat_row.own_log .modern_message_card::before{
    left:auto;
    right:0;
    border-radius:5px 0 0 5px;
}

#show_chat .modern_message_head{
    display:flex !important;
    align-items:center !important;
    gap:5px;
    width:100% !important;
    min-height:24px;
    margin:0 0 3px !important;
    padding:0 !important;
    overflow:hidden !important;
    line-height:1.1;
}

#show_chat .modern_message_head .flash_nick_wrap{
    width:auto !important;
    max-width:100% !important;
    overflow:hidden !important;
}

#show_chat .modern_message_head .flash_nick_img{
    display:block !important;
    max-width:100% !important;
    object-fit:contain !important;
    object-position:left center !important;
}

#show_chat .modern_message_body{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-wrap:anywhere;
    /* color:#221110; */
    /* font-size:15px !important; */
    /* font-weight:600 !important; */
    line-height:1.35 !important;
}

#show_chat .modern_message_meta{
    position:absolute !important;
    right:8px !important;
    bottom:5px !important;
    left:auto !important;
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    min-height:12px;
    margin:0 !important;
    padding:0 !important;
    color:rgba(50,18,16,.68);
    opacity:1 !important;
}

#show_chat li.modern_chat_row.own_log .modern_message_meta{
    right:auto !important;
    left:8px !important;
}

#show_chat .modern_message_meta .cdate{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 !important;
    font-size:9px !important;
    line-height:1 !important;
    white-space:nowrap;
}

#show_chat .modern_message_meta .cclear{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:18px !important;
    height:16px !important;
    padding:0 !important;
    font-size:10px !important;
    border-radius:6px;
    background:rgba(96,14,8,.08);
}

#show_chat .modern_reply{
    position:relative;
    display:block !important;
    max-width:100%;
    margin:0 0 7px !important;
    padding:6px 8px 6px 10px !important;
    overflow:hidden;
    border:0 !important;
    border-left:3px solid #c01f14 !important;
    border-radius:8px;
    background:rgba(128,21,14,.08) !important;
    color:inherit !important;
    text-decoration:none !important;
}

#show_chat .modern_reply .reply_name{
    display:block !important;
    min-height:0;
    margin:0 0 2px !important;
    font-size:11px;
    font-weight:800;
}

#show_chat .modern_reply .reply_message{
    display:block !important;
    max-height:38px;
    overflow:hidden !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
    opacity:.8;
}

#show_chat .modern_reply .reply_date{
    position:absolute;
    right:6px;
    top:5px;
    font-size:8px;
    opacity:.55;
}

#show_chat .chat_video_container,
#show_chat .chat_video{
    width:min(100%,430px) !important;
    max-width:100% !important;
    border-radius:13px !important;
    overflow:hidden !important;
}

#show_chat .chat_video iframe{
    display:block;
    width:100% !important;
    aspect-ratio:16/9;
    height:auto !important;
    border:0;
}

/* Modern composer */
#container_input{
    padding:6px 9px !important;
    background:linear-gradient(180deg,rgba(72,8,3,.92),rgba(118,15,7,.96)) !important;
    border-top:1px solid rgba(255,158,151,.45);
    box-shadow:0 -5px 16px rgba(37,2,0,.16);
}

#main_input{
    height:46px !important;
}

#main_input .input_table{
    height:46px !important;
    border:1px solid rgba(255,177,171,.5);
    border-radius:15px;
    background:rgba(255,255,255,.96);
    box-shadow:0 4px 12px rgba(38,3,0,.18),inset 0 1px 0 #fff;
    overflow:hidden;
}

#main_input #content{
    height:44px !important;
    padding:0 13px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    font-size:15px !important;
    box-shadow:none !important;
}

#main_input .main_item{
    width:42px !important;
    min-width:42px !important;
    height:44px !important;
    color:#700d06;
    background:transparent;
}

#main_input #submit_button{
    width:38px !important;
    height:38px !important;
    margin:3px !important;
    border:0 !important;
    border-radius:12px !important;
    color:#fff !important;
    background:linear-gradient(145deg,#c21e12,#640a03) !important;
    box-shadow:0 3px 7px rgba(50,3,0,.28) !important;
}

@media (max-width:640px){
    #show_chat > ul,
    #show_chat ul#show_chat_ul{padding:6px 6px 5px !important;}
    #show_chat li.modern_chat_row{
        grid-template-columns:40px minmax(0,1fr) !important;
        gap:6px !important;
        margin-bottom:6px !important;
        content-visibility:auto;
        contain:layout paint style;
        contain-intrinsic-size:auto 68px;
    }
    #show_chat li.modern_chat_row.own_log{
        grid-template-columns:minmax(0,1fr) 40px !important;
    }
    #show_chat li.modern_chat_row > .chat_avatar{
        width:40px !important;
        min-width:40px !important;
        height:40px !important;
    }
    #show_chat li.modern_chat_row > .chat_avatar img{
        width:39px !important;
        min-width:39px !important;
        max-width:39px !important;
        height:39px !important;
        min-height:39px !important;
        max-height:39px !important;
        border-radius:12px !important;
        box-shadow:0 2px 6px rgba(39,3,0,.17) !important;
    }
    #show_chat .modern_message_card{
        min-width:112px !important;
        max-width:88% !important;
        padding:6px 8px 19px !important;
        border-radius:15px 15px 15px 4px !important;
        box-shadow:0 2px 7px rgba(47,3,0,.13),inset 0 1px 0 rgba(255,255,255,.8) !important;
    }
    #show_chat li.modern_chat_row.own_log .modern_message_card{
        border-radius:15px 15px 4px 15px !important;
    }
    #show_chat .modern_message_body{
        font-size:14px !important;
        line-height:1.28 !important;
    }
    #show_chat .modern_reply{padding:5px 7px 5px 9px !important;margin-bottom:5px !important;}
    #show_chat .modern_message_card,
    #show_chat li.modern_chat_row > .chat_avatar img,
    #main_input #submit_button{
        animation:none !important;
        transition:none !important;
    }
    #container_input{padding:5px 6px !important;box-shadow:0 -3px 9px rgba(37,2,0,.12);}
    #main_input,#main_input .input_table{height:43px !important;}
    #main_input #content{height:41px !important;font-size:14px !important;}
    #main_input .main_item{height:41px !important;width:38px !important;min-width:38px !important;}
    #main_input #submit_button{width:35px !important;height:35px !important;margin:3px !important;}
}

/* Final kart nick + emoji hizalama kilidi (legacy kurallardan sonra kalmalı). */
#usersnames .user_name > .flash_nick_wrap .flash_nick_img{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:calc(100% - 40px) !important;
}
#usersnames .user_name > .flash_nick_wrap > .list_nick_smile,
#usersnames .user_name > .normal_nick > .list_nick_smile{
    position:static !important;
    display:block !important;
    flex:0 0 32px !important;
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin:0 0 0 6px !important;
    padding:0 !important;
    transform:none !important;
    object-fit:contain !important;
    object-position:center !important;
}
/* =========================================================
   YER6 2026 UI: durum, söz paneli, sağ araç çubuğu ve profil
   Hafif gölgeler kullanır; mobilde pahalı efektler kapatılır.
   ========================================================= */
:root{
    --yer6-gold:#dd3428;
    --yer6-gold-light:#f8948c;
    --yer6-gold-soft:#ffe8e6;
    --yer6-brown:#3e0c08;
    --yer6-brown-2:#6d140e;
    --yer6-ink:#280d0c;
    --yer6-paper:#ffffff;
}

/* Durum seçici */
.yer6_status_picker{
    padding:14px;
    background:linear-gradient(180deg,#ffffff,#fbdfdd);
    color:var(--yer6-ink);
}
.yer6_status_intro{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 12px;
    padding:13px 14px;
    border:1px solid rgba(179,29,18,.25);
    border-radius:14px;
    background:linear-gradient(135deg,#4f0e09,#962118);
    color:#fff;
    box-shadow:0 7px 18px rgba(70,8,3,.16);
}
.yer6_status_badge{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:12px;
    background:linear-gradient(145deg,#ff9992,#d22013);
    color:#25c95a;
    box-shadow:inset 0 1px #ffc6c2,0 4px 10px rgba(0,0,0,.2);
}
.yer6_status_intro strong,.yer6_status_intro small{display:block;line-height:1.25}
.yer6_status_intro strong{font-size:16px;letter-spacing:.1px}
.yer6_status_intro small{margin-top:3px;color:#facbc8;font-size:11px}
.yer6_status_grid{
    display:block;
}
.yer6_status_grid > .pad15{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:0 !important;
}
.yer6_status_picker .status_option{
    --status-accent:#24c765;
    display:flex !important;
    align-items:center;
    min-width:0;
    min-height:52px;
    margin:0 !important;
    padding:8px 10px !important;
    border:1px solid rgba(123,17,9,.16);
    border-radius:13px !important;
    background:#ffffff !important;
    color:#2d1210;
    box-shadow:0 3px 9px rgba(88,11,5,.08);
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.yer6_status_picker .status_option:hover{
    transform:translateY(-1px);
    border-color:var(--status-accent);
    box-shadow:0 6px 14px rgba(88,11,5,.14);
}
.yer6_status_picker .status_option:nth-child(2){--status-accent:#f43427}
.yer6_status_picker .status_option:nth-child(3){--status-accent:#ef3e46}
.yer6_status_picker .status_option:nth-child(4){--status-accent:#ef7654}
.yer6_status_picker .status_option:nth-child(5){--status-accent:#268be7}
.yer6_status_picker .status_option:nth-child(6){--status-accent:#ff3628}
.yer6_status_picker .status_option:nth-child(7){--status-accent:#14b4c9}
.yer6_status_picker .status_option:nth-child(8){--status-accent:#9a5de2}
.yer6_status_picker .status_option:nth-child(9){--status-accent:#7466dc}
.yer6_status_picker .status_option:nth-child(10){--status-accent:#df4fa8}
.yer6_status_picker .status_option:nth-child(11){--status-accent:#20a6d9}
.yer6_status_picker .status_option:nth-child(12){--status-accent:#7c8792}
.yer6_status_picker .zone_status{
    display:grid !important;
    place-items:center;
    flex:0 0 34px;
    width:34px !important;
    height:34px;
    margin-right:8px;
    border-radius:10px;
    background:color-mix(in srgb,var(--status-accent) 15%,white);
}
.yer6_status_picker .icon_status{width:20px !important;height:20px !important;padding:0 !important}
.yer6_status_picker .icon_text{
    display:block !important;
    min-width:0;
    overflow:hidden;
    color:#2f1816;
    font-size:13px;
    font-weight:700;
    text-overflow:ellipsis;
}

/* Söz Paneli: okunaklı, kompakt ve taşmasız */
#soz_id.yer6_soz_panel{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:0 10px !important;
    overflow:hidden;
    border:1px solid rgba(255,157,150,.65);
    border-radius:0 0 14px 14px;
    background:linear-gradient(100deg,#4e0c07 0%,#961d14 45%,#c9281c 100%) !important;
    color:#fff;
    box-shadow:inset 0 1px rgba(255,255,255,.2),0 4px 12px rgba(57,4,0,.18);
}
#soz_id.yer6_soz_panel > .bold{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
    padding:5px 9px;
    border-radius:10px;
    background:rgba(37,3,1,.38);
    color:#ffd6d3;
    font-size:15px;
    letter-spacing:.1px;
}
#soz_id.yer6_soz_panel > .bold .fa{color:#ff82b1;text-shadow:0 1px 4px rgba(0,0,0,.3)}
#soz_id #sozgecis_text{flex:1;width:auto !important;min-width:0;margin-left:10px}
#soz_id #soz_track{align-items:center;will-change:transform}
#soz_id .soz_item{
    gap:8px;
    margin-right:22px;
    padding:3px 10px 3px 4px;
    border-radius:999px;
    background:rgba(255,254,254,.12);
}
#soz_id .soz_avatar{
    flex:0 0 34px;
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
    object-fit:cover;
    border:3px solid #ff938c;
    background:#fff5f4;
    box-shadow:0 3px 10px rgba(29,2,0,.35),0 0 0 2px rgba(255,255,255,.22);
}
#soz_id .soz_user{color:#ffd8d5;font-weight:800}
#soz_id .soz_mesaj{color:#fff;font-weight:500}

/* Sağ üst araç çubuğu */
#right_panel_bar.panel_bar{
    display:flex;
    align-items:stretch;
    gap:5px;
    min-height:62px;
    height:auto;
    padding:6px;
    border-bottom:1px solid #c01a0e;
    background:linear-gradient(180deg,#f0554a,#ce1f13) !important;
    box-shadow:inset 0 1px #ffbbb6,0 3px 10px rgba(67,4,0,.2);
}
#right_panel_bar .bcell_mid{flex:1;min-width:0}
#right_panel_bar .panel_bar_item,
#right_panel_bar .panel_option{
    position:relative;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    flex:1 1 0;
    width:auto !important;
    min-width:0;
    height:50px;
    padding:0 !important;
    border:1px solid transparent;
    border-radius:12px;
    background:rgba(255,236,234,.18);
    color:#270502;
    text-align:center;
    transition:background-color .15s ease,border-color .15s ease,transform .15s ease;
}
#right_panel_bar > .bcell_mid{flex:0 1 8px;width:8px;min-width:0}
#right_panel_bar .panel_bar_item{flex:0 0 42px;width:42px !important;min-width:42px}
#right_panel_bar .panel_bar_item:hover,
#right_panel_bar .panel_option:hover{transform:translateY(-1px);background:#ffc6c2;border-color:#a71409}
#right_panel_bar .panel_selected{
    border-color:#910f05 !important;
    background:linear-gradient(145deg,#ffecea,#e74539) !important;
    box-shadow:inset 0 1px #fff,0 3px 8px rgba(78,5,0,.2);
}
#right_panel_bar i{display:block;font-size:22px;line-height:1;color:#1e0806;text-shadow:0 1px rgba(255,255,255,.45)}
#right_panel_bar p{display:block;max-width:100%;margin:5px 0 0 !important;overflow:hidden;font-size:clamp(7px,1.8vw,9px) !important;line-height:1 !important;color:#230a08;text-overflow:ellipsis;white-space:nowrap}

/* Profil: kapak, sekmeler ve bilgi kartları */
.yer6_profile_hero{
    z-index:20;
    min-height:250px;
    overflow:visible !important;
    border-radius:18px 18px 0 0;
    isolation:isolate;
    background-position:center !important;
    box-shadow:inset 0 -110px 95px rgba(32,2,0,.72);
}
.yer6_profile_hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:inherit;
    background:linear-gradient(135deg,rgba(221,65,54,.2),transparent 43%,rgba(30,2,0,.48));
    pointer-events:none;
}
.yer6_profile_hero .modal_top_menu{padding:10px}
.yer6_profile_hero .modal_top_item{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    margin-left:6px;
    border:1px solid rgba(255,202,199,.38);
    border-radius:12px;
    background:rgba(39,5,2,.5);
    color:#fff;
    text-shadow:0 2px 4px #000;
}
.yer6_profile_hero #promenu{position:relative;z-index:10002}
.yer6_profile_hero #pro_menu{
    z-index:10003!important;
    overflow:visible!important;
    box-shadow:0 12px 30px rgba(32,2,0,.28)!important;
}
.yer6_profile_hero .profile_top{padding:18px 22px 22px}
.yer6_profile_hero .profile_avatar{width:142px}
.yer6_profile_hero .avatar_spin{
    padding:4px;
    border-radius:20px;
    background:linear-gradient(145deg,#ffbbb6,#c01609 55%,#ffe1df);
    box-shadow:0 11px 26px rgba(23,2,0,.38);
}
.yer6_profile_hero .avatar_profile{width:134px;height:134px;border-radius:16px;object-fit:cover}
.yer6_profile_hero .profile_tinfo{padding:0 0 7px 18px;text-shadow:0 2px 5px rgba(0,0,0,.8)}
.yer6_profile_hero .pro_rank{margin:0 0 4px;color:#ffa49e;font-size:13px}
.yer6_profile_hero .pro_name{color:#fff;font-size:30px;line-height:1.08;letter-spacing:.2px}
.yer6_profile_hero .pro_mood{margin-top:6px;color:#f9c9c5;font-size:13px}
.yer6_profile_hero .state_profile{right:4px;bottom:5px;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.yer6_profile_tabs{
    position:relative;
    z-index:1;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    border-bottom:1px solid #e18c86;
    background:#ffffff;
}
.yer6_profile_tabs::-webkit-scrollbar{display:none}
.yer6_profile_tabs ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));width:100%;min-width:0;padding:7px 8px;margin:0;gap:4px}
.yer6_profile_tabs ul li{
    min-width:0;
    padding:10px 7px !important;
    border-radius:10px;
    color:#622a26;
    font-size:13px !important;
    overflow:hidden;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.yer6_profile_tabs ul li:hover{background:#f8cdca;color:#3d0905}
.yer6_profile_tabs ul li.modal_selected{
    background:linear-gradient(145deg,#5f0e08,#b01f15) !important;
    color:#fff !important;
    box-shadow:0 3px 9px rgba(80,7,2,.2);
}
.yer6_profile_body{background:linear-gradient(180deg,#ffffff,#fcefee);color:#321a18}
.yer6_profile_body .modal_zone{padding:18px !important}
.yer6_profile_body .clearbox{display:flex;flex-wrap:wrap;gap:10px}
.yer6_profile_body .listing_half_element.info_pro,
.yer6_profile_body .listing_element.info_pro{
    float:none;
    flex:1 1 210px;
    width:auto;
    min-width:0;
    margin:0;
    padding:14px 15px;
    border:1px solid rgba(174,29,19,.2);
    border-radius:13px;
    background:#fff;
    box-shadow:0 4px 12px rgba(88,10,4,.07);
}
.yer6_profile_body .listing_title{color:#93231b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.yer6_profile_body .listing_text{margin-top:5px;color:#270e0d;font-size:15px;font-weight:700}
.yer6_profile_body .profile_like{margin-top:12px;padding:13px;border-radius:13px;background:#fff;border:1px solid rgba(174,29,19,.2)}

@media (max-width:768px){
    .yer6_status_picker{padding:10px}
    .yer6_status_grid > .pad15{grid-template-columns:1fr;gap:6px}
    .yer6_status_picker .status_option{min-height:46px;padding:6px 9px !important}
    .yer6_status_intro{padding:10px 11px;margin-bottom:8px}
    #soz_id.yer6_soz_panel{min-height:44px;padding:0 6px !important;border-radius:0}
    #soz_id.yer6_soz_panel > .bold{padding:6px 8px;font-size:13px}
    #soz_id #sozgecis_text{margin-left:6px}
    #soz_id .soz_avatar{flex-basis:30px;width:30px !important;height:30px !important;border-width:2px}
    #right_panel_bar.panel_bar{gap:2px;min-height:56px;padding:4px}
    #right_panel_bar .panel_bar_item,#right_panel_bar .panel_option{flex:1 1 0;width:auto !important;min-width:0;height:46px;border-radius:10px}
    #right_panel_bar .panel_bar_item{flex:0 0 36px;width:36px !important;min-width:36px}
    #right_panel_bar i{font-size:20px}
    #right_panel_bar p{font-size:8px !important}
    .yer6_profile_hero{min-height:222px;border-radius:0}
    .yer6_profile_hero .profile_top{padding:10px 14px 16px}
    .yer6_profile_hero .profile_avatar{width:108px}
    .yer6_profile_hero .avatar_profile{width:102px;height:112px}
    .yer6_profile_hero .profile_tinfo{padding:0 0 4px 12px}
    .yer6_profile_hero .pro_name{font-size:23px}
    .yer6_profile_hero .modal_top_item{width:36px;height:36px;border-radius:10px}
    .yer6_profile_tabs ul{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:5px}
    .yer6_profile_tabs ul li{padding:9px 6px !important;font-size:12px !important}
    .yer6_profile_body .modal_zone{padding:12px !important}
    .yer6_profile_body .clearbox{gap:7px}
    .yer6_profile_body .listing_half_element.info_pro,.yer6_profile_body .listing_element.info_pro{flex-basis:calc(50% - 4px);padding:11px;border-radius:10px}
}

@media (prefers-reduced-motion:reduce),(max-width:768px){
    .yer6_status_picker .status_option,#right_panel_bar .panel_option,#right_panel_bar .panel_bar_item{transition:none !important}
    .yer6_status_picker .status_option:hover,#right_panel_bar .panel_option:hover,#right_panel_bar .panel_bar_item:hover{transform:none !important}
    #soz_track{will-change:auto !important}
}

/* Sağ üye listesinin son kartı sabit alt menünün arkasında kalmasın. */
#chat_right_data #container_user,
#chat_right_data #usersnames{
    box-sizing:border-box;
}
#chat_right_data #usersnames{
    padding-bottom:24px;
}

/* Profil yönetim araçları: tüm yetki düğmeleri tek, düzenli yatay sıra. */
.yer6_profile_hero .modal_top_menu{
    display:flex!important;
    align-items:center!important;
    gap:7px;
    width:100%!important;
    table-layout:auto!important;
}
.yer6_profile_hero .modal_top_menu > .bcell_mid{
    display:none!important;
}
.yer6_profile_hero .modal_top_menu_empty{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:8px;
}
.yer6_profile_hero .modal_top_menu .modal_top_item{
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
}

@media (max-width:768px){
    #chat_right_data #usersnames{
        padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
    }
    .yer6_profile_hero .modal_top_menu{gap:5px;padding:8px!important}
    .yer6_profile_hero .modal_top_menu .modal_top_item{
        flex-basis:36px!important;
        width:36px!important;
        height:36px!important;
    }
}

/* ==========================================================
   YER6 PANEL MODE: ORIGINAL / CLASSIC MESSAGE BALLOONS
   This block is intentionally body-scoped so striped mode is untouched.
========================================================== */
/* Keep long messages and the protruding rank badge inside the chat viewport. */
#show_chat{overflow-x:hidden !important;}
#show_chat .chat_message,
#show_chat .modern_message_body{
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
}
#show_chat .chat_message :is(span,a,b,strong,i,em){
    white-space:normal !important;
    overflow-wrap:anywhere !important;
}
body.yer6-panel-standard #show_chat > ul,
body.yer6-panel-standard #show_chat ul#show_chat_ul{
    padding:0 4px 8px !important;
}

body.yer6-panel-standard #show_chat li.ch_logs.classic_chat_row{
    position:relative !important;
    display:grid !important;
    grid-template-columns:66px minmax(0,1fr) !important;
    align-items:start !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:2px 3px !important;
    table-layout:fixed !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    background:transparent !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row > .chat_avatar{
    position:relative !important;
    display:block !important;
    grid-column:1 !important;
    float:none !important;
    width:66px !important;
    min-width:66px !important;
    padding:2px 0 0 !important;
    vertical-align:top !important;
    z-index:3 !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row > .chat_avatar > img.cavatar{
    display:block !important;
    width:64px !important;
    height:64px !important;
    margin:0 !important;
    object-fit:fill !important;
    border:2px solid rgba(163,11,0,.8) !important;
    border-radius:6px 24px 24px 6px !important;
    box-shadow:8px 2px 7px rgba(21,1,0,.72) !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row > .my_text{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    display:block !important;
    grid-column:2 !important;
    float:none !important;
    width:calc(100% - 4px) !important;
    min-width:0 !important;
    max-width:calc(100% - 4px) !important;
    margin:0 !important;
    padding: 0 0 0px 0px !important;
    overflow:visible !important;
    vertical-align:top !important;
    box-sizing:border-box !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .classic_message_balloon{
    position:relative !important;
    display:inline-block !important;
    float:none !important;
    width:auto !important;
    min-width:min(260px, calc(100% - 18px)) !important;
    max-width:calc(100% - 18px) !important;
    min-height:54px !important;
    margin:0 !important;
    padding:2px 24px 18px 9px !important;
    overflow:visible !important;
    border:4px groove #cf2519 !important;
    border-radius:0 22px 22px 22px !important;
    background:rgba(255,255,255,.94) !important;
    color:#180b0b !important;
    box-shadow:0 3px 9px rgba(68,5,0,.22) !important;
    box-sizing:border-box !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .classic_message_balloon.girl{
    background:linear-gradient(145deg,rgba(255,236,234,.97),rgba(227,95,86,.91)) !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .classic_message_balloon.boy,
body.yer6-panel-standard #show_chat li.classic_chat_row .classic_message_balloon.nosex{
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(253,244,244,.94)) !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .cname{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:4px !important;
    width:auto !important;
    max-width:100% !important;
    min-height:31px !important;
    margin:0 !important;
    padding:0 !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .cname > .flash_nick_wrap{
    display:inline-flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    width:auto !important;
    max-width:100% !important;
    min-height:0 !important;
    overflow:visible !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .cname .flash_nick_img{
    display:block !important;
    width:auto !important;
    height:31px !important;
    max-width:195px !important;
    max-height:31px !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:left center !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .cname .mySmile{
    width:auto !important;
    height:24px !important;
    max-width:66px !important;
    max-height:24px !important;
    object-fit:contain !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .chat_message{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    min-height:0 !important;
    margin:1px 0 0 !important;
    padding:0 !important;
    overflow:visible !important;
    word-break:break-word !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .chatops{
    position:absolute !important;
    right:7px !important;
    bottom:2px !important;
    top:auto !important;
    left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    height:20px !important;
    margin:0 !important;
    transform:none !important;
    transition:none !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .chat_rank{
    position:absolute !important;
    right:-15px !important;
    top:50% !important;
    left:auto !important;
    bottom:auto !important;
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
    margin:0 !important;
    padding:3px !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 1px 4px rgba(47,3,0,.28) !important;
    transform:translateY(-50%) !important;
    z-index:6 !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .chat_rank img{
    display:block !important;
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    object-fit:contain !important;
}

body.yer6-panel-standard #show_chat li.classic_chat_row .cevaptable{
    display:block !important;
    max-width:100% !important;
    margin:3px 0 5px !important;
    padding:4px 7px !important;
    border-left:3px solid #bf1a0f !important;
    border-radius:5px !important;
    background:rgba(255,255,255,.54) !important;
}

@media (max-width:640px){
    body.yer6-panel-standard #show_chat li.classic_chat_row > .chat_avatar{
        width:50px !important;
        min-width:50px !important;
    }
    body.yer6-panel-standard #show_chat li.ch_logs.classic_chat_row{
        grid-template-columns:50px minmax(0,1fr) !important;
    }
    body.yer6-panel-standard #show_chat li.classic_chat_row > .chat_avatar > img.cavatar{
        width:48px !important;
        height:48px !important;
        border-radius:5px 18px 18px 5px !important;
        box-shadow:5px 2px 5px rgba(21,1,0,.58) !important;
    }
    body.yer6-panel-standard #show_chat li.classic_chat_row > .my_text{
        padding-left:2px !important;
    }
    body.yer6-panel-standard #show_chat li.classic_chat_row .classic_message_balloon{
        min-width:min(210px, calc(100% - 18px)) !important;
        min-height:48px !important;
        padding:2px 21px 18px 7px !important;
        border-width:3px !important;
        border-radius:0 17px 17px 17px !important;
    }
    body.yer6-panel-standard #show_chat li.classic_chat_row .cname .flash_nick_img{
        height:28px !important;
        max-width:165px !important;
        max-height:28px !important;
    }
    body.yer6-panel-standard #show_chat li.classic_chat_row .chat_rank{
        right:-12px !important;
        width:25px !important;
        height:25px !important;
        padding:2px !important;
    }
    body.yer6-panel-standard #show_chat li.classic_chat_row .chat_rank img{
        width:20px !important;
        height:20px !important;
        max-width:20px !important;
        max-height:20px !important;
    }
}

/* Ghost-aware battery row: directly below the Pişti table line. */
#usersnames .user_item_data .user_battery_slot{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:27px !important;
    margin:3px 0 0 !important;
    padding:0 !important;
    overflow:visible !important;
}
#usersnames .user_item_data{
    overflow:visible !important;
}
#usersnames .user_item_data .user_battery_slot .user_battery_wrap{
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    width:58px !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
}
#usersnames .user_item_data .user_battery_slot .battery_text{
    display:block !important;
    width:100% !important;
    margin:0 0 2px !important;
    text-align:center !important;
    font-size:11px !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
}
#usersnames .user_item_data .user_battery_slot .iphone_battery{
    position:relative !important;
    display:block !important;
    width:38px !important;
    height:14px !important;
    margin:0 !important;
    opacity:1 !important;
    visibility:visible !important;
}
#usersnames .user_item_data .user_battery_slot .iphone_battery_cap{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}
#usersnames .ghost_user_card .user_battery_slot .battery_text{
    color:#d11 !important;
    font-weight:900 !important;
}

/* Sohbet yazi boyutu kontrolleri */
#warp_show_chat{
    position:relative !important;
}
#chat_font_controls{
    position:absolute;
    z-index:80;
    top:58px;
    right:12px;
    display:flex;
    gap:5px;
    padding:4px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:14px;
    background:rgba(92,6,0,.82);
    box-shadow:0 3px 12px rgba(47,3,0,.22);
    backdrop-filter:blur(3px);
}
#chat_font_controls button{
    display:grid;
    place-items:center;
    width:31px;
    height:31px;
    padding:0;
    border:1px solid rgba(255,255,255,.65);
    border-radius:10px;
    background:linear-gradient(145deg,#f8776e,#c21104);
    color:#2f0300;
    font-size:22px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
}
#chat_font_controls button:active{transform:scale(.96)}
#show_chat .chat_message{
    font-size:var(--yer6-chat-font-size) !important;
}
@media(max-width:768px){
    #chat_font_controls{top:50px;right:7px;padding:3px;gap:3px;border-radius:11px}
    #chat_font_controls button{width:28px;height:28px;font-size:20px;border-radius:8px}
}

/* Puan pencereleri: tüm cihazlarda görünür ve sabit kapatma düğmesi. */
.point_transfer_box,.point_notice{position:relative !important;padding-top:46px !important;}
.point_modal_close{
    position:absolute !important;top:8px !important;right:8px !important;z-index:5 !important;
    display:grid !important;place-items:center !important;width:34px !important;height:34px !important;
    padding:0 !important;border:0 !important;border-radius:10px !important;
    background:linear-gradient(145deg,#e74c41,#860900) !important;color:#fff !important;
    font-size:19px !important;line-height:1 !important;cursor:pointer !important;
    box-shadow:0 3px 9px rgba(51,3,0,.22) !important;
}

/* Panelde gönderilen tüm ikon/GIF'ler için tek ölçü kaynağı. */
#show_chat .chat_message img.emocc,#show_chat .chat_message img.ikonListesiIMG,#show_chat .chat_message img.ikonListesiIMG2,#show_chat .chat_message img.emo_chat,#show_chat .chat_message img.sticker_chat,#show_chat .chat_message img.custom_chat,#show_chat .chat_message img.emoticon,#show_chat .chat_message img.chat_emoji,#show_chat .modern_message_body img.emocc,#show_chat .modern_message_body img.ikonListesiIMG,#show_chat .modern_message_body img.ikonListesiIMG2,#show_chat .modern_message_body img.emo_chat,#show_chat .modern_message_body img.sticker_chat,#show_chat .modern_message_body img.custom_chat,#show_chat .modern_message_body img.emoticon,#show_chat .modern_message_body img.chat_emoji,.private_logs img.emocc,.private_content img.emocc,
#show_chat .chat_message img.emoji_portrait,#show_chat .chat_message img.emoji_landscape,#show_chat .chat_message img.emoji_square,#show_chat .modern_message_body img.emoji_portrait,#show_chat .modern_message_body img.emoji_landscape,#show_chat .modern_message_body img.emoji_square{
    display:inline-block !important;width:var(--yer6-emoji-width,100px) !important;max-width:100% !important;height:var(--yer6-emoji-height,80px) !important;
    margin:0 !important;padding:0 !important;object-fit:contain !important;object-position:left center !important;
    vertical-align:bottom !important;border:0 !important;background:transparent !important;box-shadow:none !important;
}
#show_chat .chat_message img.emocc+img.emocc,#show_chat .modern_message_body img.emocc+img.emocc,
#show_chat .chat_message img.ikonListesiIMG+img.ikonListesiIMG,#show_chat .modern_message_body img.ikonListesiIMG+img.ikonListesiIMG{
    margin-left:-4px !important;
}
.racon_notice .racon_answer_buttons{display:flex;justify-content:center;gap:10px;margin-top:16px;}
.racon_notice .racon_answer_buttons .reg_button{width:calc(50% - 5px);margin:0 !important;}
.racon_notice .racon_reject{background:linear-gradient(145deg,#e5534b,#9c1717) !important;color:#fff !important;}
@media(max-width:480px){.racon_notice .racon_answer_buttons{gap:7px}.racon_notice .racon_answer_buttons .reg_button{font-size:14px !important;padding:10px 6px !important;}}

/* Giphy aramasından gönderilen GIF'ler normal emoji ölçüsünden bağımsızdır. */
#show_chat img.chat_image[src*="giphy.com"],#show_chat img.chat_image[data-src*="giphy.com"],
#show_chat img.chat_image[src*="media.giphy"],#show_chat img.chat_image[data-src*="media.giphy"],
.private_logs img.chat_image[src*="giphy.com"],.private_logs img.chat_image[data-src*="giphy.com"]{
    width:var(--yer6-giphy-width,240px) !important;
    max-width:100% !important;
    height:var(--yer6-giphy-height,160px) !important;
    object-fit:contain !important;
    object-position:left center !important;
}

/* Premium Panel Ayarları yönetim görünümü. */
.premium_panel_settings .premium_setting_group{margin:0 0 14px;padding:14px;border:1px solid rgba(179,23,12,.28);border-radius:14px;background:rgba(255,255,255,.58);}
.premium_panel_settings .premium_setting_group h3{margin:0 0 12px;color:#7b0800;font-size:18px;}
.premium_panel_settings .premium_setting_group h3 i{width:24px;text-align:center;}
.premium_panel_settings .premium_size_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.premium_panel_settings .setting_element{margin:0;}
@media(max-width:640px){.premium_panel_settings .premium_size_grid{grid-template-columns:1fr;gap:8px}.premium_panel_settings .premium_setting_group{padding:11px;}}

/* PHP içindeki tekrar eden performans/font stillerinin tek merkezi. */
html body #show_chat li.ch_logs .chat_message{font-size:var(--yer6-chat-font-size) !important;}
html body #show_chat li.topic_log .chat_message{font-size:13px !important;}
.okey_score_title{background:transparent;color:#260132;padding:7px;border-radius:5px;border:3px solid #260132;display:inline-block;}
.okey_score_tab{padding:13px;}
#usersnames .user_item,#usersnames .user_item_custom,#usersnames .ulist_item{
    border-color:rgba(231,112,104,.42) !important;
    box-shadow:inset 0 1px 0 rgba(255,241,240,.28),inset 0 -4px 8px rgba(18,18,18,.3),0 5px 11px rgba(18,18,18,.24);
}
@media(max-width:768px){
    #chat_font_controls{top:72px !important;right:8px !important;}
    #container_chat *,#container_chat *::before,#container_chat *::after,#chat_left *,#chat_left *::before,#chat_left *::after,#chat_right *,#chat_right *::before,#chat_right *::after,#header2 *,#header2 *::before,#header2 *::after,#main_header *,#main_header *::before,#main_header *::after,#main_footer *,#main_footer *::before,#main_footer *::after{
        animation:none !important;transition:none !important;filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;text-shadow:none !important;box-shadow:none !important;
    }
    #show_chat li.ch_logs{contain:layout paint style;}
    #soz_id,#sozgecis_text,#soz_track,.soz_item,.soz_avatar,.soz_user,.soz_mesaj{filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;text-shadow:none !important;transition:none !important;}
    #soz_id::before,#soz_id::after,.soz_item::before,.soz_item::after{display:none !important;content:none !important;}
    #soz_track{will-change:auto !important;contain:layout paint style;}
    .soz_avatar{border:1px solid #dc382c !important;}
    #usersnames .user_item,#usersnames .user_item_custom,#usersnames .ulist_item{content-visibility:auto;contain:layout paint style;contain-intrinsic-size:auto 230px;box-shadow:0 2px 5px rgba(18,18,18,.18);}
}

/* ==========================================================================
   YER6 AKTİF TEMA DİNAMİK RENK UYUMLULUĞI (KAYDIRMA ÇUBUĞU, MİKROFON, DJ BUTONLARI)
   ========================================================================== */

/* 1. TÜM KAYDIRMA ÇUBUKLARI (EN SAĞDAKİ VE SİTE GENELİ) */
*::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb,
#chat_right_data::-webkit-scrollbar-thumb,
#show_chat::-webkit-scrollbar-thumb,
#inside_wrap_chat::-webkit-scrollbar-thumb,
#chat_left_menu::-webkit-scrollbar-thumb,
#wrap_right_data::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background: var(--theme-gradient, linear-gradient(135deg, #10b981 0%, #047857 100%)) !important;
    border-radius: 10px !important;
}

* {
    scrollbar-color: var(--theme-primary, #10b981) transparent !important;
}

/* 2. MİKROFON BUTONU (BAS-KONUŞ VE SES KAYDI) */
.speech_hold_button {
    background: var(--theme-gradient, linear-gradient(180deg, #10b981, #047857)) !important;
    border: 1px solid var(--theme-border, rgba(255,255,255,0.4)) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 3px 8px var(--theme-glow, rgba(16, 185, 129, 0.35)) !important;
}
.speech_hold_button i,
.speech_hold_button .fa-microphone {
    color: #ffffff !important;
}
.voice_record_input_item .fa-microphone,
.voice_record_extra_item .fa-microphone {
    color: var(--theme-primary, #10b981) !important;
}

/* 3. İSTEK PANELİ BUTONLARI (DJ BUTONLARI - "İstek alımı DJ tarafından kapatılmıştır" ALTI) */
.main_post_button .reg_button,
.main_post_button .ok_btn,
.main_post_button .warn_btn,
.main_post_button .delete_btn,
.main_post_button button {
    background: var(--theme-gradient, linear-gradient(135deg, #10b981 0%, #047857 100%)) !important;
    color: #ffffff !important;
    border: 1px solid var(--theme-border, rgba(255,255,255,0.35)) !important;
    box-shadow: 0 6px 18px var(--theme-glow, rgba(16, 185, 129, 0.4)), inset 0 1px 0 rgba(255,255,255,0.35) !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}
.main_post_button .reg_button:hover,
.main_post_button .ok_btn:hover,
.main_post_button .warn_btn:hover,
.main_post_button .delete_btn:hover,
.main_post_button button:hover {
    filter: brightness(1.12) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px var(--theme-glow, rgba(16, 185, 129, 0.55)), inset 0 1px 0 rgba(255,255,255,0.45) !important;
}

/* Trim mobile user-list profiles slightly while preserving their card layout. */
@media (max-width: 480px) {
    #usersnames .user_item,
    #usersnames .user_item_custom {
        grid-template-rows: 34px 80px 20px !important;
        min-height: 140px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    #usersnames .user_item_avatar {
        height: 80px !important;
    }
    #usersnames .user_item_avatar .acav,
    #usersnames .user_item_avatar > img {
        height: 72px !important;
    }
    #usersnames .user_item > .icrank,
    #usersnames .user_item_custom > .icrank {
        height: 18px !important;
    }
    #usersnames .game_scores {
        gap: 4px !important;
        margin-bottom: 5px !important;
    }
    #usersnames .game_scores span {
        min-height: 18px !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
}

/* Preserve the login-player ticker even where mobile chat effects are disabled. */
@media (max-width: 768px) {
    .y6-radio-player-bar .y6-player-song-title,
    #main_footer .y6-radio-player-bar .y6-player-song-title {
        animation: y6-song-travel-mobile 14s linear infinite !important;
        animation-play-state: running !important;
    }
    .y6-radio-player-bar .y6-vol-range {
        width: 80px !important;
        min-width: 80px !important;
        max-width: 80px !important;
    }
}

/* DJ and radio-owner profiles: reduce card/avatar height by about 20% while
   keeping their existing columns and content order intact. */
#usersnames .user_item.dj_live_card,
#usersnames .user_item.radio_owner_card,
#usersnames .user_item.dj_live_card.radio_owner_card {
    grid-template-rows: 38px 93px 23px !important;
    min-height: 168px !important;
}
#usersnames .user_item.dj_live_card .user_item_avatar,
#usersnames .user_item.radio_owner_card .user_item_avatar {
    height: 93px !important;
}
#usersnames .user_item.dj_live_card .user_item_avatar .acav,
#usersnames .user_item.dj_live_card .user_item_avatar > img,
#usersnames .user_item.radio_owner_card .user_item_avatar .acav,
#usersnames .user_item.radio_owner_card .user_item_avatar > img {
    height: 85px !important;
}

@media (max-width: 480px) {
    #usersnames .user_item.dj_live_card,
    #usersnames .user_item.radio_owner_card {
        grid-template-rows: 27px 64px 16px !important;
        min-height: 115px !important;
    }
    #usersnames .user_item.dj_live_card .user_item_avatar,
    #usersnames .user_item.radio_owner_card .user_item_avatar {
        height: 64px !important;
    }
    #usersnames .user_item.dj_live_card .user_item_avatar .acav,
    #usersnames .user_item.dj_live_card .user_item_avatar > img,
    #usersnames .user_item.radio_owner_card .user_item_avatar .acav,
    #usersnames .user_item.radio_owner_card .user_item_avatar > img {
        height: 58px !important;
    }
    #usersnames .user_item.dj_live_card .flash_nick_wrap,
    #usersnames .user_item.dj_live_card .normal_nick,
    #usersnames .user_item.radio_owner_card .flash_nick_wrap,
    #usersnames .user_item.radio_owner_card .normal_nick {
        height: 27px !important;
        min-height: 27px !important;
    }
    #usersnames .user_item.dj_live_card .flash_nick_img,
    #usersnames .user_item.radio_owner_card .flash_nick_img {
        height: 22px !important;
        max-height: 22px !important;
    }
    #usersnames .user_item.dj_live_card .player-wrap,
    #usersnames .user_item.radio_owner_card .player-wrap {
        top: 84px !important;
    }
}

/* The nickname header occupies only the first grid row, so it cannot cross
   into the score lines on desktop, or in the compact mobile online list. */
#usersnames .user_item .user_name > .flash_nick_wrap,
#usersnames .user_item .user_name > .normal_nick {
    top: 5px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 1px 7px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
#usersnames .user_item .user_name > .flash_nick_wrap .flash_nick_img {
    height: 27px !important;
    min-height: 0 !important;
    max-height: 27px !important;
    --flash-height: 27px !important;
    object-fit: contain !important;
}

/* Keep the online count visually separated from its label. */
#usersnames .panel_block_title {
    justify-content: flex-start !important;
    gap: 10px !important;
}
#usersnames .panel_block_title .mini_badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 25px !important;
    margin-left: 4px !important;
    font-weight: 900 !important;
}

@media (max-width: 480px) {
    #usersnames .user_item .user_name > .flash_nick_wrap,
    #usersnames .user_item .user_name > .normal_nick {
        top: 2px !important;
        height: 23px !important;
        min-height: 23px !important;
        max-height: 23px !important;
        padding: 0 5px !important;
    }
    #usersnames .user_item .user_name > .flash_nick_wrap .flash_nick_img {
        height: 19px !important;
        max-height: 19px !important;
        --flash-height: 19px !important;
    }
}