/* ============================================================
   ХАРАНХУЙ ГОРИМ — шинэ модулиуд (самбар, групп, шууд даалгавар, лавлах,
   профайл, нэвтрэх, гар утасны толгой). enhance.css-ийн --ux-* palette-ийг
   ашиглана; хуудасны CSS-д шууд бичигдсэн цагаан/цайвар өнгийг энд дарна.
   Бүх дүрэм html[data-theme="dark"] дор — light горимд огт нөлөөлөхгүй.
   ============================================================ */
html[data-theme="dark"] {
    --dk-card: var(--ux-card);
    --dk-bg: var(--ux-bg);
    --dk-surface: var(--ux-surface);
    --dk-input: var(--ux-input);
    --dk-border: var(--ux-border);
    --dk-border-soft: var(--ux-border-soft);
    --dk-text: var(--ux-text);
    --dk-text2: var(--ux-text-2);
    --dk-muted: var(--ux-muted);
    --dk-icon: var(--ux-icon);
    --dk-indigo: #8b9cff;
    --dk-indigo-soft: rgba(109, 94, 240, .22);
    --dk-indigo-soft2: rgba(109, 94, 240, .14);
}

/* ---------- Ерөнхий: хуудасны суурь, текст ---------- */
html[data-theme="dark"] body,
html[data-theme="dark"] .body_wrap,
html[data-theme="dark"] .app_page,
html[data-theme="dark"] .main_wrap { background: var(--dk-bg) !important; color: var(--dk-text); }

/* Гарчиг/тод текстүүд — модулиудад шууд өнгө заасныг дарна */
html[data-theme="dark"] .app_page :is(h1, h2, h3, h4),
html[data-theme="dark"] .app_page :is(.uu_hello h1, .uu_card_head h3, .uu_stat_num, .uu_trow_name, .uu_up_name, .uu_up_date b, .uu_direct b, .uu_group_name, .uu_act_text b, .uu_org_top > b,
    .gx_name, .gx_side_card h3, .gx_new_card b, .gx_tab.active,
    .gs_name_row h2, .gs_task_name, .gs_sub_name, .gs_member_name, .gs_file_meta b, .gs_side_card h3, .gs_cal_head b, .gs_stat_num, .gs_stat_label, .gs_tcard_name, .gs_note_head b, .gs_uitem_meta b, .gs_side_member_meta b, .gs_tl_text b, .gs_edit_box label, .gs_req_title, .gs_tab.active, .gs_add_tab.active,
    .pa_name, .pa_sub_name, .pa_stat b, .pa_note_head b, .pa_label, .pa_tab.active, .pa_sel b, .pa_modal_box h3,
    .dr_org_name, .dr_person_name, .dr_head h1, .dr_head h2,
    .pf_name, .pf_row_value, .pf_card_head h3, .pf_link_main b, .pf_priv_main b, .pf_modal_box h3, .pf_m_label,
    .uu_banner_left h1, .uu_banner_bc b, .gs_modal_box h3, .gx_modal_box h3, .gs_kebab_item, .gs_tk_item, .pa_tk_item, .gs_multi_item, .gs_tag_item, .pa_who_item, .gs_who b, .pa_who b, .gs_note_body p, .pa_note_body p, .gs_cmt b, .gs_cmt p, .gs_act, .pa_act, .gs_btn, .gx_btn, .pa_btn, .uu_quick a, .gs_filter, .pa_filter, .uu_tab, .gx_tab, .gs_tab, .pa_tab, .gs_add_tab, .gs_view button, .pa_view button, .gx_view button) {
    color: var(--dk-text);
}
/* Хоёрдогч / сул текст */
html[data-theme="dark"] .app_page :is(p, small, .uu_hello p, .uu_stat_label, .uu_stat_num small, .uu_trow_sub, .uu_up_sub, .uu_direct span, .uu_group_stats, .uu_act_time, .uu_act_text, .uu_empty, .uu_card_head span, .uu_up_date span, .uu_org_top > span,
    .gx_desc, .gx_meta, .gx_side_sub, .gx_hint, .gx_new_card span, .gx_tab,
    .gs_head_desc, .gs_task_desc, .gs_task_meta, .gs_task_info, .gs_info_item, .gs_member_sub, .gs_file_meta span, .gs_side_sub, .gs_small, .gs_hint, .gs_msg_head, .gs_msg_reads, .gs_note_head small, .gs_note_empty, .gs_uitem_meta span, .gs_side_member_meta span, .gs_tl_text, .gs_tl_time, .gs_cmt small, .gs_tcard_meta, .gs_chat_empty, .gs_tab, .gs_add_tab, .gs_uempty, .gs_inv_divider, .gs_archived_banner, .gs_tf_dates label,
    .pa_desc, .pa_info, .pa_info_item, .pa_stat span:not(.pa_stat_ic), .pa_hint, .pa_note_head small, .pa_note_empty, .pa_empty, .pa_tab, .pa_who_lbl, .pa_who_item small,
    .dr_org_sub, .dr_person_pos, .dr_person_contact, .dr_head p,
    .pf_pos, .pf_sub, .pf_row_label, .pf_note, .pf_priv_main span, .pf_priv_state, .pf_m_hint,
    .uu_banner_sub, .uu_banner_bc, .uu_banner_bc a, .gs_cal_legend, .gs_cal_num) {
    color: var(--dk-muted);
}
html[data-theme="dark"] .app_page :is(.gs_tab_txt, .gs_tab_ic) { color: inherit; }

