/* General Colors - Facebook uses blue (#1877F2) as the primary accent, white backgrounds, and gray text */
a { color: #1877F2; } /* Facebook's signature blue for links */
body { background: #F0F2F5; color: #1C1E21; } /* Light gray background, dark gray text */
button { background: transparent; color: #1877F2; } /* Buttons default to blue text */
input, textarea, .post_input_container { 
    background: #FFFFFF; 
    border: 1px solid #DDDFE2 !important; 
    color: #1C1E21; 
} /* White inputs with light gray borders */

/* Login Box - Inspired by Facebook's login area */
.not_member { background: #FFFFFF; color: #606770; border: 1px solid #DDDFE2; }

/* Cookie Box - Subtle and neutral like Facebook's popups */
.cookie_wrap { background: #FFFFFF; color: #606770; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }

/* Background Main Colors - Adjusted for Facebook's palette */
.back_theme { background: #1877F2; color: #FFFFFF; } /* Primary blue */
.back_dark { background: #1C1E21; color: #FFFFFF; } /* Dark mode gray */
.back_med { background: #E4E6EB; color: #606770; } /* Medium gray */
.back_lite { background: #F0F2F5; color: #606770; } /* Light background */
.back_xlite { background: #FFFFFF; color: #606770; } /* Pure white */

/* Button Colors - Inspired by Facebook's buttons */
.theme_btn { background: #1877F2; color: #FFFFFF; } /* Blue buttons */
.default_btn { background: #E4E6EB; color: #1C1E21; } /* Gray buttons */
.dark_selected { background: #1877F2; color: #FFFFFF; }
.ok_btn { background: #42B72A; color: #FFFFFF; } /* Green for confirmations */
.warn_btn { background: #F02849; color: #FFFFFF; } /* Red for warnings */
.delete_btn { background: #F02849; color: #FFFFFF; }
.sub_btn { background: #E4E6EB; color: #606770; } /* Subtle gray */

/* Input Option Background Colors */
.input_wrap { background: #FFFFFF; border-top: 1px solid #DDDFE2; }
.input_item { color: #606770; }

/* background colors */
.top_background, .background_header, .chat_head, .chat_footer, .panel_top, .emo_head, .modal_top { background:#222; color:#fff; }
.background_box { background:#fff; color:#666;}

/* Modal - Facebook's dropdown/popups */
.modal_menu { background: #FFFFFF; color: #1C1E21; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.modal_selected { background: #E7F3FF; color: #1877F2; } /* Light blue for selected */
.modal_back { background-color: rgba(0,0,0,0.4); }

/* Tab Menu - Clean and simple like Facebook's navigation */
.tab_menu { 
    background: #FFFFFF; 
    border-radius: 8px; 
    border: 1px solid #DDDFE2; 
}
.tab_selected { background: #E7F3FF; } /* Light blue for active tab */
.reg_selected { background: #E7F3FF; }

/* Panel Selected */
.panel_selected { background: #E7F3FF; }

/* Reg Menu */
.reg_menu { color: #1C1E21; }
.reg_selected { background: #E7F3FF; color: #1877F2; }

/* Menu Icon - Using Facebook's blue */
.sub_menu_icon, .menui, .menuo, .menup { color: #1877F2; }

/* Outside Menu - Similar to Facebook's sidebar menus */
.sub_menu_item, .fmenu_item, .avitem { 
    border-bottom: 1px solid #DDDFE2; 
    background: #FFFFFF; 
    color: #606770; 
}
.sub_menu_item:hover, .sub_menu_item:hover > .sub_menu_icon, .fmenu_item:hover, .avitem:hover { 
    background: #F0F2F5; 
    color: #1877F2 !important; 
}

/* Inside Menu */
.elem_in, .aclist, .left_drop_item, .page_drop_item { 
    background: #FFFFFF; 
    border-bottom: 1px solid #DDDFE2; 
}
.elem_in:hover, .aclist:hover, .left_drop_item:hover, .page_drop_item:hover { 
    background: #F0F2F5; 
    color: #1877F2; 
}

/* Page Menu */
.page_menu_wrapper { background: #FFFFFF; }
.page_menu_item { border-bottom: 1px solid #DDDFE2; }
.page_menu_item:hover { background: #F0F2F5; color: #1877F2; }
.page_selected { color: #1877F2 !important; }

/* Text Error Colors */
.error { color: #F02849; } /* Red for errors */
.success { color: #42B72A; } /* Green for success */
.warn { color: #F5C33B; } /* Yellow for warnings */

/* Logs Color Private and Main Chat */
.log2 { background: #F0F2F5; }
.target_private { color: #FFFFFF; background: #1877F2; } /* Blue for private messages */
.hunter_private { color: #FFFFFF; background: #606770; } /* Gray for other private */

/* Text Color & Date */
.sub_text, .date, .listing_text, .docu_description { color: #606770; }
.sub_dark { color: #999; }
.input_text, .logs_date, .pdate, .ptdate, .cclear, .cdate { color: #999; }
.theme_color { color: #1877F2; }
.liked { background: #E7F3FF; color: #1877F2; } /* Light blue for liked items */
.default_color { color: #1C1E21; }
.user_count { color: #1877F2; }
.my_notice { 
    color: #FFFFFF; 
    background: #1877F2; 
    padding: 3px 10px; 
    display: inline-block; 
    line-height: 1em; 
    margin-top: 2px; 
    border-radius: 12px; 
    font-weight: normal; 
}
.shadow_text { text-shadow: 1px 1px rgba(0,0,0,0.2); }
.system_text { background: #E4E6EB; color: #606770; }
.bustate { color: #999; }

/* Notification Colors */
.bnotify { background: #F02849; color: #FFFFFF; } /* Red for notifications */

/* Elements */
.element_color, .player_options, .page_element, #private_box, .chat_side_panel, #side_menu, .modal_in { 
    background: #FFFFFF; 
    margin-top: 2px;
    color: #1C1E21; 
}
.background_chat { background: #FFFFFF; }
.chat_panel { background: #FFFFFF; }

/* Shadow - Subtle like Facebook */
.add_shadow, .page_element, #private_box, .page_menu_wrapper, .chat_side_panel, #side_menu, .sub_menu, .fmenu { 
    box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
}

/* No View Elements */
.noview { background: #E4E6EB; border-bottom: 1px solid #FFFFFF; }

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

/* List Element */
.sub_list_item, .sub_item, .sub_half_item, .reply_item, .ulist_item, .sub_list { 
    background: #FFFFFF; 
    color: #606770; 
}
.sub_list_item:hover, .sub_item:hover, .sub_half_item:hover, .ulist_item:hover { 
    background: #F0F2F5; 
}

/* Slider */
.boom_slider .ui-widget-content { background: #E4E6EB; }
.boom_slider .ui-state-default { background: #606770 !important; }
.boom_slider .ui-state-active { background: #1877F2 !important; }
.boom_slider .ui-slider-range { background: #B0B3B8; }

/* Select Box Color */
.selectboxit-list, .selectboxit-btn { 
    background-color: #FFFFFF; 
    color: #606770; 
    border: 1px solid #DDDFE2 !important; 
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { 
    background-color: #E7F3FF; 
    color: #1877F2; 
}
.selectboxit-default-arrow { border-top: 4px solid #606770; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { 
    background: #F0F2F5; 
    color: #1877F2; 
}
.selectboxit-options { background: #FFFFFF; border: 1px solid #DDDFE2; }
.selectboxit-list .selectboxit-option-anchor { color: #606770; }

/* User Color and Special User Color */
.offline { opacity: 0.6; }
.user { color: #1C1E21; }
.chat_system { color: #999; }

/* List Icon Colors */
.boy { border-color: #1877F2; }
.girl { border-color: #F5C33B; } /* Yellow for contrast */
.nosex { border-color: #B0B3B8; }

/* File Music and Upload */
.file_color, .file_color a { background: #1877F2; color: #FFFFFF; }
.audio_color { background: #E4E6EB; color: #1C1E21; }
.song_title { background: #1877F2; color: #FFFFFF; }
.audio_progress { background: #FFFFFF; }
.audio_ball { background: #1877F2; }

/* Warning Box */
.boom_warning { color: #8A6D3B; background: #FFF8E6; border: 1px solid #FAEBCC; }
.boom_error { background: #FEE6EA; color: #F02849; border: 1px solid #F8CCD4; }
.boom_success { color: #42B72A; background: #E6F4E6; border: 1px solid #CDEBCB; }
.boom_neutral { color: #1877F2; background: #E7F3FF; border: 1px solid #CDE0FF; }

/* Admin Box */
.sp_box { background: #F0F2F5; color: #606770; }
.sp_icon { background: #1877F2; color: #FFFFFF; }

/* Special Log */
.topic_log { background: #E6F4E6; color: #42B72A; }
.seen { background: #E7F3FF; color: #1877F2; }

/* Custom */
.login_sub_text, .login_title_text, .login_register_text { text-shadow: none; } /* Facebook avoids text shadows */

/* Store CSS */
.store_menu_item { border-bottom: 1px solid #DDDFE2; }
.store_menu_item:hover { background: #F0F2F5; color: #1877F2;