@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');

/**========================================================================
* @product        :  Zoey Lounge (theme)
* @framework      :  CodyChat v11 theme structure
* @version        :  1.0
*========================================================================**/

/* general colors */
a {color:#3fe0d0;}
body {background:#16706e; color:#ffffff;}
button { background:transparent; color:#fff; }
input, textarea, .post_input_container { background:#1e0a38; border:1px solid rgba(255,61,138,0.18) !important; color:#ffffff; }
input:focus, textarea:focus, .post_input_container:focus-within { border-color:#ff3d8a !important; box-shadow:0 0 0 2px rgba(255,61,138,0.18), 0 0 14px rgba(255,61,138,0.25); outline:none; }
::placeholder { color:#a8d8d4; }
::selection { background:rgba(255,61,138,0.45); color:#fff; }
.setdef { color:#ffffff; }

/* cookie box */
.cookie_wrap { background:#2a1a58; color:#fff; border:1px solid rgba(255,61,138,0.35); }

/* item with background no effect */
.bback { background:rgb(255,255,255,0.05); }
.bbackb { background:rgb(255,255,255,0.05); border:1px solid rgba(255,61,138,0.14); }
.bhover:hover { background:rgba(255,61,138,0.10); }
.bbackhover { background:rgb(255,255,255,0.05); }
.bbackhover:hover { background:rgba(255,61,138,0.10); }
.bbackhoverb { background:rgb(255,255,255,0.05); }
.bbackhoverb:hover { background:rgba(255,61,138,0.25); border:1px solid rgba(255,61,138,0.3); }
.blisting { border-bottom:1px solid rgb(255,255,255,0.04); }
.blisting:hover { background:rgba(255,61,138,0.08); }
.blist { border-bottom:1px solid rgb(255,255,255,0.04); }

/* private panel top */
.back_ptop { background:linear-gradient(#1b7f7c,#5a1a8a); color:#fff; border-bottom:1px solid rgba(255,61,138,0.35); }

/* page menu & page sub menu */
.bpmenu:hover { background:rgba(255,61,138,0.10); }
.bsub { background:rgb(0,0,0,0.15); }
.bsub:hover { background:rgba(255,61,138,0.08); }
.bmenu, .submenu { border-bottom:1px solid rgb(255,255,255,0.04); }
.bmenu:hover, .submenu:hover { background:rgba(255,61,138,0.08); box-shadow:inset 3px 0 0 #ff3d8a; }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 2px 10px rgb(0,0,0,0.55); }
.float_menu { border:1px solid rgba(255,61,138,0.25); }

/* selected states */
.bselected { background:rgba(255,61,138,0.16); box-shadow:inset 3px 0 0 #ff3d8a; }
.rselected { background:rgba(255,61,138,0.16); }
.pselected { color:#ff3d8a; }
.cselected, .liked { background:rgba(255,61,138,0.10); }
.pag_btn { background:rgb(255,255,255,0.05); }
.pagselected, .pag_btn:hover { background:rgba(255,61,138,0.35); }

/* count and gold tag */
.gtag { background:rgba(255,61,138,0.18); border:1px solid rgba(255,61,138,0.4); }

/* borders */
.bborder { border-bottom:1px solid rgba(255,61,138,0.12); }
.tborder { border-top:1px solid rgba(255,61,138,0.12); }
.lborder, .ppanel { border-left:1px solid rgba(255,61,138,0.12); }
.rborder { border-right:1px solid rgba(255,61,138,0.12); }
.fborder { border:1px solid rgba(255,61,138,0.12); }
.float_top { border-bottom:1px solid rgba(255,61,138,0.15); }
.float_ctop { border-bottom:1px solid rgba(255,61,138,0.15); }

/* ===== HEADER / SIDEBAR / FOOTER ===== */
.bhead { background:linear-gradient(#1b7f7c,#5a1a8a); color:#fff; border-bottom:1px solid rgba(255,61,138,0.55); box-shadow:0 2px 16px rgba(255,61,138,0.28); }
.bsidebar { background:linear-gradient(to right,#1b7f7c,#5a1a8a); color:#fff; border-right:1px solid rgba(255,61,138,0.25); }
.modal_top { background:linear-gradient(90deg,#1b7f7c,#5a1a8a); color:#fff; border-bottom:1px solid rgba(255,61,138,0.45); }
.pro_top { background:linear-gradient(#1b7f7c,#5a1a8a); color:#fff; }
.bfoot { background:linear-gradient(to top,#1b7f7c,#5a1a8a); color:#fff; border-top:1px solid rgba(255,61,138,0.55); box-shadow:0 -2px 16px rgba(255,61,138,0.22); }
.foot { background:#1b7f7c; color:#fff; border-top:1px solid rgba(255,61,138,0.35); }

/* header + footer icons */
.bhead .head_option, .bhead #main_mob_menu, .bhead #open_login_menu, .bfoot .footer_item, .back_ptop .private_opt, .modal_top i { color:#ffffff; transition:color .2s, text-shadow .2s, transform .2s; }
.bhead .head_option:hover, .bhead #main_mob_menu:hover, .bhead #open_login_menu:hover, .bfoot .footer_item:hover, .back_ptop .private_opt:hover { color:#ff3d8a; text-shadow:0 0 10px rgba(255,61,138,0.9), 0 0 22px rgba(255,61,138,0.5); transform:translateY(-1px); }
.i_btm { text-shadow:0 0 8px rgba(255,61,138,0.35); }
.head_notify, .foot_notify, .side_notify { background:#ff3d8a; border:1px solid #fff; box-shadow:0 0 8px #ff3d8a; }

/* panels */
.backglob { background:#16706e url('./images/background.jpg') center center / cover no-repeat fixed; }
.back_chat { background:linear-gradient(rgba(10,50,60,.08),rgba(10,50,60,.08)), url('./images/background.jpg') center center / cover no-repeat; }
.back_priv { background:linear-gradient(rgba(5,6,15,.82),rgba(5,6,15,.82)), url('./images/background.jpg') center center / cover no-repeat; }
.back_panel { background:#1a3a60; }
.back_menu { background:#2a1a58; }
.back_pmenu { background:#16706e; }
.back_box { background:#2a1a58; }
.back_input { background:linear-gradient(#1a3a60,#1b7f7c); border-top:1px solid rgba(255,61,138,0.45); box-shadow:0 -2px 14px rgba(255,61,138,0.15); }
.back_modal { background:#1a3a60; border:1px solid rgba(255,61,138,0.3); }
.page_element { background:#1a3a60; }
.back_quote { background:#1a3a60; }

/* login */
#intro_top { background:linear-gradient(rgba(3,4,12,.55),rgba(3,4,12,.75)), url('./images/background_login.jpg') center center / cover no-repeat fixed; }
#login_all { background:rgba(6,8,20,.72); border:1px solid rgba(255,61,138,0.35); border-radius:10px; box-shadow:0 0 30px rgba(255,61,138,0.25); }

/* theme colors */
.theme_color { color:#ff3d8a; }
.default_color { color:#3fe0d0; }
.error { color:#ff4d5e; }
.success { color:#37d67a; }
.warn { color:#3fe0d0; }

/* buttons */
.theme_btn, .back_theme { background:linear-gradient(#ff3d8a,#a0165a); color:#fff; box-shadow:0 0 10px rgba(255,61,138,0.35); }
.theme_btn:hover { box-shadow:0 0 18px rgba(255,61,138,0.7); }
.default_btn, .back_default { background:#1b6f78; color:#fff; }
.defaultd_btn { background:#2a7f8a; color:#fff; }
.ok_btn, .onswitch { background:#1fa855; color:#fff; }
.warn_btn { background:#3fe0d0; color:#111; }
.delete_btn { background:#c4122f; color:#fff; }
.send_btn { color:#ff3d8a; text-shadow:0 0 10px rgba(255,61,138,0.7); }

/* usernames / system */
.user { color:#fff; }
.chat_system { color:#d8f4f0; }
.offline { opacity:0.5; }

/* menu icons */
.menui { color:#ff3d8a; text-shadow:0 0 8px rgba(255,61,138,0.45); }
.subi { color:#3fe0d0; }
.bpmenu:hover .menui, .bmenu:hover .menui { text-shadow:0 0 12px #ff3d8a; }

.reply_item { background:#16706e; }
.main_post_item { color:#a8d8d4; }
.input_item { color:#d8f4f0; }
.input_item:hover { color:#ff3d8a; }

/* ===== MESSAGE BUBBLES / BARS ===== */
.mbubble { background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(235,250,248,.96)); color:#fff; border:1px solid rgba(255,210,58,0.20); backdrop-filter:blur(3px); background:#ffffff; border:3px solid #3fe0d0; border-radius:18px 18px 18px 4px; box-shadow:0 3px 10px rgba(0,0,0,.35), 3px 3px 0 #ff3d8a; }
.chat_tmessage { color:#ffffff; }

/* hover bar across a message row */
.ch_logs { transition:background .2s, box-shadow .2s; }
.ch_logs:hover { background:linear-gradient(90deg,rgba(255,61,138,0.12),rgba(255,61,138,0.0) 75%); box-shadow:inset 3px 0 0 #ff3d8a; }
ul li.ch_dlogs:nth-child(odd of .ch_logs) { background:rgb(0,0,0,0.22); }
.cavatar { box-shadow:0 0 0 2px rgba(255,61,138,0.55), 0 0 12px rgba(255,61,138,0.35); }
.my_text .username { text-shadow:0 0 6px rgba(0,0,0,0.8); }

/* private bubbles: mine = glowing accent, theirs = dark glass */
.hunter_private, .targ_quote { color:#fff; background:linear-gradient(135deg,#ff3d8a,#7a1ab0); box-shadow:0 0 14px rgba(255,61,138,0.4); border-radius:16px 16px 4px 16px; }
.target_private, .hunt_quote { color:#fff; background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(235,250,248,.96)); border:1px solid rgba(255,210,58,0.25); border-radius:16px 16px 16px 4px; }

/* quote in chat */
.cquote { background:rgba(0,0,0,0.35); color:#fff; border-left:3px solid #ff3d8a; border-radius:6px; }

.topic_log { background:linear-gradient(90deg,rgba(255,61,138,0.16),rgba(8,10,24,0.7)); color:#ffffff; border:1px solid rgba(255,61,138,0.3); border-left:3px solid #ff3d8a; border-radius:8px; margin-left:8px; margin-right:8px; }
.sys_log { }
.system_text { background:rgba(255,61,138,0.08); color:#d8f4f0; border-radius:6px; }
.my_notice { color:#fff; background:linear-gradient(135deg,#ff3d8a,#a0165a); }

/* tab / modal menus */
.tab_menu { box-shadow:0 2px 8px rgb(0,0,0,0.5); }
.tab_selected { background:rgba(255,61,138,0.16); box-shadow:inset 0 -2px 0 #ff3d8a; }
.modal_mback { background:rgb(255,255,255,0.04); }
.modal_mborder { border-bottom:1px solid rgba(255,61,138,0.15); }
.modal_selected { background:rgba(255,61,138,0.18); }
.modal_back { background-color:rgba(0,0,0,0.7); }

.bprogress { background:linear-gradient(90deg,#a0165a,#ff3d8a); color:#fff; }
.bnotify { background:#ff3d8a; color:#fff; box-shadow:0 0 8px #ff3d8a; }
.sub_date { color:#d8f4f0; }
.sub_chat, .sub_priv { color:#a8d8d4; }
.sub_text, .list_mood { color:#d8f4f0; }
.plikes { background-color:rgba(255,61,138,0.15); color:#fff; }
.bspin { color:rgb(255,255,255,0.3); }
.post_video { background:rgb(0,0,0,1); }

/* slider */
.boom_slider .ui-widget-content { background:#1b6f78; }
.boom_slider .ui-state-default, .boom_slider .ui-state-active { background:#ff3d8a !important; box-shadow:0 0 8px #ff3d8a; }
.boom_slider .ui-slider-range { background:linear-gradient(90deg,#a0165a,#ff3d8a); }

/* select input */
.selectboxit-list, .selectboxit-btn { background-color:#1e0a38; border:1px solid rgba(255,61,138,0.3); color:#ffffff; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color:rgba(255,61,138,0.25); color:#fff; }
.selectboxit-default-arrow { border-top:4px solid #ff3d8a; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:#1e0a38; color:#ffffff; }
.selectboxit-options { background:#2a1a58; color:#ffffff; }
.selectboxit-list .selectboxit-option-anchor { color:#d8f4f0; }

/* emoticon menu and panel bar tab style */
.panel_bar { background:#1b7f7c; }
.emo_head { padding-left:10px; }
.panel_option, .emo_menu { background:none; position:relative; z-index:1; color:#d8f4f0; }
.panel_option:hover, .emo_menu:hover { color:#ff3d8a; }
.emo_menu.bselected::before, .panel_option.bselected::before { content:''; position:absolute; top:5px; bottom:0; left:0; right:0; transform:translateY(1px); z-index:-1; background:#1a3a60; border:1px solid rgba(255,61,138,0.35); border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; }
.emo_menu.bselected::before { background:#2a1a58; }
.emo_menu.bselected, .panel_option.bselected { box-shadow:none; color:#ff3d8a; }

.saved_error { background-color:rgb(188,0,0,.78); color:#fff; }
.saved_ok { background-color:rgb(0,139,70,.78); color:#fff; }
.modal_in { border:1px solid rgba(255,61,138,0.12); }

/* ===== SCROLLBARS ===== */
* { scrollbar-width:thin; scrollbar-color:#ff3d8a rgba(255,255,255,0.03); }
#left_menu_content { scrollbar-color:#ff3d8a transparent; }
*::-webkit-scrollbar { width:7px; height:7px; background:transparent; }
*::-webkit-scrollbar-track { background:rgba(255,255,255,0.03) !important; border-radius:6px; box-shadow:none; }
*::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#3fe0d0,#ff3d8a 55%,#a0165a); border-radius:6px; border:1px solid rgba(0,0,0,0.35); background-clip:border-box; box-shadow:0 0 8px rgba(255,61,138,0.6); }
*::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#fff,#3fe0d0 40%,#ff3d8a); }
*::-webkit-scrollbar-corner { background:transparent; }

/* ===== FONT ===== */
body, input, textarea, button, select, .selectboxit-text { font-family:'Poppins','Segoe UI',Roboto,Arial,sans-serif; font-weight:500; letter-spacing:.2px; }
body { font-size:14px; }

/* ===== ICONS (header, sidebar, input, panels, footer) ===== */
.bhead .head_option, .bhead .head_option i, .bhead .head_burger i, #head_burger i, .bhead .notif_zone i { color:#ffd23a; text-shadow:0 0 8px rgba(255,210,58,0.55); }
.bhead .head_option:hover i, #head_burger:hover i { color:#ffffff; text-shadow:0 0 14px #ffffff; }
.head_option { transition:background .2s; }
.head_option:hover { background:rgba(255,210,58,0.10); }
.avatar_menu, .glob_av { box-shadow:0 0 0 2px #ffd23a, 0 0 12px rgba(255,210,58,0.6); }
.cavatar, .acav, .avatar_private, .qavatar { box-shadow:0 0 0 2px rgba(255,210,58,0.75), 0 0 12px rgba(255,210,58,0.4); }
.top_status { border-color:#000; }

/* left sidebar */
#left_menu_content.bsidebar { background:linear-gradient(180deg,#000 0%,#1b7f7c 100%); border-right:1px solid rgba(255,61,138,0.45); box-shadow:2px 0 14px rgba(255,61,138,0.18); }
.leftmenui, .left_menu_icon i { color:#ffd23a; text-shadow:0 0 10px rgba(255,210,58,0.65); transition:transform .15s, color .15s; }
.left_menu_item { transition:background .2s, box-shadow .2s; }
.left_menu_item:hover { background:rgba(255,210,58,0.12); box-shadow:0 0 0 1px rgba(255,210,58,0.4), 0 0 16px rgba(255,210,58,0.3); }
.left_menu_item:hover .leftmenui { color:#ffffff; transform:scale(1.15); text-shadow:0 0 14px #ffffff; }

/* chat input bar: pill + icons */
#top_chat_container.back_input, #priv_input .back_input { background:#000; border-top:1px solid rgba(255,61,138,0.55); box-shadow:0 -2px 16px rgba(255,61,138,0.2); }
#content, #message_content { background:#000; border:1px solid #ff3d8a !important; border-radius:18px; color:#ffffff; box-shadow:0 0 10px rgba(255,61,138,0.25); }
.input_item, .input_item i, .input_icon, .input_item p, .input_item p i { color:#ffd23a; text-shadow:0 0 8px rgba(255,210,58,0.5); }
.input_item:hover i, .input_item:hover { color:#ffffff; }
.send_btn i, #submit_button i, #private_send i { color:#ffd23a; text-shadow:0 0 10px rgba(255,210,58,0.8); }
.send_btn:hover i { color:#ffffff; }

/* right panel: tabs, user list, art background */
#chat_right.back_panel { background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.50) 45%,rgba(0,0,0,.82)), url('./images/panel.jpg') center top / cover no-repeat; border-left:1px solid rgba(255,61,138,0.45); }
#right_panel_bar.panel_bar, #left_panel_bar.panel_bar { background:rgba(0,0,0,.65); }
.panel_option i, .panel_bar_item i, .left_bar_item i, .emo_menu i, .private_opt i, .modal_top i { color:#ffd23a; text-shadow:0 0 8px rgba(255,210,58,0.5); }
.panel_option:hover i, .panel_bar_item:hover i, .left_bar_item:hover i, .private_opt:hover i { color:#ffffff; }
.panel_option.bselected { background:rgba(255,210,58,0.16); box-shadow:inset 0 -2px 0 #ffd23a; }
.user_item { border-radius:8px; }
.user_item:hover { background:rgba(255,61,138,0.20); }
.user_item_data, .user_item_name { color:#fff; font-weight:700; text-shadow:0 1px 4px #000; }
.user_item_icon, .user_item_option { color:#ffd23a; }
.gtag { background:rgba(255,61,138,0.35); border:1px solid #ff3d8a; color:#fff; }

/* footer + menus */
.footer_item i, .i_btm, .menui, .subi { color:#ffd23a; }
.footer_item:hover i { color:#ffffff; }

/* ===== MESSAGES: floating pills over vivid wallpaper ===== */
.back_chat { background:linear-gradient(rgba(10,50,60,.08),rgba(10,50,60,.08)), url('./images/background.jpg') center center / cover no-repeat; }
.mbubble { color:#2a1048; text-shadow:none; }
.chat_tmessage { display:inline-block; background:rgba(255,255,255,.95); padding:6px 14px; border-radius:18px; border:1px solid rgba(255,61,138,0.3); color:#2a1048; }
.ch_logs .cdate { position:absolute; right:14px; top:8px; width:auto; color:#ffd23a; opacity:.8; text-shadow:0 1px 3px #000; }
.my_text .username { text-shadow:0 1px 4px #000; font-weight:700; }

/* topic banner with art strip */
.topic_log { background:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.20) 60%,rgba(0,0,0,.55)), url('./images/topic.jpg') center / cover no-repeat; border:1px solid #ff3d8a; border-radius:10px; box-shadow:0 0 18px rgba(255,61,138,0.6), inset 0 0 22px rgba(255,61,138,0.25); color:#fff; text-shadow:0 1px 4px #000; margin:10px 14px; }

/* bottom bar */
#wrap_footer.bfoot { background:#000; }

/* iCarly: bright purple studio look */
#left_menu_content.bsidebar{background:linear-gradient(180deg,#2a1048,#1b7f7c);border-right:2px solid #ff3d8a;box-shadow:2px 0 14px rgba(255,61,138,.35)}
#top_chat_container.back_input,#priv_input .back_input{background:linear-gradient(#3a1566,#2a1048);border-top:2px solid #ff3d8a;box-shadow:0 -2px 14px rgba(255,61,138,.3)}
#content,#message_content{background:#1e0a38;border:2px solid #ff3d8a !important}
#chat_right.back_panel{background:linear-gradient(180deg,rgba(30,10,56,.80),rgba(30,10,56,.35) 45%,rgba(30,10,56,.88)),url('./images/panel.jpg') center top / cover no-repeat}
#right_panel_bar.panel_bar,#left_panel_bar.panel_bar{background:rgba(30,10,56,.85)}
#wrap_footer.bfoot{background:linear-gradient(90deg,#1b7f7c,#5a1a8a)}
.topic_log{background:linear-gradient(90deg,rgba(214,40,120,.9),rgba(90,26,138,.9)),url('./images/topic.jpg') center / auto 140% no-repeat;border:2px solid #fff;border-radius:14px;box-shadow:0 0 16px rgba(255,61,138,.6)}
.ch_logs .cdate{color:#3a1a4a;opacity:.7;text-shadow:none}
.my_text .username{text-shadow:none}
.topic_log{background:linear-gradient(90deg,rgba(30,10,56,.75),rgba(30,10,56,.45)),url('./images/topic.jpg') center / cover no-repeat !important;border:2px solid #3fe0d0 !important;color:#fff}