/**========================================================================
 * MiningCrypto.Online Theme for CodyChat
 * Based on MCO brand: #030b14 bg, #00d4ff cyan accent, #00ff88 green
 *========================================================================**/

/* ── FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap');

/* ── BASE ── */
a { color: #00d4ff; }
a:hover { color: #33ddff; }
body { font-family: 'Rajdhani', sans-serif; background: #030b14; color: #c5dded; }
button { background: transparent; color: #c5dded; }
input, textarea, .post_input_container {
    font-family: 'Rajdhani', sans-serif;
    background: #0a1d30;
    border: 1px solid rgba(0,212,255,0.18) !important;
    color: #c5dded;
}
.setdef { color: #c5dded; }

/* ── BACKGROUNDS ── */
.bback         { background: rgba(0,212,255,0.04); }
.bbackb        { background: rgba(0,212,255,0.04); border: 1px solid rgba(0,212,255,0.1); }
.bhover:hover, .bhoverr:hover { background: rgba(0,212,255,0.06); }
.bbackhover    { background: rgba(0,212,255,0.04); }
.bbackhover:hover { background: rgba(0,212,255,0.07); }
.bbackhoverb   { background: rgba(0,212,255,0.04); }
.bbackhoverb:hover { background: rgba(0,212,255,0.08); border: 1px solid rgba(0,212,255,0.15); }
.blisting      { border-bottom: 1px solid rgba(0,212,255,0.07); }
.blisting:hover { background: rgba(0,212,255,0.05); }
.blist         { border-bottom: 1px solid rgba(0,212,255,0.07); }

/* ── STRUCTURAL ── */
.back_ptop     { background: #071424; color: #c5dded; }
.bpmenu:hover  { background: rgba(0,212,255,0.06); }
.bsub          { background: rgba(0,212,255,0.03); }
.bsub:hover    { background: rgba(0,212,255,0.06); }
.bmenu, .submenu { border-bottom: 1px solid rgba(0,212,255,0.08); }
.bmenu:hover, .submenu:hover { background: rgba(0,212,255,0.05); }
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed {
    box-shadow: 0 1px 3px rgba(0,0,0,0.6), 0 0 12px rgba(0,212,255,0.05);
}
.bselected     { background: rgba(0,212,255,0.1); }
.rselected     { background: rgba(0,212,255,0.08); }
.pselected     { color: #00d4ff; }
.cselected, .liked { background: rgba(0,212,255,0.06); }
.pag_btn       { background: rgba(0,212,255,0.06); color: #c5dded; }
.pagselected, .pag_btn:hover { background: rgba(0,212,255,0.14); color: #00d4ff; }
.gtag          { background: rgba(0,212,255,0.18); border: 1px solid rgba(0,212,255,0.25); color: #00d4ff; }

/* ── BORDERS ── */
.bborder { border-bottom: 1px solid rgba(0,212,255,0.08); }
.tborder { border-top:    1px solid rgba(0,212,255,0.08); }
.lborder, .ppanel { border-left:  1px solid rgba(0,212,255,0.08); }
.rborder { border-right:  1px solid rgba(0,212,255,0.08); }
.fborder { border:        1px solid rgba(0,212,255,0.08); }

/* ── HEADER / FOOTER / SIDEBAR ── */
.float_top, .float_ctop { border-bottom: 1px solid rgba(0,212,255,0.15); }
.bhead       { background: #060f1e; color: #c5dded; box-shadow: 0 2px 12px rgba(0,0,0,0.8), 0 1px 0 rgba(0,212,255,0.2); }
.bsidebar    { background: #060f1e; color: #c5dded; border-right: 1px solid rgba(0,212,255,0.1); }
.modal_top, .pro_top { background: #060f1e; color: #c5dded; }
.bfoot       { background: #060f1e; color: #c5dded; border-top: 1px solid rgba(0,212,255,0.12); }
.foot        { background: #071424; color: #c5dded; }

/* ── MAJOR PANELS / BACKGROUNDS ── */
.backglob    { background: #071424; }
.back_chat   {
    background: #060f1e;
    background-image:
        linear-gradient(rgba(0,212,255,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,212,255,0.025) 1px, transparent 1px);
    background-size: 40px 40px;
}
.back_priv, .back_panel, .back_modal, .page_element { background: #071424; }
.back_menu   { background: #060f1e; }
.back_pmenu  { background: #071424; color: #c5dded; }
.back_box    { background: #0a1d30; }
.back_input  { background: #071424; }
.back_quote  { background: #060f1e; }

/* ── THEME COLORS ── */
.theme_color   { color: #00d4ff; }
.default_color { color: #c5dded; }
.error   { color: #ff4d4d; }
.success { color: #00ff88; }
.warn    { color: #ffb800; }

/* ── BUTTONS ── */
.theme_btn, .back_theme {
    background: #00d4ff;
    color: #030b14;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
}
.theme_btn:hover, .back_theme:hover { background: #33ddff; }
.default_btn, .defaultd_btn, .back_default { background: #0a1d30; color: #c5dded; border: 1px solid rgba(0,212,255,0.18); }
.ok_btn     { background: #00ff88; color: #030b14; }
.warn_btn   { background: #ffb800; color: #030b14; }
.delete_btn { background: #ff4d4d; color: #fff; }
.send_btn   { color: #00d4ff; }

/* ── TEXT ── */
.user        { color: #c5dded; }
.chat_system { color: #4a6a7f; }
.offline     { opacity: 0.4; }
.menui, .subi { color: #00d4ff; }

/* ── WALL / POSTS ── */
.reply_item      { background: #071424; border-left: 2px solid rgba(0,212,255,0.2); }
.main_post_item  { color: #4a6a7f; }
.input_item      { color: #4a6a7f; }

/* ── PRIVATE CHAT BUBBLES ── */
.target_private, .hunt_quote { color: #c5dded; background: #0a1d30; border: 1px solid rgba(0,212,255,0.12); }
.hunter_private, .targ_quote { color: #c5dded; background: rgba(0,212,255,0.12); border: 1px solid rgba(0,212,255,0.25); }
.cquote { background: rgba(0,212,255,0.07); color: #c5dded; border-left: 2px solid rgba(0,212,255,0.4); }

/* ── TABS / MODALS ── */
.tab_menu      { background: #060f1e; box-shadow: 0 1px 3px rgba(0,0,0,0.6); border-bottom: 1px solid rgba(0,212,255,0.1); }
.tab_selected  { background: rgba(0,212,255,0.08); border-bottom: 2px solid #00d4ff; }
.modal_mback   { background: rgba(0,212,255,0.04); }
.modal_mborder { border-bottom: 1px solid rgba(0,212,255,0.1); }
.modal_selected { background: rgba(0,212,255,0.1); }
.modal_back    { background-color: rgba(0,0,0,0.75); backdrop-filter: blur(4px); }
.modal_in      { border: 1px solid rgba(0,212,255,0.15); box-shadow: 0 0 40px rgba(0,212,255,0.08); }

/* ── CHAT LOGS ── */
.mbubble    { background: rgba(0,212,255,0.05); }
.sys_log    { color: #4a6a7f; }
.topic_log  { background: rgba(0,212,255,0.08); color: #00d4ff; }
ul li.ch_dlogs:nth-child(odd of .ch_logs) { background: rgba(0,212,255,0.03); }

/* ── PROGRESS / NOTIFY ── */
.bprogress { background: #00d4ff; color: #030b14; }
.bnotify   { background: #ff4d4d; color: #fff; }
.foot_notify, .head_notify { border: 1px solid #00d4ff; }

/* ── DATES / SECONDARY TEXT ── */
.sub_date           { color: #4a6a7f; }
.sub_chat, .sub_priv { color: #3a5870; }
.sub_text, .list_mood { color: #4a6a7f; }
.list_mood          { font-weight: 300; }

/* ── MISC ── */
.plikes    { background-color: rgba(0,212,255,0.08); color: #00d4ff; }
.bspin     { color: rgba(0,212,255,0.4); }
.my_notice { color: #030b14; background: #00d4ff; }
.system_text { background: rgba(0,212,255,0.06); color: #4a6a7f; border: 1px solid rgba(0,212,255,0.1); }
.back_page { background: #030b14; color: #c5dded; }
.post_video { background: #000; }
.ghost_post { border-color: #00d4ff; }

/* ── SLIDER ── */
.boom_slider .ui-widget-content { background: #0a1d30; }
.boom_slider .ui-state-default  { background: #00d4ff !important; }
.boom_slider .ui-state-active   { background: #00d4ff !important; }
.boom_slider .ui-slider-range   { background: #00d4ff; }

/* ── SELECT ── */
.selectboxit-list, .selectboxit-btn { background-color: #071424; color: #c5dded; border: 1px solid rgba(0,212,255,0.18) !important; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #0a1d30; color: #00d4ff; }
.selectboxit-default-arrow { border-top: 4px solid #00d4ff; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active { background: #071424; color: #c5dded; }
.selectboxit-options { background: #071424; }
.selectboxit-list .selectboxit-option-anchor { color: #4a6a7f; }

/* ── EXTRA MCO POLISH ── */
/* Glowing active elements */
.tab_selected,
.bselected,
.pselected,
.theme_color { text-shadow: 0 0 8px rgba(0,212,255,0.4); }

/* Subtle grid overlay on the whole page */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        linear-gradient(rgba(0,212,255,0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,212,255,0.015) 1px, transparent 1px);
    background-size: 50px 50px;
    pointer-events: none;
    z-index: 0;
}

/* Top glow */
body::before {
    content: '';
    position: fixed;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, transparent, #00d4ff, transparent);
    z-index: 9999;
}

/* Scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #030b14; }
::-webkit-scrollbar-thumb { background: rgba(0,212,255,0.3); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,212,255,0.6); }

/* Cookie box */
.cookie_wrap { background: #071424; color: #c5dded; border-top: 1px solid rgba(0,212,255,0.2); }

/* Call colors */
.call_back { background: #030b14; color: #c5dded; }
.vcall_btn  { background: #071424; }
.vcall_off  { background-color: rgba(255,77,77,0.8); }