/* general colors */
a {color:orange;}
body {background:#ededed; color:#444;}
button { background:transparent; color:#fff; }
input, textarea, .post_input_container { background:#f2f2f2; border:1px solid #e6e6e6 !important; color:#666; }

/* login box */
.not_member { background:#ededed; color:#666; }

/* cookie box */
.cookie_wrap { background:#ddd; color:#666; }

/* back mains colors - upgraded with modern gradients, hover animations & smooth transitions */
.back_theme {
  background: linear-gradient(135deg, #06b6d4, #3b82f6);
  color: #fff;
  transition: all 0.4s ease;
}
.back_theme:hover {
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  transform: scale(1.03);
  box-shadow: 0 6px 18px rgba(59, 130, 246, 0.5);
}

.back_dark {
  background: linear-gradient(135deg, #0f172a, #1e293b);
  color: #fff;
  transition: all 0.4s ease;
}
.back_dark:hover {
  background: linear-gradient(135deg, #1e293b, #0f172a);
  transform: scale(1.02);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.6);
}

.back_med {
  background: linear-gradient(135deg, #e5e7eb, #d1d5db);
  color: #374151;
  transition: all 0.4s ease;
}
.back_med:hover {
  background: linear-gradient(135deg, #d1d5db, #e5e7eb);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.back_lite {
  background: linear-gradient(135deg, #f3f4f6, #f9fafb);
  color: #374151;
  transition: all 0.4s ease;
}
.back_lite:hover {
  background: linear-gradient(135deg, #f9fafb, #f3f4f6);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.back_xlite {
  background: linear-gradient(135deg, #ffffff, #f9fafb);
  color: #374151;
  transition: all 0.4s ease;
}
.back_xlite:hover {
  background: linear-gradient(135deg, #f9fafb, #ffffff);
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}


/* button colors - upgraded with modern gradients, hover effects & animations */
.theme_btn {
  background: linear-gradient(135deg, #06b6d4, #3b82f6);
  color: #fff;
  transition: all 0.3s ease;
}
.theme_btn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 15px rgba(59, 130, 246, 0.4);
}

.default_btn {
  background: linear-gradient(135deg, #0f172a, #1e293b);
  color: #fff;
  transition: all 0.3s ease;
}
.default_btn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 15px rgba(15, 23, 42, 0.5);
}

.dark_selected {
  background: linear-gradient(135deg, #2563eb, #06b6d4);
  color: #fff;
  transition: all 0.3s ease;
}
.dark_selected:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 15px rgba(37, 99, 235, 0.45);
}

.ok_btn {
  background: linear-gradient(135deg, #22c55e, #15803d);
  color: #fff;
  transition: all 0.3s ease;
}
.ok_btn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 15px rgba(34, 197, 94, 0.45);
}

.warn_btn {
  background: linear-gradient(135deg, #facc15, #f97316);
  color: #fff;
  transition: all 0.3s ease;
}
.warn_btn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 15px rgba(249, 115, 22, 0.45);
}

.delete_btn {
  background: linear-gradient(135deg, #ef4444, #b91c1c);
  color: #fff;
  transition: all 0.3s ease;
}
.delete_btn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 15px rgba(239, 68, 68, 0.45);
}

.sub_btn {
  background: linear-gradient(135deg, #6b7280, #374151);
  color: #fff;
  transition: all 0.3s ease;
}
.sub_btn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 15px rgba(107, 114, 128, 0.45);
}


/* input option background colors */
.input_wrap { background:#fff; border-top:1px solid #ededed; }
.input_item { color:#999; }

/* background colors - upgraded with gradients & smooth hover/transition effects */ .top_background, .background_header, .chat_head, .chat_footer, .panel_top, .emo_head, .modal_top { background: linear-gradient(135deg, #0f172a, #1e3a8a); color: #fff; transition: background 0.4s ease, color 0.4s ease; } .top_background:hover, .background_header:hover, .chat_head:hover, .chat_footer:hover, .panel_top:hover, .emo_head:hover, .modal_top:hover { background: linear-gradient(135deg, #1e3a8a, #06b6d4); } .background_box { background: linear-gradient(135deg, #ffffff, #f9fafb); color: #374151; transition: all 0.4s ease; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .background_box:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); }


/* modal - upgraded with modern gradients, smooth transitions & hover effects */
.modal_menu,
.tab_menu {
  background: linear-gradient(135deg, #f3f4f6, #f9fafb);
  color: #374151;
  border-radius: 8px;
  padding: 8px 12px;
  transition: all 0.3s ease;
}
.modal_menu:hover,
.tab_menu:hover {
  background: linear-gradient(135deg, #e0f2fe, #dbeafe);
  color: #111827;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

.modal_selected,
.tab_selected {
  background: linear-gradient(135deg, #0f172a, #1e3a8a);
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.modal_selected:hover,
.tab_selected:hover {
  background: linear-gradient(135deg, #1e3a8a, #0f172a);
  transform: scale(1.03);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.5);
}

.modal_back {
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  transition: background 0.3s ease;
}

/* panel selected - upgraded with subtle gradient and hover animation */
.panel_selected {
  background: linear-gradient(135deg, #e5e7eb, #f3f4f6);
  border-radius: 6px;
  transition: all 0.3s ease;
}
.panel_selected:hover {
  background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* reg menu */
.reg_menu { color:#444; }
.reg_selected {  background:#ededed; color:#444; }

/* menu icon */
.sub_menu_icon, .menui, .menuo, .menup { color:#03add8; }

/* outside menu - upgraded with modern colors, hover animations & smooth transitions */
.sub_menu_item,
.fmenu_item,
.avitem {
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  color: #374151;
  transition: all 0.3s ease;
}
.sub_menu_item:hover,
.sub_menu_item:hover > .sub_menu_icon,
.fmenu_item:hover,
.avitem:hover {
  background: linear-gradient(135deg, #f9fafb, #e0f2fe);
  color: #0f172a !important;
  transform: translateX(4px);
  box-shadow: inset 3px 0 0 #3b82f6;
}

/* inside menu - upgraded with soft contrast and hover highlight */
.elem_in,
.aclist,
.left_drop_item,
.page_drop_item {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  color: #374151;
  transition: all 0.3s ease;
}
.elem_in:hover,
.aclist:hover,
.left_drop_item:hover,
.page_drop_item:hover {
  background: linear-gradient(135deg, #f1f5f9, #e0f2fe);
  color: #111827;
  transform: translateX(4px);
  box-shadow: inset 3px 0 0 #06b6d4;
}

//* page menu - upgraded with elegant styling, colors & transitions */
.page_menu_wrapper {
  background: linear-gradient(135deg, #ffffff, #f9fafb);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.page_menu_item {
  border-bottom: 1px solid #e5e7eb;
  padding: 10px 14px;
  color: #374151;
  transition: all 0.3s ease;
}
.page_menu_item:hover {
  background: linear-gradient(135deg, #f1f5f9, #e0f2fe);
  color: #0f172a;
  transform: translateX(4px);
  box-shadow: inset 3px 0 0 #3b82f6;
}

.page_selected {
  color: #2563eb !important;
  font-weight: 600;
  border-left: 4px solid #3b82f6;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
}

/* text error colors */
.error { color:red; }
.success { color:#74b20e; }
.warn { color:orange; }

/* logs color private and main chat - upgraded with modern contrast & smooth effects */
.log2 {
  background: linear-gradient(135deg, #f9fafb, #f3f4f6);
  transition: background 0.3s ease;
}
.log2:hover {
  background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
}

.target_private {
  color: #fff;
  background: linear-gradient(135deg, #1f2937, #111827);
  border-radius: 6px;
  padding: 6px 10px;
  transition: all 0.3s ease;
}
.target_private:hover {
  background: linear-gradient(135deg, #111827, #0f172a);
  transform: scale(1.02);
}

.hunter_private {
  color: #fff;
  background: linear-gradient(135deg, #06b6d4, #2563eb);
  border-radius: 6px;
  padding: 6px 10px;
  transition: all 0.3s ease;
}
.hunter_private:hover {
  background: linear-gradient(135deg, #2563eb, #1e40af);
  transform: scale(1.02);
}


/* text color  & date */
.sub_text,
.date,
.listing_text,
.docu_description {
  color: #6b7280;
  transition: color 0.3s ease;
}
.sub_text:hover,
.date:hover,
.listing_text:hover,
.docu_description:hover {
  color: #374151;
}

.sub_dark {
  color: #9ca3af;
}

.input_text,
.logs_date,
.pdate,
.ptdate,
.cclear,
.cdate {
  color: #d1d5db;
  font-style: italic;
}

.theme_color {
  color: #06b6d4;
  font-weight: 600;
}

.liked {
  background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
  color: #374151;
  border-radius: 6px;
  padding: 2px 6px;
  transition: all 0.3s ease;
}
.liked:hover {
  background: linear-gradient(135deg, #e0f2fe, #bae6fd);
  color: #0f172a;
}

.default_color {
  color: #0f172a;
  font-weight: 500;
}

.user_count {
  color: #2563eb;
  font-weight: 600;
}

.my_notice {
  color: #fff;
  background: linear-gradient(135deg, #06b6d4, #2563eb);
  padding: 4px 12px;
  display: inline-block;
  line-height: 1.2em;
  margin-top: 4px;
  border-radius: 20px;
  font-weight: 500;
  box-shadow: 0 4px 10px rgba(59, 130, 246, 0.35);
  transition: all 0.3s ease;
}
.my_notice:hover {
  transform: scale(1.05);
  background: linear-gradient(135deg, #2563eb, #1e40af);
}

.shadow_text { text-shadow:1px 1px #000; }
.system_text { background:#ededed; color:#666; }
.bustate { color:#999; }

/* notification colors */
.bnotify { background:red; color:#fff; }

/* elements */ 
.element_color, .player_options, .page_element, #private_box, .chat_side_panel, #side_menu, .modal_in { background:#fff; color:#444; }
.background_chat { background:#fff; }
.chat_panel { background:#fff; }

/* shadow */
.add_shadow, .page_element, #private_box, .page_menu_wrapper, .chat_side_panel, #side_menu, .sub_menu, .fmenu { box-shadow:0 0 1px 1px #ddd; }

/* no view elements */
.noview { background:#f1f1f1; border-bottom:1px solid #fff; }

/* borders css */
.border_right, #chat_left { border-right:1px solid #ededed; }
.border_left, #chat_right { border-left:1px solid #ededed; }
.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 #ededed; }
.border_top{ border-top:1px solid #ededed; }
.full_border { border:1px solid #ededed; }

/* list element - upgraded with modern styling, hover animations & soft gradients */
.sub_list_item,
.sub_item,
.sub_half_item,
.reply_item,
.ulist_item,
.sub_list {
  background: linear-gradient(135deg, #f9fafb, #f3f4f6);
  color: #374151;
  border-radius: 6px;
  padding: 8px 12px;
  margin-bottom: 6px;
  transition: all 0.3s ease;
}

.sub_list_item:hover,
.sub_item:hover,
.sub_half_item:hover,
.ulist_item:hover {
  background: linear-gradient(135deg, #e0f2fe, #dbeafe);
  color: #111827;
  transform: translateX(4px);
  box-shadow: inset 3px 0 0 #3b82f6;
}


/* slider */
.boom_slider .ui-widget-content { background: #ededed; }
.boom_slider .ui-state-default { background: #999 !important; }
.boom_slider .ui-state-active { background: #999 !important; }
.boom_slider .ui-slider-range { background:#ccc; }

/* select box color */
.selectboxit-list, .selectboxit-btn { background-color: #f2f2f2; color:#666;  border:1px solid #e6e6e6 !important; } /* background of select box */
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #ededed; color:#666; } /* color of sub menu hover */
.selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:#f2f2f2; color:#666; } /* background selected hover */
.selectboxit-options { background:#fff; border:1px solid #ccc; } /* background color of the options */
.selectboxit-list .selectboxit-option-anchor { color:#666; } /* color of sub menu item */

/* user color and special user color - upgraded with modern clarity */
.offline {
  opacity: 0.5;
  filter: grayscale(40%);
}

.user {
  color: #374151;
  transition: color 0.3s ease;
}
.user:hover {
  color: #111827;
}

.chat_system {
  color: #9ca3af;
  font-style: italic;
}

/* list icon colors - upgraded with soft glow effects */
.boy {
  border-color: #06b6d4;
  box-shadow: 0 0 6px rgba(6, 182, 212, 0.5);
  transition: all 0.3s ease;
}
.boy:hover {
  box-shadow: 0 0 10px rgba(6, 182, 212, 0.7);
}

.girl {
  border-color: #f472b6;
  box-shadow: 0 0 6px rgba(244, 114, 182, 0.5);
  transition: all 0.3s ease;
}
.girl:hover {
  box-shadow: 0 0 10px rgba(244, 114, 182, 0.7);
}

.nosex {
  border-color: #d1d5db;
  box-shadow: 0 0 6px rgba(156, 163, 175, 0.4);
  transition: all 0.3s ease;
}
.nosex:hover {
  box-shadow: 0 0 10px rgba(156, 163, 175, 0.6);
}


/* file music and upload */
.file_color, .file_color a { background:#03add8; color:#fff; }
.audio_color { background:#012832; color:#fff; }
.song_title { background:#03647d; color:#fff; }
.audio_progress { background:#fff; }
.audio_ball { background:#03add8; }

/* 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:#31708f; background:#d9edf7; border:1px solid #bce8f1; }

/* admin box - upgraded with sleek styling */
.sp_box {
  background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
  color: #374151;
  border-radius: 8px;
  padding: 8px 12px;
  transition: all 0.3s ease;
}
.sp_box:hover {
  background: linear-gradient(135deg, #e0f2fe, #dbeafe);
  color: #111827;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.sp_icon {
  background: linear-gradient(135deg, #06b6d4, #2563eb);
  color: #fff;
  border-radius: 50%;
  padding: 6px;
  display: inline-block;
  transition: all 0.3s ease;
}
.sp_icon:hover {
  transform: rotate(10deg) scale(1.1);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.5);
}

/* special log - upgraded with elegant tones */
.topic_log {
  background: linear-gradient(135deg, #dcfce7, #bbf7d0);
  color: #064e3b;
  border-left: 4px solid #22c55e;
  padding: 6px 10px;
  border-radius: 6px;
}


/* custom */
.login_sub_text, .login_title_text, .login_register_text  { text-shadow:1px 1px 1px #666; }