/* ============================================================
   ГАР УТАСНЫ ЗАСВАРУУД — шинэ модулиуд (самбар, групп, шууд даалгавар,
   лавлах, профайл, нэвтрэх). Хамгийн сүүлд ачаалагддаг тул хуудасны
   @push('styles') дүрмүүдийг дарна. Зарчим:
     • нэг багана, зай бага, том дарах талбай (≥40px)
     • урт мөрүүд (таб, шүүлтүүр) хэвтээ гүйлгэгддэг, хуудас өөрөө хэзээ ч
       хэвтээ гүйхгүй
     • модалууд доороос гарах «bottom sheet»
     • input 16px — iOS автоматаар томруулахаас сэргийлнэ
   ============================================================ */

@media (max-width: 760px) {
    html, body { overflow-x: hidden; }

    /* ---------- Ерөнхий хүрээ ---------- */
    .app_page .main_wrap { padding: 0 !important; }
    .app_page .container,
    .app_page .main_wrap > .container { width: 100% !important; max-width: 100% !important; padding: 8px 12px 0 !important; }
    .nova_topbar { min-height: 58px !important; padding: 6px 10px !important; }
    .nova_topbar .theme_toggle, .nova_topbar .notification_button { width: 40px !important; height: 40px !important; }
    .nova_topbar .nova_user_avatar { width: 36px !important; height: 36px !important; }
    .uu_banner { padding: 12px 14px !important; border-radius: 14px !important; }

    .uu_card, .gs_card, .pa_card, .gx_side_card, .gs_side_card, .pf_card {
        padding: 14px !important; border-radius: 14px !important; margin-bottom: 12px !important; min-width: 0;
    }
    .uu_cols > *, .gs_layout > *, .gs_pane, .uu_card, .gs_card, .pa_card, .pa_pane { min-width: 0; }

    /* Хэвтээ гүйдэг табууд / шүүлтүүрүүд — хуудсыг тэлэхгүй */
    .uu_tabs, .gs_tabs, .pa_tabs, .gx_tabs, .gs_filters, .pa_filters, .gs_add_tabs {
        display: flex; flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden;
        -webkit-overflow-scrolling: touch; scrollbar-width: none; max-width: 100%;
        margin-left: -14px; margin-right: -14px; padding-left: 14px; padding-right: 14px;
    }
    .uu_tabs::-webkit-scrollbar, .gs_tabs::-webkit-scrollbar, .pa_tabs::-webkit-scrollbar, .gx_tabs::-webkit-scrollbar,
    .gs_filters::-webkit-scrollbar, .pa_filters::-webkit-scrollbar, .gs_add_tabs::-webkit-scrollbar { display: none; }
    .uu_tab, .gs_tab, .pa_tab, .gx_tab, .gs_filter, .pa_filter, .gs_add_tab { flex: none; white-space: nowrap; }
    .gs_tab, .pa_tab, .gx_tab { padding: 10px 12px !important; font-size: 13px !important; }

    /* Маягтын талбарууд — iOS zoom-оос сэргийлэх, том дарах талбай */
    .app_page input[type=text], .app_page input[type=email], .app_page input[type=tel], .app_page input[type=password],
    .app_page input[type=search], .app_page input[type=date], .app_page select, .app_page textarea {
        font-size: 16px !important;
    }
    .gs_btn, .pa_btn, .gx_btn, .uu_quick a { min-height: 40px; }
    .gs_act, .pa_act { min-height: 34px; padding: 6px 11px; }

    /* ---------- Модалууд — доороос гарах sheet ---------- */
    .gs_modal, .pa_modal, .gx_modal, .pf_modal, .gr_modal { align-items: flex-end !important; justify-content: stretch !important; }
    .gs_modal_box, .pa_modal_box, .gx_modal_box, .pf_modal_box, .gr_modal_box {
        width: 100% !important; max-width: 100% !important; margin: 0 !important;
        border-radius: 20px 20px 0 0 !important;
        max-height: 92dvh !important; overflow-y: auto !important;
        padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
        animation: uuSheetUp .22s ease-out;
    }
    @keyframes uuSheetUp { from { transform: translateY(30px); opacity: .6; } to { transform: none; opacity: 1; } }
    /* Sheet-ийн дээд бариул */
    .gs_modal_box::before, .pa_modal_box::before, .gx_modal_box::before, .pf_modal_box::before, .gr_modal_box::before {
        content: ''; display: block; width: 40px; height: 4px; border-radius: 999px; background: #dfe2ee; margin: -6px auto 12px;
    }
    .pa_row2 { flex-direction: column; gap: 0; }
    .pa_m_actions, .gx_modal_actions { flex-direction: row; }
    .pa_m_actions > *, .gx_modal_actions > * { flex: 1; }
    .gs_notes, .pa_notes { max-height: 50dvh; }

    /* ---------- Хяналтын самбар ---------- */
    .uu_hello { margin: 2px 0 12px !important; }
    .uu_hello h1 { font-size: 20px !important; }
    .uu_hello p { font-size: 12.5px !important; }
    .uu_quick { width: 100%; display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 6px; }
    .uu_quick a { justify-content: center; padding: 9px 4px !important; font-size: 12px !important; white-space: nowrap; }
    .uu_stats { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; margin-bottom: 12px !important; }
    .uu_stat { padding: 11px 12px !important; border-radius: 13px !important; }
    .uu_stat_icon { width: 34px !important; height: 34px !important; font-size: 16px !important; }
    .uu_stat_label { font-size: 11.5px !important; }
    .uu_stat_num { font-size: 20px !important; }
    .uu_stat_bar { margin-top: 8px !important; }
    .uu_cols { gap: 0 !important; }
    .uu_trow { gap: 8px !important; padding: 10px 0 !important; }
    .uu_trow_name { white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; }
    .uu_trow_date, .uu_trow_avatar { display: none !important; }
    .uu_pill { flex: none; font-size: 10.5px !important; padding: 3px 8px !important; }
    .uu_up_name { white-space: normal !important; }
    .uu_direct { gap: 8px; }
    .uu_direct a { padding: 9px 10px; }
    .uu_direct b { font-size: 17px; }
    .uu_direct span { font-size: 11px; }
    .uu_group_stats { flex-wrap: wrap; }

    /* ---------- Группууд (жагсаалт) ---------- */
    .gx_toolbar { gap: 8px !important; margin-bottom: 12px !important; }
    .gx_tabs { flex: 1 1 100% !important; }
    .gx_search { flex: 1 1 100% !important; order: 2; }
    .gx_search input { width: 100% !important; }
    .gx_view { display: none !important; }
    .gx_toolbar > .gx_btn, .gx_toolbar > form > .gx_btn { flex: 1 1 0 !important; justify-content: center; order: 3; }
    .gx_grid { grid-template-columns: 1fr !important; gap: 10px !important; }
    .gx_card { padding: 14px !important; }
    .gx_new_card { min-height: 120px !important; }

    /* ---------- Группын дотор ---------- */
    .gs_layout { gap: 0 !important; margin-top: 6px !important; }
    .gs_head_card { gap: 10px !important; }
    .gs_head_icon { width: 44px !important; height: 44px !important; font-size: 22px !important; border-radius: 13px !important; }
    .gs_head_main { min-width: 0 !important; flex: 1 1 180px !important; }
    .gs_name_row h2 { font-size: 17px !important; line-height: 1.3; }
    .gs_head_desc { font-size: 12.5px !important; margin: 4px 0 8px !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .gs_head_actions { flex-direction: row !important; width: 100%; }
    .gs_head_actions .gs_btn { flex: 1; }
    .gs_kebab { width: 36px !important; height: 36px !important; }

    /* Даалгаврын шүүлтүүрийн мөр: товч дээрээ бүтэн, шүүлтүүр доороо гүйдэг */
    .gs_filter_row { flex-direction: column-reverse; align-items: stretch !important; gap: 8px !important; }
    .gs_filter_row > .gs_btn, .gs_filter_row .gs_btn.primary { width: 100%; }
    .gs_filter_row .gs_filters { margin: 0 -14px !important; padding: 0 14px; }
    .gs_view, .pa_view { display: none !important; }
    .gs_task_list.cards, .pa_list.cards { grid-template-columns: 1fr !important; }

    /* Даалгаврын мөр — шахмал, үйлдлүүд нь тодорхой */
    .gs_task { padding: 12px !important; gap: 8px !important; margin-bottom: 8px !important; border-radius: 12px !important; }
    .gs_task > .gs_check_form, .pa_task > .pa_check { display: none !important; }
    .gs_task_right .gs_avatars { display: none !important; }
    .gs_task_top .gs_task_name, .pa_name { font-size: 13.5px !important; line-height: 1.35; }
    .gs_task_desc, .pa_desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .gs_task_info, .pa_info { gap: 5px 10px !important; }
    .gs_who b, .pa_who b { max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
    .gs_task_actions, .pa_actions { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
    .gs_act_spacer, .pa_spacer { display: none !important; }
    .gs_task_actions > form.gs_check_form, .pa_actions > form { order: 10; flex: 1 1 72% !important; display: block !important; grid-column: auto !important; }
    .gs_task_actions > form.gs_check_form .gs_done_btn, .pa_actions > form .pa_done_btn { width: 100%; justify-content: center; padding: 9px 12px !important; }
    .gs_tk, .pa_tk { order: 11; position: relative !important; top: auto !important; right: auto !important; }
    .gs_tk > .gs_act, .pa_tk > .pa_act { height: 100%; min-height: 36px; }
    .gs_cmts { margin-left: 0 !important; }
    .gs_task_list.cards .gs_task_actions, .pa_list.cards .pa_actions { display: flex !important; }

    /* Чат — дэлгэцэнд багтаасан өндөр, том илгээх товч */
    .gs_chat { height: calc(100dvh - 290px) !important; min-height: 340px; }
    .gs_msg { max-width: 88% !important; }
    .gs_composer_hint { display: none !important; }
    .gs_composer textarea { font-size: 16px !important; }
    .gs_tcard { width: 100% !important; }

    /* Календарь — жижиг нүд, богино зурвас */
    .gs_cal_head b { font-size: 15px !important; }
    .gs_cal_nav .gs_btn { padding: 6px 10px !important; font-size: 12px !important; }
    .gs_cal_dow { font-size: 10px !important; padding: 7px 0 !important; letter-spacing: 0 !important; }
    .gs_cal_grid { --cal-row: 64px !important; }
    .gs_cal_day { padding: 4px 0 !important; gap: 2px !important; }
    .gs_cal_day .gs_cal_num { width: 18px !important; height: 18px !important; font-size: 10.5px !important; margin-left: 3px !important; }
    .gs_cal_task { margin: 0 2px !important; height: 18px !important; line-height: 12px !important; font-size: 10px !important; padding: 2px 4px !important; border-radius: 4px !important; }
    .gs_cal_spacer, .gs_cal_ghost { height: 18px !important; margin: 0 2px !important; }
    .gs_cal_task.seg_mid { height: 6px !important; }

    /* Гишүүд, файлууд */
    .gs_member { padding: 10px 12px !important; gap: 10px !important; flex-wrap: wrap; }
    .gs_member_right { margin-left: auto; }
    .gs_file_row { padding: 10px 12px !important; }
    .gs_head_card .gs_avatars { flex-wrap: wrap; }

    /* ---------- Шууд даалгавар ---------- */
    .pa_head { padding: 16px !important; margin: 4px 0 12px !important; gap: 10px !important; }
    .pa_head_icon { width: 44px !important; height: 44px !important; }
    .pa_head h2 { font-size: 18px !important; }
    .pa_head p { font-size: 12.5px !important; }
    .pa_head > .pa_btn, .pa_head_right { width: 100%; }
    .pa_head > .pa_btn { justify-content: center; }
    .pa_stats { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; margin-bottom: 12px !important; }
    .pa_stat { padding: 10px 11px !important; }
    .pa_stat:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .pa_stat b { font-size: 17px !important; }
    .pa_toolbar { gap: 8px !important; }
    .pa_tabs { flex: 1 1 100% !important; }
    .pa_search { flex: 1 1 100% !important; order: 5 !important; }
    .pa_search input { width: 100% !important; }
    .pa_task { padding: 12px !important; gap: 8px !important; margin-bottom: 8px !important; }

    /* ---------- Лавлах ---------- */
    .dr_org_name, .dr_org_head b { white-space: normal; }

    /* ---------- Профайл ---------- */
    .pf_wrap { gap: 12px !important; }

    /* ---------- Нэвтрэх / бүртгүүлэх ---------- */
    .av_page { min-height: 0 !important; }
    .av_right { min-height: 0 !important; padding: 22px 18px 36px !important; justify-content: flex-start !important; }
    .av_title { font-size: 24px !important; }
    .av_sub { margin-bottom: 16px !important; }
    .av_form_col { width: 100% !important; }
    .av_field input, .av_phone input { font-size: 16px !important; }
}

/* Маш жижиг дэлгэц (≤ 360px) */
@media (max-width: 360px) {
    .uu_quick { grid-template-columns: 1fr 1fr; }
    .uu_quick a:first-child { grid-column: 1 / -1; }
    .uu_stats, .pa_stats { gap: 6px !important; }
    .gs_tab, .pa_tab, .gx_tab { padding: 9px 10px !important; font-size: 12.5px !important; }
}

/* --- нэмэлт нарийвчлал --- */
@media (max-width: 760px) {
    .gs_task_right { display: none !important; }
    .gs_task { padding: 12px 10px 12px 12px !important; }
    .gs_act, .pa_act { padding: 6px 9px !important; font-size: 11.5px !important; }
    #gsNewTaskBtn, #paNewBtn { width: 100%; justify-content: center; }
    #pane-tasks > div[style*="justify-content:flex-end"] { display: block !important; }
    .gx_meta { flex-wrap: wrap; gap: 8px 14px !important; }
    .gx_prog span { top: -18px; }
    .gs_head_card { position: relative; }
}
@media (max-width: 760px) {
    /* Тэмдэглэл / Дэд даалгавар — хоёулаа нэг мөрөнд, тэнцүү өргөн */
    .gs_task_actions > .gs_act[data-cmt-toggle], .gs_task_actions > .gs_act[data-sub-toggle],
    .pa_actions > .pa_act[data-note], .pa_actions > .pa_act[data-subs] {
        flex: 1 1 40% !important; justify-content: center;
    }
    /* Табын дээд «нэмэх» товчнууд бүтэн өргөн */
    .gs_pane > div[style*="justify-content:flex-end"] { display: block !important; }
    .gs_pane > div[style*="justify-content:flex-end"] > .gs_btn { width: 100%; }
    /* Шууд даалгаврын модал доод цэсний доор орж байсан — бүх модал доод цэснээс дээр */
    .pa_modal { z-index: 1001 !important; position: fixed !important; inset: 0 !important; }
    .gs_modal, .gx_modal, .pf_modal, .gr_modal { z-index: 1001 !important; }
    .gs_chat { height: calc(100dvh - 330px) !important; }
}
@media (max-width: 760px) {
    .gs_task_actions > .gs_act[data-cmt-toggle], .gs_task_actions > .gs_act[data-sub-toggle],
    .pa_actions > .pa_act[data-note], .pa_actions > .pa_act[data-subs] {
        flex: 1 1 0 !important; min-width: 0; padding: 6px 5px !important; font-size: 11px !important; white-space: nowrap; overflow: hidden;
    }
}
@media (max-width: 760px) {
    .gs_task_actions > .gs_act[data-cmt-toggle], .gs_task_actions > .gs_act[data-sub-toggle],
    .pa_actions > .pa_act[data-note], .pa_actions > .pa_act[data-subs] { flex: 1 1 45% !important; overflow: visible; }
    .gs_task_actions > form.gs_check_form, .pa_actions > form { flex: 1 1 calc(100% - 52px) !important; }
    .gs_tk, .pa_tk { flex: 0 0 auto !important; }
}
@media (max-width: 760px) {
    .gs_task_actions > form.gs_check_form .gs_done_btn, .pa_actions > form .pa_done_btn { width: 100% !important; display: inline-flex !important; }
}

/* ============ UX v2 — гар утас ============ */
@media (max-width: 760px) {
    /* Topbar: буцах товч + хуудасны нэр; брэндийн текст нуугдана */
    .nova_topbar .tb_page_title { display: inline-block !important; font-size: 16px; font-weight: 800; margin-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 1; }
    .nova_topbar.has_title .tb_brand_txt { display: none !important; }
    .nova_topbar.has_back .tb_brand { display: none !important; }
    .tb_back {
        display: inline-flex; align-items: center; justify-content: center; flex: none;
        width: 40px; height: 40px; border-radius: 50%; background: #f5f6fc; color: #2c3145; margin-right: 6px; text-decoration: none;
    }
    .tb_back svg { width: 22px; height: 22px; }
    .tb_back:active { background: #eceef8; }

    /* Модал нээлттэй үед доод цэс нуугдана */
    body.uu_modal_open .mob_nav { display: none !important; }

    /* Группын табууд дэлгэцийн дээр наалдана — гүйлгэхэд үргэлж харагдана */
    .gs_card .gs_tabs { position: sticky; top: 58px; z-index: 40; background: #fff; margin-top: -14px; padding-top: 8px; }
    .gs_head_card { gap: 8px 10px !important; }
    .gs_head_desc { -webkit-line-clamp: 2 !important; }

    /* Шууд даалгаврын толгой — нэг мөр, тайлбаргүй */
    .pa_head p { display: none !important; }
    .pa_head { padding: 12px 14px !important; }
    .pa_head_icon { width: 38px !important; height: 38px !important; border-radius: 11px !important; }
    .pa_head_icon svg { width: 19px !important; height: 19px !important; }
    .pa_head h2 { font-size: 16.5px !important; }
    /* Үзүүлэлтүүд — хэвтээ гүйдэг нэг мөр (босоо зай хэмнэнэ) */
    .pa_stats { display: flex !important; overflow-x: auto; gap: 8px !important; scrollbar-width: none; margin: 0 -12px 12px !important; padding: 0 12px; }
    .pa_stats::-webkit-scrollbar { display: none; }
    .pa_stat { flex: 0 0 44% !important; }
    .pa_stat:last-child { grid-column: auto; }

    /* Чат: дэлгэцэнд багтсан өндөр (topbar 58 + tabs ~50 + доод цэс ~100) */
    .gs_chat { height: calc(100dvh - 215px) !important; min-height: 320px; }
}

/* ============ Таб/шүүлтүүрийн дүрэм (гар утас) ============
   • Үндсэн навигацийн табууд (группын 5 таб) — ГҮЙЛГЭХГҮЙ: 5 тэнцүү багана,
     дүрс + богино нэр, тоо нь нуугдана (улаан badge үлдэнэ).
   • 2–3 чип (шүүлтүүр, ирсэн/өгсөн) — тэнцүү өргөнтэй нэг мөрөнд багтана.
   • 4+ чип (самбарын шүүлтүүр) — дараагийн мөрөнд ШИЛЖИНЭ (wrap), гүйлгэхгүй.
   Хэвтээ гүйлгэлт зөвхөн карт хэлбэрийн зурвасуудад (статистик) үлдэнэ. */
@media (max-width: 760px) {
    /* Группын үндсэн табууд — 5 багана */
    .gs_card .gs_tabs {
        display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 0;
        overflow: visible !important; margin-left: -14px; margin-right: -14px; padding: 6px 4px 0;
    }
    .gs_card .gs_tab {
        display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 2px;
        padding: 6px 2px 8px !important; font-size: 10.5px !important; line-height: 1.15; white-space: nowrap; min-width: 0;
        border-bottom-width: 2.5px;
    }
    .gs_card .gs_tab_ic { display: block; font-size: 18px; line-height: 1; }
    .gs_card .gs_tab_cnt { display: none; }
    .gs_card .gs_tab_txt { overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
    .gs_card .gs_tab .gs_tab_badge { position: absolute; top: 2px; right: 50%; margin-right: -22px; }
    .gs_card .gs_tab .gs_tab_badge.amber { margin-right: -38px; }

    /* 2–3 чип: тэнцүү өргөн, нэг мөр; 4+: мөр шилжинэ. Гүйлгэлт байхгүй. */
    .gs_filters, .pa_filters, .gs_add_tabs, .pa_tabs, .gx_tabs, .uu_tabs {
        overflow: visible !important; flex-wrap: wrap !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important;
    }
    .gs_filters .gs_filter, .pa_filters .pa_filter, .gs_add_tabs .gs_add_tab, .pa_tabs .pa_tab, .gx_tabs .gx_tab {
        flex: 1 1 0 !important; justify-content: center; text-align: center; min-width: 0; padding-left: 6px !important; padding-right: 6px !important;
        font-size: 12px !important;
    }
    .gs_filter b, .pa_filter b { flex: none; }
    .gs_filter_row .gs_filters { margin: 0 !important; padding: 0 !important; }
    .uu_tabs { gap: 6px !important; }
    .uu_tab { flex: 0 1 auto !important; }
}
@media (max-width: 760px) {
    .gs_card .gs_tab { font-size: 10px !important; letter-spacing: -.1px; }
    .gs_card .gs_tab_txt .lg { display: none; } .gs_card .gs_tab_txt .sm { display: inline; }
    .gs_card .gs_tab_txt { overflow: visible; }
    /* Чипүүд: агуулгаараа өргөнтэй, үлдсэн зайг тэнцүү хуваана — давхцахгүй */
    .gs_filters .gs_filter, .pa_filters .pa_filter, .gs_add_tabs .gs_add_tab, .pa_tabs .pa_tab, .gx_tabs .gx_tab { flex: 1 1 auto !important; }
}
@media (max-width: 760px) {
    .gs_filters, .pa_filters { gap: 5px !important; }
    .gs_filters .gs_filter, .pa_filters .pa_filter { padding: 7px 7px !important; font-size: 11.5px !important; gap: 5px !important; }
    .gs_filter b, .pa_filter b { padding: 1px 5px !important; font-size: 10.5px !important; }
}

/* ============ Өргөн ашиглалт + веб дээрх бүх үйлдэл гар утсанд ============ */
@media (max-width: 760px) {
    /* Захын зай бага — агуулга дэлгэцийн бараг бүтэн өргөнийг ашиглана */
    .app_page .container, .app_page .main_wrap > .container { padding: 6px 8px 0 !important; }
    .uu_card, .gx_side_card, .gs_side_card, .pf_card { padding: 12px !important; }
    /* Табтай том картуудын цагаан хүрээг хасна — даалгаврын мөрүүд өөрөө карт тул давхар хүрээ хэрэггүй */
    .gs_card:has(.gs_tabs), .pa_card:has(.pa_tabs) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
    .gs_card .gs_tabs { margin-left: 0; margin-right: 0; padding: 4px 0 0; border-radius: 12px 12px 0 0; }
    .gs_task, .pa_task { padding: 12px 10px !important; }
    .gs_filter_row .gs_filters { margin: 0 !important; padding: 0 !important; }

    /* Веб дээрх бүх үйлдлүүд харагдана: жагсаалт/карт сэлгэгч, гүйцэтгэгчдийн аватар, огноо */
    .gs_view, .pa_view, .gx_view { display: flex !important; }
    .gs_task_right { display: flex !important; }
    .gs_task_right .gs_avatars { display: flex !important; }
    .uu_trow_date { display: inline !important; font-size: 11px; }
    .gs_composer_hint { display: block !important; }
    /* Шүүлтүүр + сэлгэгч нэг мөрөнд */
    .gs_filter_row { flex-direction: row !important; flex-wrap: wrap; align-items: center !important; }
    .gs_filter_row .gs_filters { flex: 1 1 auto; }
    .gs_filter_row .gs_view { flex: none; }
    .gx_toolbar > .gx_view { order: 2; }
    .gx_search { flex: 1 1 auto !important; }
    .pa_search { flex: 1 1 auto !important; order: 5 !important; }
    .pa_view { order: 6; }
}

/* ============ Толгой (topbar) — цэвэрхэн, хавтгай дүрс ============ */
@media (max-width: 760px) {
    .nova_topbar { min-height: 56px !important; padding: 4px 8px 4px 12px !important; border-bottom: 1px solid #eef0f6 !important; box-shadow: 0 1px 0 rgba(15,23,42,.03); }
    .nova_topbar .tb_brand { gap: 8px; }
    .nova_topbar .tb_logo img { width: 30px !important; height: 30px !important; border-radius: 9px !important; }
    .nova_topbar .tb_page_title { font-size: 17px; font-weight: 800; letter-spacing: -.2px; color: #171a2b; }
    .nova_topbar_right { gap: 0 !important; }
    /* Саарал дугуй дэвсгэрийг хасч, ижил хэмжээтэй шугаман дүрс */
    .nova_topbar .theme_toggle, .nova_topbar .notification_button {
        width: 42px !important; height: 42px !important; border-radius: 12px !important;
        background: transparent !important; border: 0 !important; box-shadow: none !important; color: #3c4155 !important;
    }
    .nova_topbar .theme_toggle:active, .nova_topbar .notification_button:active { background: #f1f2f8 !important; }
    .nova_topbar .theme_toggle svg, .nova_topbar .notification_button svg.bell_icon { width: 23px !important; height: 23px !important; stroke-width: 1.9; }
    .nova_topbar .notification_badge { top: 6px !important; right: 6px !important; min-width: 17px; height: 17px; font-size: 10px; border: 2px solid #fff; }
    .nova_topbar .nova_user { padding: 2px !important; margin-left: 2px; }
    .nova_topbar .nova_user_avatar { width: 34px !important; height: 34px !important; border-width: 0 !important; }
    .tb_back { width: 38px; height: 38px; background: transparent; margin-right: 2px; margin-left: -6px; }
    .tb_back svg { width: 24px; height: 24px; }
    .nova_topbar.has_back { padding-left: 10px !important; }

    /* Чатын зөвлөмж мөр — гар утсанд утгагүй (Enter/Shift+Enter), нуугдана */
    .gs_composer_hint { display: none !important; }

    /* Профайлын толгой — аватар дээр, мэдээлэл доор нь бүтэн өргөнөөр */
    .pf_hero_body { flex-direction: column !important; align-items: center !important; gap: 8px !important; padding: 0 16px 18px !important; text-align: center; }
    .pf_hero_meta { padding-top: 0 !important; width: 100%; }
    .pf_name_row { justify-content: center; }
    .pf_meta_rows { text-align: left; display: inline-block; }
    .pf_ava_wrap { margin: -40px auto 0 !important; }

    /* Лавлах — байгууллагын нэр, тайлбар тусдаа мөрөнд */
    .dr_org_head { padding: 12px !important; gap: 10px !important; }
    .dr_org_name { font-size: 14px !important; line-height: 1.3; }
    .dr_org_sub { display: block; white-space: normal; }
    .dr_org_icon { width: 40px !important; height: 40px !important; font-size: 16px !important; }

    /* Даалгаврын товчны тоон badge — дүүргэхгүй */
    .gs_act b, .pa_act b { flex: none; }
}
@media (max-width: 760px) {
    /* Хуудасны баннер: гарчиг нь topbar дээр байгаа тул давхардуулахгүй — зөвхөн хайлт/товч үлдэнэ */
    .dr_head_left, .pa_head_left { display: none !important; }
    .dr_head { padding: 10px !important; margin-bottom: 10px !important; }
    .pa_head { padding: 10px !important; margin: 0 0 10px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
}

/* ============ Topbar дүрснүүд — баруун захад, зөөлөн дугуй ============ */
@media (max-width: 760px) {
    .nova_topbar { padding-right: 10px !important; }
    .nova_topbar_right { margin-left: auto !important; gap: 6px !important; align-items: center; }
    .nova_topbar .theme_toggle, .nova_topbar .notification_button {
        width: 40px !important; height: 40px !important; border-radius: 50% !important;
        background: #f3f4f9 !important; color: #3c4155 !important; border: 0 !important;
        display: inline-flex !important; align-items: center; justify-content: center;
    }
    .nova_topbar .theme_toggle:active, .nova_topbar .notification_button:active { background: #e6e8f2 !important; }
    .nova_topbar .theme_toggle svg, .nova_topbar .notification_button svg.bell_icon { width: 20px !important; height: 20px !important; stroke-width: 1.75 !important; stroke-linecap: round; stroke-linejoin: round; }
    .nova_topbar .notification_badge { top: 4px !important; right: 4px !important; }
    /* Профайл/цэсний товч — араа биш, хэрэглэгчийн аватар дугуй */
    .nova_topbar .nova_user {
        width: 40px !important; height: 40px !important; border-radius: 50% !important; border: 0 !important;
        background: #f3f4f9 !important; padding: 0 !important; margin: 0 !important; flex: none;
        display: inline-flex !important; align-items: center; justify-content: center;
    }
    .nova_topbar .nova_user_gear { display: none !important; }
    .nova_topbar .nova_user_avatar {
        display: flex !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; border: 0 !important;
        background: #e0e3ff; color: #4f46e5; font-size: 13px !important; font-weight: 800; align-items: center; justify-content: center; overflow: hidden;
    }
    .nova_topbar .nova_user_avatar img { width: 100%; height: 100%; object-fit: cover; }
}

/* Topbar: профайл дугуйг гар утсанд хасна (доод барт Профайл бий), өндрийг нэмнэ */
.pf_mobile_only { display: none; }
@media (max-width: 760px) {
    .nova_topbar .nova_user { display: none !important; }
    .nova_topbar { min-height: 64px !important; padding-top: 8px !important; padding-bottom: 8px !important; }
    .gs_card .gs_tabs { top: 64px; }
    .pf_mobile_only { display: block; }
}
@media (max-width: 760px) {
    /* Группын табын badge — дүрсний баруун дээд буланд, текст дээр давхцахгүй */
    .gs_card .gs_tab { gap: 3px !important; border-radius: 10px 10px 0 0; }
    .gs_card .gs_tab .gs_tab_badge { position: absolute; top: 0; left: 50%; margin: 0 0 0 6px; right: auto; }
    .gs_card .gs_tab .gs_tab_badge.amber { margin-left: 24px; }
}
@media (max-width: 760px) {
    /* Табын мөр толгойн карттай давхцахгүй — сөрөг margin-ийг болиулж, тусдаа карт шиг */
    .gs_card .gs_tabs { margin-top: 0 !important; margin-bottom: 10px !important; padding: 6px 4px 0 !important; border-radius: 12px !important; border: 1px solid #e9ecf3; border-bottom: 1px solid #e9ecf3 !important; }
    .gs_card .gs_tab { margin-bottom: 0 !important; }
}