/* 🎨 Color Variables for light theme */
:root {
    --c-brand: #1f92a6;
    --c-brand-light: #715ab7;
    --c-brand-text: #705ebd;
    --c-brand-dark: #6f62c2; 
    --c-brand-darker:#01778b; 
    /* Gradient Background */
    --g-body: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-bk: linear-gradient(to top, var(--c-brand) 0%, #6a73da 100%);
            /* Accent & Status */
    --c-accent: #03add8;         /* Blue highlight */
    --c-success: #74b20e;
    --c-warn: orange;
    --c-error: #cc0000;
            /* Neutrals */
    --c-bg-ui: #ededed;
    --c-bg-light: #f3f3f3;
    --c-bg-xlight: #fff;
    --c-input: #f2f2f2;
    --c-border: #ededed;
    --c-text: #666;
    --c-text-light: var(--c-input);
    /* Shadows */
    --shadow: 0 0 1px 1px #ddd;
    --shadow-modal: 0px 1px 20px rgba(0, 0, 0, 0.2);
    /* Gradients */

  /* Base Palette */
    --color-primary: #03add8;
    --color-secondary: #665dfe;
    --color-accent: #f12711;
    --color-accent-alt: #f5af19;
    --color-success: #74b20e;
    --color-warning: orange;
    --color-error: #cc0000;
    --color-info: #31708f;
    --color-light: #f3f3f3;
    --color-xlight: #fff;
    --color-med: #ededed;
    --color-dark: #012832;
    --color-text: #444;
    --color-subtext: #666;
    --color-border: #ededed;
    --color-muted: #888;
    --color-shadow: #ddd;

  /* Gradients */
    --g-primary: linear-gradient(135deg, #00a896, #6a5acd);
    --gradient-accent: linear-gradient(to right, var(--color-accent-alt), var(--color-accent));
    --gradient-light: linear-gradient(#fff, #e9eef2);
    --g-element: linear-gradient(#fff, #e9eef2);
    --g-notice: linear-gradient(to right, #f5af19, #f12711);
}

/* General Colors */
::-webkit-scrollbar { width: 7px; height: 6px; }
::-webkit-scrollbar-thumb { background-color: #C0D2E6; border-radius: 20px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); }

/* Base Styles */
a { color: var(--color-warning); }
body { background: var(--color-med); color: var(--color-text); }
button { background: transparent; color: var(--color-xlight); }
input, textarea, .post_input_container {background: var(--color-xlight);border: 1px solid #e6e6e6 !important;color: var(--color-subtext);}

/* Login Box */
.not_member { background: var(--color-med); color: var(--color-subtext); }

/* Cookie Box */
.cookie_wrap { background: #ddd; color: #000; }

/* Background Themes */
.back_theme { background: var(--color-primary); color: var(--color-xlight); }
.back_dark { background: var(--color-dark); color: var(--color-xlight); }
.back_med { background: var(--color-med); color: var(--color-subtext); }
.back_lite { background: var(--color-light); color: var(--color-subtext); }
.back_xlite { background: var(--color-xlight); color: var(--color-subtext); }

/* Button Colors */
.default_btn, .back_default {background: var(--g-primary);color: var(--color-xlight);}
.theme_btn { color: var(--color-xlight); border-color: var(--color-secondary); background: var(--g-primary); }
.ok_btn { background: var(--color-success); color: var(--color-xlight); }
.warn_btn { background: var(--color-warning); color: var(--color-xlight); }
.delete_btn { background: var(--color-error); color: var(--color-xlight); }
.sub_btn { background: #888; color: var(--color-xlight); }

/* Input Option Backgrounds */
.input_wrap { background: var(--color-xlight); border-top: 1px solid var(--color-med); }
.input_item {color: var(--color-dark);}
.bbackhover { background: rgba(0, 0, 0, 0.05); }

/* Background Colors */
.top_background, .background_header, .chat_head, .chat_footer, .panel_top, .emo_head, .modal_top, .main_disabled, .video_chat_container, .room-tabs-container, #voice_room_container {
  color: #1c1a1a;
  background: var(--gradient-light);
}
.background_box {background: #ffffffcc;color: var(--c-brand);border-radius: 1px;}
.modal_top { box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); }

/* Modal */
.modal_menu, .tab_menu { background: var(--color-light); color: #555; font-family: noto kufi arabic, sans-serif, trebuchet ms, lucida grande, lucida sans unicode, arial, helvetica, sans-serif; }
.modal_selected, .tab_selected { background: linear-gradient(to bottom, #ef007f, #d6006a); color: var(--color-xlight); font-weight: 700 !important; box-shadow: 0 2px 6px #0003 !important; }
.tab_menu_item:hover { background: linear-gradient(to bottom, #e0e0e0, #d0d0d0); color: #333; }
.modal_back { background-color: rgba(0,0,0,0.6); }

/* Panel Selected */
.panel_selected {background: var(--g-primary);color: var(--color-med);}

/* Registration Menu */
.reg_menu { color: var(--color-text); }
.reg_selected { background: var(--color-med); color: var(--color-text); }

/* Menu Icons */
.sub_menu_icon, .menui, .menuo, .menup { color: var(--color-secondary); font-size: x-large; }

/* Outside Menu */
.sub_menu_item, .fmenu_item, .avitem { border-bottom: 1px solid var(--color-med); color: #000000; background: var(--color-xlight); }
.sub_menu_item:hover, .fmenu_item:hover, .avitem:hover { background: var(--color-med); color: var(--color-subtext) !important; }

/* Inside Menu */
.elem_in, .aclist, .left_drop_item, .page_drop_item { background: var(--color-light); border-bottom: 1px solid #ddd; }
.elem_in:hover, .aclist:hover, .left_drop_item:hover, .page_drop_item:hover { background: #e6e6e6; color: var(--color-subtext); }

/* Page Menu */
.page_menu_wrapper { background: var(--color-xlight); }
.page_menu_item { border-bottom: 1px solid var(--color-med); }
.page_menu_item:hover { background: var(--color-med); color: var(--color-subtext); }
.page_selected { color: var(--color-primary) !important; }

/* Text Error Colors */
.error { color: red; }
.success { color: var(--color-success); }
.warn { color: var(--color-warning); }

/* Chat Logs */
.ch_logs:nth-child(odd) { border-left: 3px solid #11f111; }
.ch_logs:nth-child(even) { border-left: 3px solid #ff9933; }
.log2 { background: #f8f8f8c4; }
.target_private { color: var(--color-xlight); background: #333; }
.hunter_private { color: var(--color-xlight); background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%); }

/* Text Colors */
.sub_text, .date, .listing_text, .docu_description { color: var(--color-muted); }
.sub_dark { color: #aaa; }
.input_text, .logs_date, .pdate, .ptdate, .cclear, .cdate { color: #ccc; }
.theme_color { color: var(--color-primary); }
.liked { background: var(--color-med); color: var(--color-subtext); }
.default_color { color: var(--color-dark); }
.user_count { color: var(--color-primary); }
.my_notice { color: var(--color-xlight); padding: 3px 10px; display: inline-block; line-height: 1em; margin-top: 2px; border-radius: 20px; font-weight: 400; background: var(--gradient-accent); }
.shadow_text { text-shadow: 1px 1px #000; }
.system_text { background: var(--color-med); color: var(--color-subtext); }
.bustate { color: #999; }

/* Notification Colors */
.bnotify { background: red; color: var(--color-xlight); }

/* Elements */
.element_color, .player_options, .page_element, #private_box, .chat_side_panel, #side_menu, .modal_in, .ui-widget-header {
  background: var(--gradient-light);
  color: #000;
}
.background_chat { border-radius: 1px; }
.chat_panel { background: var(--color-xlight); }

/* Shadow */
.add_shadow, .page_element, #private_box, .page_menu_wrapper, .chat_side_panel, #side_menu, .sub_menu, .fmenu { box-shadow: 0 0 1px 1px var(--color-shadow); }

/* No View Elements */
.noview { background: #f1f1f1; border-bottom: 1px solid var(--color-xlight); }

/* Borders */
.border_right, #chat_left { border-right: 1px solid var(--color-med); }
.border_left, #chat_right { background: #bed0e500; border: 1px solid #edf1f4; border-radius: 1px; }
.border_bottom, .label_line, .panel_bar, .side_bar, .listing_element, .listing_half_element, .post_element, .list_element, .listing_reg, .left_list, .user_item, .user_item_custom, .box_title { border-bottom: 1px solid var(--color-med); }
.border_top { border-top: 1px solid var(--color-med); }
.full_border { border: 1px solid var(--color-med); }

/* List Element */
.sub_list_item, .sub_item, .sub_half_item, .reply_item, .ulist_item, .sub_list {
  background: linear-gradient(#fff, #ffffff70);
  color: #000;
  border: 1px solid #cccccc61;
}
.sub_list_item:hover, .sub_item:hover, .sub_half_item:hover, .ulist_item:hover { background: var(--color-med); }

/* Slider */
.boom_slider .ui-widget-content { background: var(--color-med); }
.boom_slider .ui-state-default, .boom_slider .ui-state-active { background: var(--color-secondary) !important; }
.boom_slider .ui-slider-range { background: #ccc; }

/* Select Box */
.selectboxit-list, .selectboxit-btn { background-color: #f2f2f2; color: var(--color-subtext); border: 1px solid #e6e6e6 !important; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: var(--color-med); color: var(--color-subtext); }
.selectboxit-default-arrow { border-top: 4px solid var(--color-subtext); }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background: #f2f2f2; color: var(--color-subtext); }
.selectboxit-options { background: var(--color-xlight); border: 1px solid #ccc; }
.selectboxit-list .selectboxit-option-anchor { color: var(--color-subtext); }

/* User Colors */
.offline { opacity: 0.5; }
.user { color: var(--color-subtext); }
.chat_system { color: #0080ff; font-size: smaller; font-weight: 700; }

/* List Icon Colors */
.boy { border-color: var(--color-primary); }
.girl { border-color: #ff99ff; }
.nosex { border-color: #ccc; }

/* File Music and Upload */
.file_color, .file_color a { background: var(--color-primary); color: var(--color-xlight); }
.audio_color { background: var(--color-dark); color: var(--color-xlight); background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); }
.song_title { color: #b92eff; background-image: linear-gradient(120deg, #99c5fc 0%, #d3c3fc 100%); }
.audio_progress { background: var(--color-xlight); }
.audio_ball { background: var(--color-primary); }

/* Warning Box */
.boom_warning { color: #8a6d3b; background: #fcf8e3; border: 1px solid #faebcc; }
.boom_error { background: #f2dede; color: #a94442; border: 1px solid #ebccd1; }
.boom_success { color: #3c763d; background: #dff0d8; border: 1px solid #d6e9c6; }
.boom_neutral { color: var(--color-info); background: #d9edf7; border: 1px solid #bce8f1; }

/* Admin Box */
.sp_box { background: var(--color-med); color: var(--color-subtext); }
.sp_icon { background: var(--color-primary); color: var(--color-xlight); }

/* Special Log */
.topic_log {background: var(--g-primary);color: var(--color-xlight);}
.seen { background: #ffe6f2; color: #330019; }

/* Custom */
.login_sub_text, .login_title_text, .login_register_text { text-shadow: 1px 1px 1px var(--color-subtext); }
#chat_right_content { width: 100%; background: linear-gradient(#ffffffed, #e9eef2e8); }
.modal_top { border-radius: 3px 2px 1px 1px; }
#mobile_main_menu { border: 1px solid #d9dcdefa; border-radius: 17px; background: var(--gradient-light); }

/* Gifts */
.gifts-container-modal { background: linear-gradient(#f3f6fb, #ffffff); }
.gift_conin_text { color: #000000; }
.gift_content_btn { background-color: #2A265F; }
.gtag { background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.gift_list_container { height: 100%; width: 100%; display: flow-root; background: #f3f3f31c; color: #555; }

/* Like Profile */
.plikes { background-color: rgba(100, 100, 100, 0.3); color: var(--color-xlight); }
.lite_olay { background-color: rgba(100, 100, 100, 0.4); color: var(--color-xlight); }
.pro_rank { color: #00e673; }
.pro_name { color: blanchedalmond; }
.pro_mood { color: #ff9933; font-style: italic; }

/* Rooms Tabs */
.room-tabs-container { border-bottom: 1px solid var(--color-xlight); }
.title-bar .nav-link.active { cursor: default; color: var(--color-xlight); background-color: #00e673; border-color: #00e673; }

/* Profile background */
.profile_background { background-repeat: no-repeat !important; }
.avdetails { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: var(--color-xlight); }

/* Call */
.back_modal { background: var(--color-xlight); }
.vcall_user { color: var(--color-xlight); }

/* Lobby */
.room-list, .chat-room {
  border: 3px solid #b1c8e2;
  background: linear-gradient(rgb(177 200 226), #e9eef2c2), url(/upload/background/back_7.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/*voice room*/
#voice_room_container{background-image: var(--gradient-light) !important;}
.mic-placeholder .img_mic_icon{    background: var(--g-primary) !important;}
.icon-box{  background: var(--gradient-light); !important}
.mic_icon_border{border:none!important;}
.options-all-icon{color: #1d92a5 !important;}
/*wallet*/
.wt_wallet{background:var(--gradient-light);border:1px solid var(--color-border);box-shadow:0 8px 32px #00000014,inset 0 1px 0 #fff9}
.wt_particle{background:radial-gradient(circle,var(--color-particle-start,#00a89626),transparent);opacity:.5}
@keyframes rise{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.4}90%{opacity:.2}100%{transform:translateY(-100vh) scale(1);opacity:0}}
.wt_user-header { border-bottom: 1px solid rgba(0,0,0,0.08); }
.wt_wallet:hover { transform: translateY(-2px); }
.wt_user-avatar { background: linear-gradient(135deg, #00a896, #6a5acd); font-weight: 700; font-size: 20px; color: #fff; box-shadow: 0 4px 12px #00a89633; }
.wt_user-avatar::after { background: linear-gradient(135deg, #00a896, #6a5acd); opacity: .3; filter: blur(6px); }
.wt_user-name { color: #111; }
.wt_user-stats { color: #666; }
.wt_balance { color: #111; background: linear-gradient(135deg, #00a896, #6a5acd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.wt_tabs { background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.06); }
.wt_tab-btn { background: transparent; color: #666; }
.wt_tab-btn::before { background: linear-gradient(135deg, #00a8961a, #6a5acd1a); opacity: 0; }
.wt_tab-btn:hover{color:#111}
.wt_tab-btn:hover::before{opacity:.4}
.wt_tab-btn.wt_active{background:linear-gradient(135deg,#00a89626,#6a5acd26);color:#111;box-shadow:0 4px 12px #00a89626}
.wt_tab-btn.wt_active::before{opacity:.6}
.wt_active_received{border-right:#00e673 solid 7px;background:#faebd7;border-left:#00e673 solid 7px}
@keyframes wt_fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.wt_card { background: #fff6; border: 1px solid #00000014; }
.wt_card::before { background: linear-gradient(135deg, #00a89608, #6a5acd08); opacity: 0; }
.wt_card:hover{transform:translateX(4px);border-color:#0003}
.wt_card:hover::before{opacity:.3}
label.wt_small { color: #666; }
.wt_wallet input, .wt_wallet select, .wt_wallet textarea { background: #ffffff80; color: #111; }
.wt_wallet input:focus,.wt_wallet select:focus,.wt_wallet textarea:focus{border-color:#00a896;background:#ffffffb3;box-shadow:0 0 0 3px #00a89626}
.wt_wallet input::placeholder,.wt_wallet textarea::placeholder{color:#aaa}
button.wt_action { background: linear-gradient(135deg, #00a896, #6a5acd); color: #fff; }
button.wt_action::before { background: linear-gradient(135deg, #fff, transparent); opacity: 0; }
button.wt_action:hover { box-shadow: 0 8px 24px #00a8964d; }
button.wt_action:hover::before { opacity: 0.15; }
.wt_small { font-size: 13px; color: #666; }
.wt_sender { background: #fff6; border: 1px solid #00000014; }
.wt_sender:hover { background: #fff9; border-color: #00000026; }
.wt_avatar { background: linear-gradient(135deg, #00a896, #6a5acd); color: #fff; }
.wt_name { color: #111; }
.wt_deposit-btn { background: #ffffff80; border: 1px solid #0000001f; color: #111; }
.wt_deposit-btn::before { background: linear-gradient(135deg, #00a8961a, #6a5acd1a); opacity: 0; }
.wt_deposit-btn:hover { border-color: #00a896; }
.wt_deposit-btn:hover::before { opacity: 0.3; }
.wt_deposit-btn.wt_active { background: linear-gradient(135deg, #00a89633, #6a5acd33); border-color: #00a896; }
.wt_deposit-btn.wt_active::before { opacity: 0.5; }
.wt_provider-btn { background: #ffffff80; border: 1px solid #0000001f; color: #111; }
.wt_provider-btn::before { background: linear-gradient(135deg, #00a89614, #6a5acd14); opacity: 0; }
.wt_provider-btn:hover::before { opacity: 0.3; }
.wt_provider-btn.wt_active { background: linear-gradient(135deg, #00a89626, #6a5acd26); border-color: #00a896; }
.wt_provider-btn.wt_active::before { opacity: 0.6; }
.wt_chart-container { background: #fff6; border: 1px solid #00000014; }
.wt_info-card { background: #ffffff80; border: 1px solid #00000014; }
.wt_info-card:hover { background: #ffffffb3; border-color: #0000001f; }
.wt_info-card-value { color: #00a896; }
.wt_info-card-label { color: #666; }
/*private*/
.unseen_msg{background-color:#fff8e1;border-left:4px solid #ffc107;transition:background .5s ease}
.seen_flag{color:#4caf50;margin-left:5px;font-size:13px}
/*marketplace*/
.mkt_container{background:#ffffffbf;box-shadow:var(--shadow-modal),0 0 40px #705dbb1a;border:1.5px solid #705dbb33}
.mkt_tabs::-webkit-scrollbar-track{background:var(--c-border)}
.mkt_tabs::-webkit-scrollbar-thumb{background:var(--c-brand)}
.mkt_card.selected{border:2px solid #705dbb;background:radial-gradient(circle,#705dbb26 0%,transparent 70%)}
.mkt_card{background:linear-gradient(135deg,#fff 0%,#705dbb08 100%);box-shadow:0 8px 24px #705dbb1f;border:2px solid transparent}
.mkt_card::before{background:linear-gradient(135deg,var(--c-brand) 0%,#03add899 100%)}
.mkt_card:hover{box-shadow:0 16px 32px #705dbb33;border-color:#705dbb4d}
.mkt_card-gem{background:linear-gradient(135deg,#705dbb26,#03add81a);border:2.5px solid var(--c-brand)}
.mkt_card-gem-frame{background:linear-gradient(135deg,#705dbb26,#03add81a);border:2.5px solid var(--c-brand)}
.mkt_card-title{color:var(--c-brand)}
.mkt_card-amount{color:var(--c-brand)}
.mkt_card-price{background:var(--g-notice);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.mkt_action-bar{background:var(--g-element);border:1.5px solid var(--c-border);box-shadow:0 -4px 16px #0000000f}
.mkt_info-title{background:var(--g-body);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.mkt_btn-buy{background:var(--g-primary)}
.mkt_btn-cancel{background:var(--g-notice)}
/*Notification*/
.notify_item {
    background: linear-gradient(#fff, #f0f0f0);
    color: #000;
    border: 1px solid #cccccc61;
}
/* ============================================
   SKIN SIDE - Colors and Appearance Leaderboard
   ============================================ */
.ldb_phone-container {background: var(--g-primary);}
.ldb_back-btn { color: white; }
.ldb_header h1 { color: white; }
.ldb_filter-tabs::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.2); }
.ldb_filter-tabs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); }
.ldb_filter-btn {background: var(--c-brand);color: var(--c-text-light);}
.ldb_filter-btn.ldb_active {background: rgba(255, 255, 255, 0.9);color: var(--c-brand);}
.ldb_top-user.ldb_first .ldb_profile-img {border: 4px solid var(--color-border);}
.ldb_profile-img {box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);border: 4px solid var(--color-shadow);}
.ldb_rank-badge {background: rgba(255, 255, 255, 0.9);color: var(--c-brand-darker);}
.ldb_user-name { color: white; }
.ldb_user-stats { color: rgba(255, 255, 255, 0.8); }
.ldb_user-points { color: rgba(255, 255, 255, 0.9); }
.ldb_list-item {background: rgba(255, 255, 255, 0.1);border: 1px solid var(--bg-scrollbar-track);}
.ldb_list-profile-img {border: 2px solid var(--c-border);}
.ldb_list-item:hover {background: var(--c-brand);}
.ldb_list-item.ldb_highlighted { background: rgba(255, 255, 255, 0.95); }
.ldb_rank-number { color: rgba(255, 255, 255, 0.8); }
.ldb_rank-change.ldb_up { color: #4CAF50; }
.ldb_rank-change.ldb_down { color: #FF6B6B; }
.ldb_online-indicator { background: #4CAF50; }
.ldb_list-user-name { color: white !important; }
.ldb_user-badge.ldb_mod { background: #d63447; color: white; }
.ldb_user-stats-list {color: rgba(255, 255, 255, 0.7);}
.ldb_list-points { color: rgba(255, 255, 255, 0.9); }
.ldb_list-item.ldb_highlighted .ldb_list-user-name { color: #d63447; }
.ldb_list-item.ldb_highlighted .ldb_user-stats-list { color: #d63447; }
.ldb_list-item.ldb_highlighted .ldb_list-points { color: #d63447; }
.ldb_list-item.ldb_highlighted .ldb_rank-number { color: #d63447; }