/* general colors */
a {color:orange;}
body {background:#f7f2ec; color:#171513;}
button { background:transparent; color:#fff; }
input, textarea, .post_input_container { background:#fffaf5; border:1px solid #e5d9cc !important; }
.setdef { color:#171513; }

/* item with background no effect */
.bback { background:rgb(0,0,0,0.05); }

/* item with background no effect with border */
.bbackb { background:rgb(0,0,0,0.05); border:1px solid rgb(0,0,0,0.08); }

/* item with no background and hover effect */
.bhover:hover, .bhoverr:hover { background:rgb(0,0,0,0.05); }

/* item with background and hover effect */
.bbackhover { background:rgb(0,0,0,0.05); }
.bbackhover:hover { background:rgb(0,0,0,0.025); }

/* item width background and hover effect with a border */
.bbackhoverb { background:rgb(0,0,0,0.05); }
.bbackhoverb:hover { background:rgb(0,0,0,0.025); border:1px solid rgb(0,0,0,0.08); }

/* item with no background with line separator and hover effect */
.blisting { border-bottom: 1px solid rgb(0,0,0,0.08); }
.blisting:hover { background: rgb(0,0,0,0.05); }

/* item with no background with line separator */
.blist { border-bottom: 1px solid rgb(0,0,0,0.08); }

/* private panel top */
.back_ptop { background:#111111; color:#fff; }

/* page menu & page sub menu */
.bpmenu:hover { background: rgb(255,255,255,0.1); }
.bsub { background:rgb(0,0,0,0.1); }
.bsub:hover { background:rgb(0,0,0,0.2); }

/* sub menus for card, logs, wall, news */
.bmenu, .submenu { border-bottom:1px solid rgb(0,0,0,0.05); }
.bmenu:hover, .submenu:hover { background:rgb(0,0,0,0.05); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 1px 3px rgb(0,0,0,0.2); }

/* main item selected for panel and box */
.bselected { background:rgb(0,0,0,0.08); }

/* reg menu selected item */
.rselected { background:rgb(0,0,0,0.08); }

/* page selected */
.pselected { color:#ff510b; }

/* current item selected */
.cselected, .liked { background:rgb(0,0,0,0.05); }

/* paginate item selected */
.pag_btn { background:rgb(0,0,0,0.05); color:#666; }
.pagselected, .pag_btn:hover { background:rgb(0,0,0,0.10); }

/* count and gold tag */
.gtag { background:#fff; border:1px solid rgb(0,0,0,0.08); }

/* border color for separator and items border */
.bborder { border-bottom:1px solid rgb(0,0,0,0.08); }
.tborder { border-top:1px solid rgb(0,0,0,0.08); }
.lborder, .ppanel { border-left:1px solid rgb(0,0,0,0.08); }
.rborder { border-right:1px solid rgb(0,0,0,0.08); }
.fborder { border:1px solid rgb(0,0,0,0.08); }

/* float top color */
.float_top { border-bottom:1px solid rgb(0,0,0,0.08); }
.float_ctop { border-bottom:1px solid rgb(0,0,0,0.08); }

/* headers colors and top box colors */
.bhead { background:#111111; color:#fff; }
.bsidebar { background:#111; color:#fff; }
.modal_top { background:#111111; color:#fff; }
.pro_top { background:#111111; color:#fff; }
.bfoot { background:#111111; color:#fff; }
.foot { background:#111111; color:#fff; }

/* background major element panel, page menu, float menu, modal, chat boxes */
.backglob { background:#fff; }
.back_chat { background:#fff; }
.back_priv { background:#fff; }
.back_panel { background:#fff; }
.back_menu { background:#fff; }
.back_pmenu { background:#111111; color:#fff; }
.back_box { background:#fff; }
.back_input { background:#fff; border-top:1px solid rgb(0,0,0,0.08); }
.back_modal { background:#fff; }
.page_element { background:#fff; }
.back_quote { background:#fff; }

/* main theme color */
.theme_color { color:#ff510b; }
.default_color { color:#111111; }
.error  { color:red; }
.success { color:#ff510b; }
.warn { color:orange; }

/* button colors */
.theme_btn, .back_theme { background:#ff510b; color:#fff; }
.default_btn, .back_default { background:#111111; color:#fff; }
.defaultd_btn { background:#171513; color:#fff; }
.ok_btn { background:#ff510b; color:#fff; }
.warn_btn { background:orange; color:#fff; }
.delete_btn { background:#cc0000; color:#fff; }
.send_btn { color:#111111; }

/* default username color */
.user { color:#171513; }

/* chat system messsage text color */
.chat_system { color:#999; }

/* opacity for offline users in list */
.offline { opacity:0.5; }

/* menu icon */
.menui { color:#ff510b; }
.subi { color:#ff510b; }

/* wall reply background */
.reply_item { background:#fffaf5; }

/* main post item option wall and news */
.main_post_item { color:rgb(0,0,0,0.5); }

/* input option background colors */
.input_item { color:#999; }

/* private log bubble colors */
.target_private {color:#000000; font-size: 14px; font-weight: bold; background: #e8fff7; border: 1px solid #cccccc;  }
.hunter_private {color:#000000; font-size: 14px; font-weight: bold; background: #fffee2; border: 1px solid #cccccc; }

/* quote in chat background */
.cquote {  background:#e9e9e9; }

/* tab menu */
.tab_menu { background:#fff; box-shadow:0 1px 3px rgb(0,0,0,0.2); }
.tab_menu_item { }
.tab_selected { background:rgb(0,0,0,0.08); }

/* modal menu */
.modal_mback { background:rgb(0,0,0,0.04); }
.modal_mborder { border-bottom: 1px solid rgb(0,0,0,0.08); }
.modal_selected { background:rgb(0,0,0,0.08); }

/* back transparency background for modal box */
.modal_back { background-color:rgba(0,0,0,0.4); }

/* chat logs */
.mbubble { background:#eee5dc; }
.my_log { background:#171513; color:#fff; }
.topic_log { background:#d9f2e6; color:#0d261a; }
.sys_log { }

/*duotone logs */
ul li.ch_dlogs:nth-child(odd of .ch_logs) { background:rgb(0,0,0,0.03); }

/* upload progress */
.bprogress { background:#ff510b; color:#fff; }

/* notification colors */
.bnotify { background:red; color:#fff; }
.foot_notify, .head_notify { border:1px solid #fff; }

/* date colors */
.sub_date { color:#888; }
.sub_chat, .sub_priv { color:#ccc; }

/* secondary text color */
.sub_text, .list_mood { color:#888; }

/* profile likes */
.plikes { background-color:rgba(100,100,100,0.3); color:#fff; }

/* spinner color */
.bspin { color:rgb(0,0,0,0.3); }

/* special chat item */
.my_notice { color:#fff; background:#ff510b; }
.system_text { background:#f7f2ec; color:#666; }

/* outside pages background */
.back_page { background:#111111; color:#fff; }

/* video background color */
.post_video { background:rgb(0,0,0,1); }

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

/* select input color */
.selectboxit-list, .selectboxit-btn { background-color: #fffaf5; color:#666;  border:1px solid #e5d9cc !important; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #f7f2ec; color:#666; }
.selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:#fffaf5; color:#666; }
.selectboxit-options { background:#fff; border:1px solid #ccc; }
.selectboxit-list .selectboxit-option-anchor { color:#666; }

/* SHATNA MODERN — design overrides; loaded as a normal Boom theme. */
:root{--sh-ink:#111111;--sh-ivory:#f7f2ec;--sh-paper:#fffaf5;--sh-orange:#ff510b;--sh-line:#e5d9cc}
body{background:var(--sh-ivory);color:var(--sh-ink)}
a,.theme_color,.pselected{color:var(--sh-orange)}
.bhead,.back_head,#chat_head,.back_ptop{background:var(--sh-ink);color:#fff}
#chat_head{box-shadow:0 2px 12px rgba(0,0,0,.12)}
#chat_center,#container_chat,#wrap_chat,.back_chat{background:var(--sh-ivory)}
#show_chat{background:radial-gradient(ellipse at center,#fffdfb 0%,var(--sh-ivory) 95%);scrollbar-width:none;overscroll-behavior:contain}
#show_chat::-webkit-scrollbar{display:none}
#chat_toping{position:relative;z-index:2;flex-shrink:0;background:var(--sh-ivory)}
#warp_show_chat{min-height:0;flex:1 1 auto;height:auto!important}
#container_chat,#wrap_chat{height:100%;min-height:0}
#wrap_chat{display:flex;flex-direction:column}
#top_chat_container{flex-shrink:0;position:relative;z-index:3;background:var(--sh-ivory);padding:7px 8px 10px}
#container_input{background:var(--sh-ink);border-radius:999px;padding:5px 7px}
#main_input{height:42px}
#content{background:transparent!important;border:0!important;color:#fff!important;outline:none}
#content::placeholder{color:#b9b3af}
#emo_item,#ok_sub_item,.input_item{color:#f5eee7}
#submit_button{background:var(--sh-orange)!important;color:#fff!important;border-radius:50%;width:40px!important;height:40px!important}
#chat_logs_container{padding:12px 10px 20px}
#chat_logs_container>li{margin-bottom:10px}
.mbubble,.cquote{background:#eee5dc;border-radius:16px;color:var(--sh-ink)}
.my_log{background:var(--sh-orange);color:#fff;border-radius:18px}
.topic_log{background:#f5e4d6;color:#402518;border-radius:14px}
.bnotify,.my_notice{background:var(--sh-orange);color:#fff}
.bselected,.rselected,.cselected{background:rgba(255,81,11,.11)}
.tab_selected{background:rgba(255,81,11,.13);color:var(--sh-orange)}
button,.btnshadow{transition:background-color .16s ease,color .16s ease}
.back_input{background:var(--sh-ivory)}
#chat_right,.cright,.cright2{background:#111;color:#f8f1e9}
#chat_right .panel_bar,#chat_right_top{background:#111;color:#fff}
#chat_right .blisting,#chat_right .blist{border-color:rgba(255,255,255,.12)}
#chat_right .sub_text{color:#bbb}
#wrap_footer,.back_footer{background:var(--sh-ivory);color:var(--sh-ink)}
#my_menu{border-top:1px solid var(--sh-line)}
.footer_item:hover,.footer_item:focus-visible{color:var(--sh-orange)}
#chat_head img,.avatar,.avav{object-fit:cover}
/* Voice remains in the existing top chat area. Never replace voice SDK markup. */
#chat_toping .room_voice_container,#chat_toping .voice_room_container,#chat_toping .voice_layout{border-radius:16px;overflow:hidden}
@media(max-width:700px){
 #chat_head{height:50px}
 #chat_toping{max-height:35vh;overflow-y:auto;scrollbar-width:none}
 #chat_toping::-webkit-scrollbar{display:none}
 #chat_logs_container{padding:9px 8px 16px}
 #top_chat_container{padding:5px 8px 7px}
 #chat_right.cright2{background:#111}
}

/* Mask sidebar overrides */
#chat_right,#chat_right.cright2,.cright,.cright2,#chat_right .panel_bar,#chat_right_top{background:#303238!important;}

/* Mask readable user list: final fallback for legacy selectors. */
#chat_right,#chat_right.cright2,.cright,.cright2,#chat_right .panel_bar,#chat_right_top{background:#41454e!important;}
#chat_right .puser_name,#chat_right .user_name,#chat_right .user_item_name,#chat_right .username,#chat_right .sub_text{color:#f8f8fa!important;}






/* Mask dark sidebar - explicit Boom Chat selectors, desktop and mobile. */
html body #chat_right.cright,
html body #chat_right.cright2,
html body #chat_right,
html body #chat_right_data,
html body #chat_right_data.crheight,
html body #chat_right .back_panel,
html body #chat_right .blist,
html body #chat_right .blisting,
html body #chat_right .user_item,
html body #chat_right .user_list,
html body #chat_right .user_listing,
html body #chat_right .list_element,
html body #chat_right .user_data,
html body #chat_right .user_content,
html body #chat_right .user_list_item,
html body #chat_right #right_panel_bar,
html body #chat_right .panel_bar,
html body #chat_right_top {
 background:#22252b!important;
 background-color:#22252b!important;
}
html body #chat_right,
html body #chat_right_data,
html body #chat_right .puser_name,
html body #chat_right .user_name,
html body #chat_right .user_item_name,
html body #chat_right .username,
html body #chat_right .user_item_data,
html body #chat_right .user_item_data a,
html body #chat_right .user_item a,
html body #chat_right .user_name a,
html body #chat_right .puser_name a,
html body #chat_right .sub_text,
html body #chat_right .list_element .username,
html body #chat_right_data .puser_name,
html body #chat_right_data .user_name,
html body #chat_right_data .username,
html body #chat_right_data .user_item_name,
html body #chat_right_data .user_item_data,
html body #chat_right_data .list_element,
html body #chat_right_data .user_item {
 color:#fff!important;
 text-shadow:none!important;
}
html body #chat_right .blist,html body #chat_right .blisting,
html body #chat_right .user_item {border-bottom-color:rgba(255,255,255,.13)!important;}
/* Do not recolor flags, badges, avatars or status dots. */

/* Mask: persistent dark sidebar after a full page reload. */
html body #global_chat #chat_right, html body #global_chat #chat_right_data, html body #global_chat #chat_right .blist, html body #global_chat #chat_right .blisting, html body #global_chat #chat_right .user_item, html body #global_chat #chat_right .user_data {background-color:#22252b!important;color:#fff!important;}
html body #global_chat #chat_right .puser_name,html body #global_chat #chat_right .user_name,html body #global_chat #chat_right .user_item_name,html body #global_chat #chat_right .username,html body #global_chat #chat_right .user_item_data,html body #global_chat #chat_right .user_item_data a,html body #global_chat #chat_right .user_item a {color:#fff!important;text-shadow:none!important;}


/* Mask bottom navigation: charcoal with white icons and orange active state. */
html body #wrap_footer,
html body #wrap_footer #my_menu,
html body #wrap_footer .back_footer,
html body .back_footer {
  background-color:#22252b!important;
  color:#ffffff!important;
}
html body #wrap_footer {border-top:1px solid #343840!important;}
html body #wrap_footer #my_menu {border-top-color:#343840!important;}
html body #wrap_footer a,
html body #wrap_footer i,
html body #wrap_footer svg,
html body #wrap_footer .footer_item,
html body #wrap_footer .footer_item span,
html body #wrap_footer .footer_item small,
html body #wrap_footer #my_menu,
html body #wrap_footer #my_menu i {color:#ffffff!important;}
html body #wrap_footer svg {fill:currentColor;}
html body #wrap_footer .active,
html body #wrap_footer .active i,
html body #wrap_footer .active span,
html body #wrap_footer .selected,
html body #wrap_footer .selected i,
html body #wrap_footer .selected span,
html body #wrap_footer .footer_item:hover,
html body #wrap_footer .footer_item:focus-visible,
html body #wrap_footer .footer_item:hover i {color:#ff681c!important;}


/* Mask desktop voice: two independent grid rows; no absolute overlays. */
@media screen and (min-width:801px) {
 html body .shatna-modern-layout #chatna-room-voice {
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto!important;
   grid-template-rows:auto auto!important;
   align-items:center!important;
   align-content:start!important;
   column-gap:14px!important;
   row-gap:9px!important;
   direction:ltr!important;
   position:relative!important;
   height:auto!important;
   min-height:92px!important;
   max-height:none!important;
   padding:10px 13px!important;
   overflow:visible!important;
 }
 html body .shatna-modern-layout #chatna-room-voice .shatna-onair-title {
   grid-column:1!important;grid-row:1!important;
   justify-self:start!important;align-self:center!important;
   position:static!important;order:unset!important;
 }
 html body .shatna-modern-layout #chatna-room-voice .cv-heading {
   grid-column:2!important;grid-row:1!important;
   justify-self:end!important;align-self:center!important;
   position:static!important;order:unset!important;
   max-width:100%!important;min-width:0!important;
   direction:rtl!important;
 }
 html body .shatna-modern-layout #chatna-room-voice #chatna-voice-speakers {
   grid-column:1!important;grid-row:2!important;
   justify-self:stretch!important;align-self:center!important;
   display:flex!important;flex-wrap:nowrap!important;
   justify-content:flex-start!important;align-items:center!important;
   gap:8px!important;direction:ltr!important;
   position:static!important;order:unset!important;
   width:100%!important;min-width:0!important;max-width:100%!important;
   min-height:0!important;max-height:60px!important;
   margin:0!important;padding:2px 0!important;
   overflow-x:auto!important;overflow-y:hidden!important;
 }
 html body .shatna-modern-layout #chatna-room-voice #chatna-voice-speakers .cf-speaker {
   flex:0 0 auto!important;max-width:210px!important;
   display:flex!important;align-items:center!important;gap:6px!important;
   color:#fff!important;direction:rtl!important;
 }
 html body .shatna-modern-layout #chatna-room-voice #chatna-voice-speakers img {
   display:block!important;width:32px!important;height:32px!important;
   flex-shrink:0!important;object-fit:cover!important;
 }
 html body .shatna-modern-layout #chatna-room-voice .cf-voice-controls,
 html body .shatna-modern-layout #chatna-room-voice > .cf-voice-controls {
   grid-column:2!important;grid-row:2!important;
   justify-self:end!important;align-self:center!important;
   position:static!important;
   inset:auto!important;top:auto!important;right:auto!important;
   bottom:auto!important;left:auto!important;
   order:unset!important;float:none!important;clear:none!important;
   transform:none!important;z-index:auto!important;
   width:max-content!important;max-width:100%!important;
   display:flex!important;flex-direction:row!important;
   flex-wrap:nowrap!important;justify-content:flex-end!important;
   margin:0!important;padding:0!important;
 }
}