/* =======================================
   ASKADAIR ULTRA PRO LIGHT VERSION
   Brighter, cleaner, premium look
======================================= */

/* BODY */
body{
 font-family:'Inter',sans-serif;
 background:
 radial-gradient(circle at 20% 20%, rgba(124,58,237,0.20), transparent 40%),
 radial-gradient(circle at 80% 80%, rgba(168,85,247,0.20), transparent 40%),
 linear-gradient(135deg,#1a1c3a,#2a1f57,#3a2a75);
 color:#ffffff;
}

/* GLASS MODAL LIGHTER */
.modal_in,
.modal_content{

 background: linear-gradient(145deg,#1c1f44,#2b2f66) !important;

 border:1px solid rgba(168,85,247,0.5);

 border-radius:20px;

 box-shadow:
 0 0 0 1px rgba(168,85,247,0.4),
 0 0 35px rgba(168,85,247,0.6),
 inset 0 0 25px rgba(255,255,255,0.05);
}

/* HEADER */
.modal_top{

 background: linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);

 box-shadow:0 0 20px rgba(192,132,252,0.8);
}

/* SCORE ROW LIGHT */
.modal_in .ulist_item{

 background: linear-gradient(145deg,#2c3170,#3c4290);

 box-shadow:
 0 4px 15px rgba(0,0,0,0.4),
 inset 0 0 0 1px rgba(255,255,255,0.1);
}

/* HOVER */
.modal_in .ulist_item:hover{

 background: linear-gradient(145deg,#3a3fa0,#4b50c5);

 box-shadow:
 0 8px 25px rgba(168,85,247,0.8);
}

/* USERNAME */
.modal_in .ulist_item span:first-child{

 color:#ffffff;

 text-shadow:0 0 6px rgba(192,132,252,0.8);
}

/* SCORE */
.modal_in .ulist_item span:last-child{

 background:linear-gradient(90deg,#ffd700,#ffcc33);

 -webkit-background-clip:text;

 -webkit-text-fill-color:transparent;

 text-shadow:0 0 8px rgba(255,215,0,0.8);
}

/* TOP 1 */
.modal_in .ulist_item:nth-child(1){

 background: linear-gradient(145deg,#6b4f00,#d4af37);

 box-shadow:
 0 0 35px rgba(255,215,0,0.9),
 inset 0 0 20px rgba(255,255,255,0.2);
}

/* TOP 2 */
.modal_in .ulist_item:nth-child(2){

 background: linear-gradient(145deg,#7a7a7a,#c0c0c0);

 box-shadow:0 0 25px silver;
}

/* TOP 3 */
.modal_in .ulist_item:nth-child(3){

 background: linear-gradient(145deg,#8b4513,#cd7f32);

 box-shadow:0 0 25px #cd7f32;
}

/* SCROLLBAR */
::-webkit-scrollbar{

 width:6px;
}

::-webkit-scrollbar-thumb{

 background: linear-gradient(#a855f7,#c084fc);

 border-radius:10px;
}


/* =======================================
   FINAL HARD ALIGN FIX (BOOMCHAT ULIST)
======================================= */

/* satır container */
.modal_in .ulist_item{
 display:flex !important;
 align-items:center !important;
 justify-content:flex-start !important;
 position:relative !important;
 padding-left:12px !important;
}

/* avatar */
.modal_in .ulist_item img{
 position:relative !important;
 margin-right:12px !important;
 left:auto !important;
 right:auto !important;
}

/* isim zorla sola */
.modal_in .ulist_item span:first-child{
 position:relative !important;
 left:0 !important;
 right:auto !important;
 text-align:left !important;
 margin-left:10px !important;
 margin-right:auto !important;
 width:auto !important;
}

/* puan zorla saÄŸa */
.modal_in .ulist_item span:last-child{
 position:absolute !important;
 right:15px !important;
 left:auto !important;
 text-align:right !important;
}

/* tüm right align kaldır */
.modal_in .ulist_item span{
 float:none !important;
 text-align:left !important;
}

/* boomchat inline style override */
.modal_in .ulist_item *{
 text-align:left !important;
}

/* =======================================
   FIX: sıra numarası ile avatar arası boşluk
======================================= */

/* sıra numarası */
.modal_in .ulist_item{
 position:relative !important;
 padding-left:50px !important; /* avatar ve numara için alan */
}

/* sıra numarası text */
.modal_in .ulist_item::before{
 margin-right:10px !important;
}

/* avatar */
.modal_in .ulist_item img{
 margin-left:10px !important;
 margin-right:12px !important;
}

/* eÄŸer numara span olarak geliyorsa */
.modal_in .ulist_item span:first-child{
 margin-right:12px !important;
 min-width:25px !important;
 display:inline-block !important;
}

/* avatar kesin konum */
.modal_in .ulist_item img{
 position:relative !important;
 left:auto !important;
}

/* =======================================
   PROFILE MODAL ALT KISIM OKUNABÄ°LÄ°RLÄ°K FIX
======================================= */

/* alt içerik container */
.modal_in .modal_content,
.modal_in .modal_body,
.modal_in .tab_content{

 background: linear-gradient(145deg,#3a3f8f,#4b50c5) !important;

 color:#ffffff !important;

}

/* başlıklar */
.modal_in .modal_body h1,
.modal_in .modal_body h2,
.modal_in .modal_body h3,
.modal_in .modal_body h4{

 color:#ffffff !important;

}

/* normal yazılar */
.modal_in .modal_body,
.modal_in .modal_body span,
.modal_in .modal_body div{

 color:#ffffff !important;

}

/* bilgi alanı */
.modal_in .profile_info,
.modal_in .user_info{

 background: rgba(255,255,255,0.05) !important;

 border-radius:12px;

 padding:10px;

 color:#ffffff !important;
}

/* tab menü alt içerik */
.modal_in .tab_panel{

 background: linear-gradient(145deg,#353a85,#454ab0) !important;

 color:#ffffff !important;

}

/* ikon altındaki sayılar */
.modal_in .reaction_count{

 color:#ffffff !important;

}

/* =========================================
   ULTRA PROFESSIONAL CHAT MESSAGE DESIGN
========================================= */



/* hover efekti */
.post_element:hover,
.chat_message:hover{

 transform:translateY(-2px);

 box-shadow:
 0 8px 25px rgba(124,58,237,0.35),
 inset 0 0 0 1px rgba(124,58,237,0.25);
}