/* ---------- Карт, хүрээ ---------- */
html[data-theme="dark"] .app_page :is(.uu_card, .uu_stat, .uu_banner, .uu_direct a,
    .gx_card, .gx_side_card, .gx_new_card,
    .gs_card, .gs_side_card, .gs_task, .gs_sub, .gs_member, .gs_file_row, .gs_tcard, .gs_tl_dot, .gs_req_box,
    .pa_card, .pa_stat, .pa_task, .pa_sub, .pa_head,
    .dr_head, .dr_org, .dr_person,
    .pf_card, .pf_hero, .pf_priv_row) {
    background: var(--dk-card) !important; border-color: var(--dk-border) !important; box-shadow: none !important;
}
html[data-theme="dark"] .app_page :is(.gs_task.st_done, .pa_task.st_done) { background: var(--dk-card) !important; }
html[data-theme="dark"] .app_page .gs_head_card, html[data-theme="dark"] .app_page .pa_head, html[data-theme="dark"] .app_page .dr_head, html[data-theme="dark"] .app_page .uu_banner { background-image: none !important; }
html[data-theme="dark"] .app_page :is(.uu_trow, .uu_up, .uu_org, .uu_group_row, .uu_act, .gs_cmt, .gs_side_member, .gs_stat_row, .pf_row, .pf_link_row, .pf_priv_row, .gs_tl_item::before, .dr_person) { border-color: var(--dk-border-soft) !important; }
html[data-theme="dark"] .app_page :is(.uu_stat_bar, .uu_org_bar, .uu_group_stats .p, .gx_prog, .gs_progress, .pa_progress, .uu_day_bar i) { background-color: var(--dk-surface) !important; }

