/*
 * CNR Theme — ChatNoRegister
 * Deep dark with purple accent
 * Version: 1.0
 */

/* ── General ────────────────────────────────────── */
a { color: #6c63ff; }
body { background: #0a0a0a; color: #e8e8e8; }
button { background: transparent; color: #e8e8e8; }
input, textarea, .post_input_container {
    background: #111; border: 1px solid #1e1e2e !important; color: #e8e8e8;
}
.setdef { color: #e8e8e8; }

/* ── Cookie box ──────────────────────────────────── */
.cookie_wrap { background: #1a1a2e; color: #e8e8e8; }

/* ── Backgrounds ─────────────────────────────────── */
.bback        { background: rgba(255,255,255,0.04); }
.bbackb       { background: rgba(255,255,255,0.04); border: 1px solid rgba(108,99,255,0.15); }
.bhover:hover { background: rgba(108,99,255,0.08); }
.bbackhover      { background: rgba(255,255,255,0.04); }
.bbackhover:hover{ background: rgba(108,99,255,0.06); }
.bbackhoverb     { background: rgba(255,255,255,0.04); }
.bbackhoverb:hover{ background: rgba(108,99,255,0.12); border: 1px solid rgba(108,99,255,0.2); }

/* ── Listing & separators ────────────────────────── */
.blisting        { border-bottom: 1px solid rgba(255,255,255,0.04); }
.blisting:hover  { background: rgba(108,99,255,0.06); }
.blist           { border-bottom: 1px solid rgba(255,255,255,0.04); }

/* ── Private panel top ───────────────────────────── */
.back_ptop { background: #111; color: #e8e8e8; }

/* ── Page & sub menus ────────────────────────────── */
.bpmenu:hover { background: rgba(108,99,255,0.08); }
.bsub         { background: rgba(0,0,0,0.15); }
.bsub:hover   { background: rgba(108,99,255,0.06); }
.bmenu, .submenu        { border-bottom: 1px solid rgba(255,255,255,0.04); }
.bmenu:hover, .submenu:hover { background: rgba(108,99,255,0.06); }

/* ── Shadows ─────────────────────────────────────── */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed {
    box-shadow: 0 2px 8px rgba(0,0,0,0.5), 0 0 0 1px rgba(108,99,255,0.05);
}

/* ── Selection states ────────────────────────────── */
.bselected  { background: rgba(108,99,255,0.12); }
.rselected  { background: rgba(108,99,255,0.12); }
.pselected  { color: #6c63ff; }
.cselected, .liked { background: rgba(108,99,255,0.1); }

/* ── Pagination ──────────────────────────────────── */
.pag_btn              { background: rgba(255,255,255,0.05); }
.pagselected, .pag_btn:hover { background: rgba(108,99,255,0.2); }

/* ── Tags ────────────────────────────────────────── */
.gtag { background: #111; border: 1px solid rgba(108,99,255,0.2); }

/* ── Borders ─────────────────────────────────────── */
.bborder { border-bottom: 1px solid rgba(108,99,255,0.1); }
.tborder { border-top:    1px solid rgba(108,99,255,0.1); }
.lborder, .ppanel { border-left:  1px solid rgba(108,99,255,0.1); }
.rborder { border-right:  1px solid rgba(108,99,255,0.1); }
.fborder { border:        1px solid rgba(108,99,255,0.1); }

/* ── Float tops ──────────────────────────────────── */
.float_top  { border-bottom: 1px solid rgba(108,99,255,0.1); }
.float_ctop { border-bottom: 1px solid rgba(108,99,255,0.1); }

/* ── Headers, footer, modals ─────────────────────── */
.bhead     { background: #0d0d0d; color: #e8e8e8; border-bottom: 1px solid rgba(108,99,255,0.15); }
.bsidebar  { background: #080808; color: #e8e8e8; }
.modal_top { background: #0d0d0d; color: #e8e8e8; }
.pro_top   { background: #0d0d0d; color: #e8e8e8; }
.bfoot     { background: #0d0d0d; color: #e8e8e8; }
.foot      { background: #0d0d0d; color: #e8e8e8; }

/* ── Major element backgrounds ───────────────────── */
.backglob    { background: #0a0a0a; }
.back_chat   { background: #0a0a0a; }
.back_priv   { background: #0a0a0a; }
.back_panel  { background: #0f0f1a; }
.back_menu   { background: #111122; }
.back_pmenu  { background: #0a0a0a; }
.back_box    { background: #111; }
.back_input  { background: #0f0f1a; border-top: 1px solid rgba(108,99,255,0.1); }
.back_modal  { background: #0f0f1a; }
.page_element{ background: #0f0f1a; }
.back_quote  { background: #111; }

/* ── Theme & accent colors ───────────────────────── */
.theme_color   { color: #6c63ff; }
.default_color { color: #555; }
.error   { color: #ff4757; }
.success { color: #2ed573; }
.warn    { color: #ffa502; }

/* ── Buttons ─────────────────────────────────────── */
.theme_btn, .back_theme  { background: #6c63ff; color: #fff; }
.default_btn, .back_default { background: #1e1e2e; color: #e8e8e8; }
.defaultd_btn { background: #2a2a3e; color: #e8e8e8; }
.ok_btn    { background: #2ed573; color: #fff; }
.warn_btn  { background: #ffa502; color: #fff; }
.delete_btn{ background: #ff4757; color: #fff; }
.send_btn  { color: #6c63ff; }

/* ── Username color ──────────────────────────────── */
.user { color: #e8e8e8; }

/* ── System messages ─────────────────────────────── */
.chat_system { color: #555; }

/* ── Offline opacity ─────────────────────────────── */
.offline { opacity: 0.4; }

/* ── Menu icons ──────────────────────────────────── */
.menui { color: #6c63ff; }
.subi  { color: #6c63ff; }

/* ── Wall reply ──────────────────────────────────── */
.reply_item { background: #111; }

/* ── Post item options ───────────────────────────── */
.main_post_item { color: rgba(255,255,255,0.4); }

/* ── Input options ───────────────────────────────── */
.input_item { color: #555; }

/* ── Private chat bubbles ────────────────────────── */
.target_private, .hunt_quote  { color: #fff; background: #1e1e2e; }
.hunter_private, .targ_quote  { color: #fff; background: #2d2b55; }

/* ── Chat quote ──────────────────────────────────── */
.cquote { background: rgba(108,99,255,0.1); color: #e8e8e8; border-left: 3px solid #6c63ff; }

/* ── Tab menu ────────────────────────────────────── */
.tab_menu     { box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
.tab_selected { background: rgba(108,99,255,0.12); }

/* ── Modal menu ──────────────────────────────────── */
.modal_mback    { background: rgba(255,255,255,0.03); }
.modal_mborder  { border-bottom: 1px solid rgba(108,99,255,0.1); }
.modal_selected { background: rgba(108,99,255,0.12); }
.modal_back     { background-color: rgba(0,0,0,0.75); }

/* ── Chat logs ───────────────────────────────────── */
.mbubble   { background: rgba(255,255,255,0.03); }
.topic_log { background: #1a1a2e; color: #a9a0ff; }
.sys_log   { }

/* ── Upload progress ─────────────────────────────── */
.bprogress { background: #6c63ff; color: #fff; }

/* ── Notifications ───────────────────────────────── */
.bnotify            { background: #ff4757; color: #fff; }
.foot_notify, .head_notify { border: 1px solid #6c63ff; }

/* ── Date / sub text ─────────────────────────────── */
.sub_date           { color: #444; }
.sub_chat, .sub_priv{ color: #444; }
.sub_text, .list_mood{ color: #666; }

/* ── Profile likes ───────────────────────────────── */
.plikes { background-color: rgba(108,99,255,0.15); color: #e8e8e8; }

/* ── Spinner ─────────────────────────────────────── */
.bspin { color: rgba(108,99,255,0.3); }

/* ── Special chat items ──────────────────────────── */
.my_notice  { color: #fff; background: #2d2b55; }
.system_text{ background: rgba(108,99,255,0.05); color: #555; }

/* ── Outside pages ───────────────────────────────── */
.back_page { background: #0a0a0a; color: #e8e8e8; }

/* ── Video background ────────────────────────────── */
.post_video { background: #000; }

/* ── Slider ──────────────────────────────────────── */
.boom_slider .ui-widget-content    { background: #1e1e2e; }
.boom_slider .ui-state-default     { background: #6c63ff !important; }
.boom_slider .ui-state-active      { background: #6c63ff !important; }
.boom_slider .ui-slider-range      { background: #6c63ff; }

/* ── SelectBoxit ─────────────────────────────────── */
.selectboxit-list, .selectboxit-btn {
    background-color: #111; border: 1px solid #1e1e2e; color: #e8e8e8;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
    background-color: rgba(108,99,255,0.2); color: #e8e8e8;
}
.selectboxit-default-arrow           { border-top: 4px solid #6c63ff; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active { background: #111; color: #e8e8e8; }
.selectboxit-options                 { background: #1e1e2e; color: #e8e8e8; }
.selectboxit-list .selectboxit-option-anchor { color: #888; }

/* ── Custom ──────────────────────────────────────── */
.modal_in { border: 1px solid rgba(108,99,255,0.08); }