/* ---------- Товч, чип, таб ---------- */
html[data-theme="dark"] .app_page :is(.gs_btn, .gx_btn, .pa_btn, .uu_quick a, .gs_act, .pa_act, .gs_filter, .pa_filter, .uu_tab, .gs_view, .pa_view, .gx_view, .gs_view button, .pa_view button, .gx_view button, .gs_kebab, .gs_chat_ic, .gs_multi_btn, .gx_cancel, .pa_m_cancel, .pf_m_cancel, .gs_tk > .gs_act, .pa_tk > .pa_act, .gs_edit_people label, .gs_sub_modal_box .gs_multi_item, .gs_who, .pa_who, .gs_cmt_btn, .pf_edit_btn, .gs_link_form select, .pa_sel, .gs_org_filter) {
    background: var(--dk-surface) !important; border-color: var(--dk-border) !important; color: var(--dk-text);
}
html[data-theme="dark"] .app_page :is(.gs_btn.primary, .gx_btn.primary, .pa_btn.primary, .uu_quick a.primary, .gx_save, .pa_m_save, .pf_m_save, .gs_act.gs_done_btn, .pa_done_btn, .uu_new_btn) { color: #fff !important; border: 0 !important; }
html[data-theme="dark"] .app_page :is(.gs_btn.primary, .gx_btn.primary, .pa_btn.primary, .uu_quick a.primary, .gx_save, .pa_m_save, .pf_m_save) { background: linear-gradient(90deg, #7b61ff, #5a49ec) !important; }
html[data-theme="dark"] .app_page :is(.gs_act.gs_done_btn, .pa_done_btn) { background: linear-gradient(90deg, #22c55e, #16a34a) !important; }
html[data-theme="dark"] .app_page :is(.gs_act.gs_done_btn.is_done, .pa_done_btn.is_done) { background: rgba(245,158,11,.18) !important; color: #fcd34d !important; }
html[data-theme="dark"] .app_page :is(.gs_act.danger, .gs_btn.danger) { background: rgba(239,68,68,.14) !important; border-color: rgba(239,68,68,.35) !important; color: #fca5a5 !important; }
html[data-theme="dark"] .app_page :is(.gs_filter.active, .pa_filter.active, .uu_tab.active, .gs_view button.active, .pa_view button.active, .gx_view button.active, .gs_edit_people label:has(input:checked), .gs_sub_modal_box .gs_multi_item:has(input:checked)) {
    background: var(--dk-indigo-soft) !important; border-color: rgba(139,156,255,.45) !important; color: var(--dk-indigo) !important;
}
html[data-theme="dark"] .app_page :is(.gs_tab.active, .pa_tab.active, .gx_tab.active, .gs_add_tab.active) { background: transparent !important; border-bottom-color: var(--dk-indigo) !important; }
html[data-theme="dark"] .app_page :is(.gs_filter[data-filter="done"].active, .pa_filter[data-filter="done"].active) { background: rgba(34,197,94,.18) !important; border-color: rgba(34,197,94,.4) !important; color: #86efac !important; }
html[data-theme="dark"] .app_page :is(.gs_filter b, .pa_filter b, .gs_act b, .pa_act b, .pa_tab b) { background: rgba(255,255,255,.1) !important; color: var(--dk-text2) !important; }
html[data-theme="dark"] .app_page :is(.gs_filter.active b, .pa_filter.active b, .pa_tab.active b) { background: #6d5ef0 !important; color: #fff !important; }
html[data-theme="dark"] .app_page :is(.gs_tabs, .pa_tabs, .gx_tabs, .gs_add_tabs) { border-bottom-color: var(--dk-border) !important; background: transparent; }
html[data-theme="dark"] .gs_card .gs_tabs { background: var(--dk-card) !important; }
html[data-theme="dark"] .app_page .gs_tab_badge { box-shadow: 0 0 0 2px var(--dk-card); }
html[data-theme="dark"] .app_page :is(.gs_who_av, .pa_who_av, .gs_av, .gs_task_av, .gs_member_avatar, .gs_uitem_av, .gs_side_member_av, .gs_note_av, .pa_note_av, .uu_act_avatar, .uu_trow_avatar, .uu_group_icon, .gx_av, .dr_person_avatar, .gs_file_ic, .gs_stat_icon) { background: var(--dk-indigo-soft) !important; color: var(--dk-indigo) !important; border-color: var(--dk-card) !important; }
html[data-theme="dark"] .app_page :is(.gs_who small, .pa_who small, .gs_who_more, .gs_cmt_btn, .uu_card_head a, .gs_file_dl, .gs_uitem_add, .gs_tcard_lbl, .gs_tcard_open, .uu_day_cnt, .gs_cal_more, .pa_sel button, .gx_card_open) { color: var(--dk-indigo) !important; }
html[data-theme="dark"] .app_page :is(.gs_who small, .pa_who small) { background: var(--dk-indigo-soft2) !important; }

/* ---------- Төлвийн пилл, шошго — тунгалаг тинт ---------- */
html[data-theme="dark"] .app_page :is(.gs_status.blue, .pa_status.blue, .uu_pill.blue, .gs_due_hint.blue, .pa_due_hint.blue, .gs_due, .gs_tcard_st, .gx_role.admin, .gs_role.admin, .uu_up_date, .gs_chip, .gs_msg_task, .pf_badge) { background: rgba(99,102,241,.22) !important; color: #c7d2fe !important; }
html[data-theme="dark"] .app_page :is(.gs_status.green, .pa_status.green, .uu_pill.green, .gs_due_hint.green, .pa_due_hint.green, .gs_tcard.done .gs_tcard_st, .gs_cal_task.done) { background: rgba(34,197,94,.2) !important; color: #86efac !important; border-color: rgba(34,197,94,.35) !important; }
html[data-theme="dark"] .app_page :is(.gs_status.red, .pa_status.red, .uu_pill.red, .gs_due_hint.red, .pa_due_hint.red, .gs_due.overdue, .gs_tcard.overdue .gs_tcard_st, .gs_cal_task.overdue) { background: rgba(239,68,68,.2) !important; color: #fca5a5 !important; border-color: rgba(239,68,68,.35) !important; }
html[data-theme="dark"] .app_page :is(.gs_status.orange, .pa_status.orange, .uu_pill.orange, .gs_due_hint.orange, .pa_due_hint.orange, .uu_up_date.soon) { background: rgba(245,158,11,.22) !important; color: #fcd34d !important; }
html[data-theme="dark"] .app_page :is(.gs_status.gray, .gx_role.member, .gs_role.member) { background: rgba(148,163,184,.18) !important; color: #cbd5e1 !important; }
html[data-theme="dark"] .app_page :is(.uu_stat_icon, .pa_stat_ic, .gx_card_icon, .gs_head_icon, .dr_org_icon, .dr_head_icon, .pa_head_icon, .uu_banner_icon) { filter: saturate(.85) brightness(.92); }
html[data-theme="dark"] .app_page .gs_req_title { background: rgba(245,158,11,.14) !important; border-color: rgba(245,158,11,.35) !important; color: #fcd34d !important; }
html[data-theme="dark"] .app_page .gs_archived_banner { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; }

/* ---------- Оролтын талбар ---------- */
html[data-theme="dark"] .app_page :is(input[type=text], input[type=email], input[type=tel], input[type=password], input[type=search], input[type=url], input[type=date], input[type=number], select, textarea, .pa_input, .pf_m_input, .gs_composer_row, .gs_usearch input, .gx_search input, .pa_search input, .dr_search input, .gs_invite_form input, .gs_org_filter, .gs_task_form input, .gs_task_form select, .gs_edit_box input, .gs_edit_box textarea, .gs_sub_form input, .gs_cmts_form input, .gs_chat_form input, .gx_modal_box input, .gx_modal_box textarea) {
    background: var(--dk-input) !important; border-color: var(--dk-border) !important; color: var(--dk-text) !important;
}
html[data-theme="dark"] .app_page :is(input, textarea)::placeholder { color: var(--dk-icon) !important; }
html[data-theme="dark"] .app_page .gs_composer textarea { background: transparent !important; }
html[data-theme="dark"] .app_page .gs_composer_row:focus-within { background: var(--dk-input) !important; border-color: #6d5ef0 !important; }

/* ---------- Дотоод хайрцаг / dropdown / модал ---------- */
html[data-theme="dark"] .app_page :is(.gs_cmts, .gs_note_body, .pa_note_body, .gs_subs, .gs_note_empty, .pa_note_empty, .gs_join_link, .gx_empty, .dr_empty_people, .dr_no_result, .pf_note, .gs_tcard, .gs_msg_file, .gs_chat_jump, .gs_tl_dot, .uu_day, .gs_sub_modal_box .gs_sub, .pa_who_list, .pa_sel, .gs_inv_divider::before, .gs_inv_divider::after) {
    background: var(--dk-surface) !important; border-color: var(--dk-border) !important; color: var(--dk-text2);
}
html[data-theme="dark"] .app_page :is(.gs_note.mine .gs_note_body, .pa_note.mine .pa_note_body) { background: var(--dk-indigo-soft2) !important; border-color: rgba(139,156,255,.3) !important; }
html[data-theme="dark"] :is(.gs_kebab_menu, .gs_tk_menu, .pa_tk_menu, .gs_multi_list, .gs_tag_list, .gs_usearch_list, .nova_user_menu, .gs_modal_box, .gx_modal_box, .pa_modal_box, .pf_modal_box, .gr_modal_box) {
    background: var(--dk-card) !important; border-color: var(--dk-border) !important; color: var(--dk-text); box-shadow: 0 16px 40px rgba(0,0,0,.5) !important;
}
html[data-theme="dark"] :is(.gs_kebab_item:hover, .gs_tk_item:hover, .pa_tk_item:hover, .gs_multi_item:hover, .gs_tag_item:hover, .gs_uitem:hover, .pa_who_item:hover, .pf_link_row:hover, .dr_org_head:hover, .gx_card:hover) { background: var(--dk-surface) !important; color: var(--dk-text) !important; }
html[data-theme="dark"] :is(.gs_modal_bg, .gx_modal_bg, .pa_modal_bg, .pf_modal_bg, .gr_modal_bg) { background: rgba(0,0,0,.65) !important; }
html[data-theme="dark"] :is(.gs_modal_box, .pa_modal_box, .gx_modal_box, .pf_modal_box, .gr_modal_box)::before { background: var(--dk-border-strong, #3a4d6b) !important; }
html[data-theme="dark"] .app_page :is(.gs_kebab_item svg, .gs_tk_item svg, .pa_tk_item svg, .gs_act svg, .pa_act svg, .gs_info_item svg, .pa_info_item svg, .pf_row_icon, .pf_link_icon, .uu_banner_bc svg) { color: var(--dk-icon) !important; }
html[data-theme="dark"] .app_page :is(.gs_kebab_item.danger, .gs_tk_item.danger, .pa_tk_item.danger, .pf_link_row.danger b, .pf_link_row.danger .pf_link_icon) { color: #fca5a5 !important; }

/* ---------- Чат ---------- */
html[data-theme="dark"] .app_page .gs_msg:not(.mine) .gs_msg_body { background: var(--dk-surface) !important; color: var(--dk-text) !important; }
html[data-theme="dark"] .app_page .gs_msg.mine .gs_msg_file { background: rgba(255,255,255,.9) !important; color: #1b1e33 !important; }
html[data-theme="dark"] .app_page .gs_msg.mine .gs_tcard { background: var(--dk-card) !important; }
html[data-theme="dark"] .app_page .gs_composer { border-top-color: var(--dk-border) !important; }
html[data-theme="dark"] .app_page .gs_composer_hint kbd { background: var(--dk-surface); color: var(--dk-text2); border-color: var(--dk-border); }
html[data-theme="dark"] .app_page .gs_chat_chips .gs_chip b { color: var(--dk-muted); }

/* ---------- Календарь ---------- */
html[data-theme="dark"] .app_page .gs_cal_wrap { background: var(--dk-card) !important; border-color: var(--dk-border) !important; }
html[data-theme="dark"] .app_page .gs_cal_dow { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; color: var(--dk-muted) !important; }
html[data-theme="dark"] .app_page .gs_cal_dow.wknd { background: rgba(239,68,68,.1) !important; color: #fca5a5 !important; }
html[data-theme="dark"] .app_page .gs_cal_day { background: var(--dk-card) !important; border-color: var(--dk-border-soft) !important; }
html[data-theme="dark"] .app_page .gs_cal_day.other { background: var(--dk-bg) !important; }
html[data-theme="dark"] .app_page .gs_cal_day.wknd { background: repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 6px, transparent 6px 12px), var(--dk-card) !important; }
html[data-theme="dark"] .app_page .gs_cal_day.today { background: var(--dk-indigo-soft2) !important; box-shadow: inset 0 0 0 2px #6d5ef0 !important; }
html[data-theme="dark"] .app_page .gs_cal_num { color: var(--dk-text2) !important; }
html[data-theme="dark"] .app_page .gs_cal_day.other .gs_cal_num { color: var(--dk-icon) !important; }
html[data-theme="dark"] .app_page .gs_cal_day.today .gs_cal_num { background: #6d5ef0 !important; color: #fff !important; }
html[data-theme="dark"] .app_page .gs_cal_day.wknd .gs_cal_num { color: #fca5a5 !important; }
html[data-theme="dark"] .app_page .gs_cal_task:not(.done):not(.overdue) { background: rgba(99,102,241,.25) !important; color: #c7d2fe !important; border-color: rgba(99,102,241,.4) !important; }

/* ---------- Самбар ---------- */
html[data-theme="dark"] .app_page .uu_stat.red .uu_stat_icon { background: rgba(239,68,68,.2) !important; }
html[data-theme="dark"] .app_page .uu_stat.orange .uu_stat_icon { background: rgba(245,158,11,.22) !important; }
html[data-theme="dark"] .app_page .uu_stat.blue .uu_stat_icon { background: rgba(59,130,246,.22) !important; }
html[data-theme="dark"] .app_page .uu_stat.green .uu_stat_icon { background: rgba(34,197,94,.2) !important; }
html[data-theme="dark"] .app_page .uu_trow_check button { background: var(--dk-surface); border-color: var(--dk-border-strong, #3a4d6b); }
html[data-theme="dark"] .app_page .uu_tab { border-color: var(--dk-border) !important; }
html[data-theme="dark"] .app_page .uu_day.today { background: var(--dk-indigo-soft2) !important; }

/* ---------- Профайл ---------- */
html[data-theme="dark"] .app_page .pf_hero_top { background: linear-gradient(135deg, rgba(109,94,240,.25), rgba(79,143,247,.12)) !important; }
html[data-theme="dark"] .app_page .pf_ava { background: var(--dk-indigo-soft) !important; color: var(--dk-indigo) !important; border-color: var(--dk-card) !important; }
html[data-theme="dark"] .app_page .pf_switch { background: var(--dk-surface); }
html[data-theme="dark"] .app_page .pf_link_row { background: transparent; }

/* ---------- Гар утасны толгой, доод sheet ---------- */
html[data-theme="dark"] .nova_topbar { background: var(--ux-card) !important; border-bottom-color: var(--ux-border) !important; }
html[data-theme="dark"] .nova_topbar .tb_page_title { color: var(--ux-text) !important; }
html[data-theme="dark"] .nova_topbar :is(.theme_toggle, .notification_button, .tb_back) { background: var(--ux-surface) !important; color: var(--ux-text-2) !important; }
html[data-theme="dark"] .nova_topbar .notification_badge { border-color: var(--ux-card) !important; }
html[data-theme="dark"] .gs_task > .gs_check_form button, html[data-theme="dark"] .gs_sub > .gs_check_form button, html[data-theme="dark"] .pa_check button { background: var(--dk-surface); border-color: var(--dk-border-strong, #3a4d6b); }

/* ---------- Нэвтрэх / бүртгүүлэх / onboarding ---------- */
html[data-theme="dark"] .av_page { background: var(--ux-bg) !important; }
html[data-theme="dark"] .av_right { background: var(--ux-card) !important; }
html[data-theme="dark"] .av_left { background: linear-gradient(165deg, #16213a, #101827) !important; }
html[data-theme="dark"] :is(.av_title, .av_left_title, .av_step_pane h2, .av_label) { color: var(--ux-text) !important; }
html[data-theme="dark"] :is(.av_sub, .av_divider, .av_hint, .av_terms, .av_switch, .av_left_sub, .av_mini_item span, .av_step_label) { color: var(--ux-muted) !important; }
html[data-theme="dark"] .av_divider::before, html[data-theme="dark"] .av_divider::after { background: var(--ux-border) !important; }
html[data-theme="dark"] :is(.av_choice, .av_field input, .av_phone, .av_phone_cc, .av_phone input, .av_back, .av_btn2, .av_eye) { background: var(--ux-input) !important; border-color: var(--ux-border) !important; color: var(--ux-text) !important; }
html[data-theme="dark"] .av_field input::placeholder { color: var(--ux-icon) !important; }
html[data-theme="dark"] .av_mini { background: var(--ux-surface) !important; }
html[data-theme="dark"] .av_step_item { color: var(--ux-muted); }
html[data-theme="dark"] .av_step_num { background: var(--ux-surface) !important; color: var(--ux-muted) !important; border-color: var(--ux-border) !important; }
html[data-theme="dark"] .av_step_item.active .av_step_num, html[data-theme="dark"] .av_step_item.done .av_step_num { background: #6d5ef0 !important; color: #fff !important; }
html[data-theme="dark"] .av_step_line { background: var(--ux-border) !important; }

/* Табууд — хайрцаггүй, зөвхөн доогуур зураас */
html[data-theme="dark"] .app_page :is(.gs_tab, .pa_tab, .gx_tab, .gs_add_tab) { background: transparent !important; border-color: transparent !important; color: var(--dk-muted); }
html[data-theme="dark"] .app_page :is(.gs_tab.active, .pa_tab.active, .gx_tab.active, .gs_add_tab.active) { background: transparent !important; border-bottom-color: var(--dk-indigo) !important; color: var(--dk-indigo) !important; }
html[data-theme="dark"] .app_page :is(.gs_tab:hover, .pa_tab:hover, .gx_tab:hover) { background: var(--dk-surface) !important; }
/* (specificity: дээрх :has(...)-тай жагсаалтаас давуу байхаар эцэг классаар нь заана) */
html[data-theme="dark"] .app_page :is(.gs_tabs .gs_tab, .pa_tabs .pa_tab, .gx_tabs .gx_tab, .gs_add_tabs .gs_add_tab) { background: transparent !important; border-color: transparent !important; color: var(--dk-muted) !important; }
html[data-theme="dark"] .app_page :is(.gs_tabs .gs_tab.active, .pa_tabs .pa_tab.active, .gx_tabs .gx_tab.active, .gs_add_tabs .gs_add_tab.active) { background: transparent !important; border-bottom-color: var(--dk-indigo) !important; color: var(--dk-indigo) !important; }
html[data-theme="dark"] .gs_card .gs_tabs .gs_tab.active { background: var(--dk-indigo-soft2) !important; }
html[data-theme="dark"] .gs_card .gs_tabs .gs_tab.active { background: transparent !important; }
@media (max-width: 760px) { html[data-theme="dark"] .gs_card .gs_tabs .gs_tab.active { background: var(--dk-indigo-soft2) !important; border-radius: 10px 10px 0 0; } }
html[data-theme="dark"] .gs_card .gs_tabs { border-color: var(--dk-border) !important; }