/*
 * ГАР УТАСНЫ ХАРАГДАЦ — бүх хуудсанд хамаарна.
 *
 * Энэ файл layout-д ХАМГИЙН СҮҮЛД ачаалагддаг тул хуудсын өөрийн CSS-ийг
 * (users.css, home.css гэх мэт) дарж бичиж чадна.
 *
 * ЗАРЧИМ
 *   1. Хүснэгт → КАРТ. 5–8 багана 430px дэлгэцэнд багтдаггүй тул мөр бүрийг
 *      карт болгон задалж, багтахгүй мэдээллийг хасна.
 *   2. НЭГ ХЭМЖЭЭС. Карт бүр ижил зай, ижил хүрээ, ижил үсгийн хэмжээтэй байна —
 *      доорх --m-* хувьсагчаар удирдана. Хуудас бүр өөр өөр харагдахаас сэргийлнэ.
 *   3. ХЭДХЭН ГОЛ ЗҮЙЛ. Карт тус бүр 2–3 мөр: гарчиг · туслах мөр · үйлдэл.
 *      Үлдсэнийг нь дарж дэлгэрэнгүйгээс харна.
 *
 * Нүүр хуудасны ажлын жагсаалт нь home.css дотор өөрийн дүрэмтэй боловч ижил
 * --m-* хувьсагчийг ашигладаг тул харагдац нэг хэвэнд байна.
 */

/* Эдгээр нь ЗӨВХӨН гар утсанд хэрэгтэй элементүүд. Дүрэм нь media query-ийн
   ГАДНА байх ёстой — эс бөгөөс ширээн дээр загваргүй товч/сонголт гарч ирнэ. */
.to_top { display: none; }
.status_pick { display: none; }
.mob_nav { display: none; }
.mn_fab { display: none; }
.tb_brand { display: none; }
.nova_user_gear { display: none; }
/* Төлвийн сонголт — зөвхөн гар утсанд «N ажил» товчны ард нуугдана. */
.acp_status_sel, .acp_caret { display: none; }

@media (max-width: 640px) {

/* ═══════════════════ НЭГДСЭН ХЭМЖЭЭС ═══════════════════ */
:root {
    --m-pad: 10px 12px;      /* картын дотоод зай */
    --m-gap-x: 9px;          /* картын доторх элементүүдийн хэвтээ зай */
    --m-gap-y: 7px;          /* мөр хоорондын зай */
    /* Карт хоорондын зай. 7px байхад 100–130px өндөртэй ажлын картууд
       нийлээд нэг ханан блок мэт харагдаж, хаана нэг ажил дуусч нөгөө нь
       эхэлж байгаа нь ялгарахаа больж байв. */
    --m-card-gap: 11px;
    --m-radius: 11px;
    --m-block: 14px;         /* хэсэг (section) хоорондын зай */
    --m-title: .92rem;       /* картын гарчиг */
    --m-body: .84rem;        /* үндсэн текст */
    --m-meta: .77rem;        /* туслах мөр (хариуцагч, байгууллага, огноо) */
    --m-label: .7rem;        /* «Дуусах», «Нийт» гэх жижиг шошго */
}

/* ─────────── Карт: бүх жагсаалтад НЭГ загвар ─────────── */
.co_table tbody > tr:not(.u_detail_row):not(.co_detail_row),
.al_table tbody > tr,
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row),
.od_table > tbody > tr:not(.od_detailrow),
.dash_tbl_scroll > table > tbody > tr.dash_expand_row,
.axm_table > tbody > tr.axm_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--m-gap-y) var(--m-gap-x);
    margin: 0 0 var(--m-card-gap);
    padding: var(--m-pad);
    border: 1px solid var(--ux-border);
    border-radius: var(--m-radius);
    background: var(--ux-card);
    /* Цагаан карт бараг цагаан дэвсгэр дээр суусан тул зөвхөн зөөлөн
       хүрээгээр заагладаг байв. Хөнгөн сүүдэр нэмж карт бүрийг тусад нь
       харагдуулав. */
    box-shadow: 0 1px 2px rgba(16, 32, 44, .06);
}
.co_table tbody > tr:not(.u_detail_row):not(.co_detail_row) > td,
.al_table tbody > tr > td,
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td,
.od_table > tbody > tr:not(.od_detailrow) > td,
.dash_tbl_scroll > table > tbody > tr.dash_expand_row > td,
.axm_table > tbody > tr.axm_row > td {
    display: block;
    border: 0 !important;
    padding: 0 !important;
    white-space: normal;
    font-size: var(--m-body);
    min-width: 0;
}

/* Хүснэгтийг блок болгож, хэвтээ гүйлгэлтийг цуцална */
.co_table, .al_table, .od_table, .axm_table,
.nova_list_table:not(.task_table),
.dash_tbl_scroll > table {
    display: block; width: 100%; min-width: 0 !important;
}
.co_table > thead, .al_table > thead, .od_table > thead, .axm_table > thead,
.nova_list_table:not(.task_table) > thead,
.dash_tbl_scroll > table > thead { display: none; }
.co_table > tbody, .al_table > tbody, .od_table > tbody, .axm_table > tbody,
.nova_list_table:not(.task_table) > tbody,
.dash_tbl_scroll > table > tbody { display: block; }
.co_table_card, .al_table_card, .nova_table_scroll,
.od_table_scroll, .dash_tbl_scroll, .axm_scroll { overflow-x: visible; }

/* Карт бүр өөрөө хүрээтэй тул гаднах хайрцгийн хүрээ, зай илүүц */
.co_table_card, .al_table_card, .axm_card {
    border: 0 !important; background: none !important;
    box-shadow: none !important; padding: 0 !important;
}

/* Картын гарчиг ба туслах мөр — бүх хуудсанд ижил */
.co_table .co_name_txt,
.nova_list_table td.tl_name .nlt_name,
.od_table .od_tname,
.axm_table td.axm_ability {
    font-weight: 700; font-size: var(--m-title); line-height: 1.35;
}

/* Үйлдлийн товч ширээн дээр hover хүртэл бүдэг байдаг. Хуруугаар hover
   хийхгүй тул гар утсан дээр үргэлж бүрэн харагдана. */
.co_row_actions, .col_actions { opacity: 1 !important; }

/* ═══════════ Хэрэглэгч (users.index) ═══════════
   Багана: 1 нэр · 2 роль · 3 байгууллага · 4 имэйл · 5 утас · 6 ажил · 7 үйлдэл
   ХОЁР мөр:  [А] Админ  [Админ] [0]  /  Үндсэн байгууллага ··· 🛡 ✎ 🔑 🗄
   Имэйл, утас нь мөрийг дарж дэлгэрэнгүйгээс харагдана. */
#userTable tbody > tr.u_row > td:nth-child(1) { order: 1; flex: 1 1 auto; }
/* Ролийн шошго ба ажлын тоо — дээрх бүлгийн толгой («ХЭРЭГЛЭГЧ 7») ролыг нь
   аль хэдийн хэлсэн, тоог нь мөрөө дархад дэлгэрэнгүйгээс бүтнээр нь харна.
   Мөрийн баруун талд давхардаж, нэрэнд өргөн хасаж байв. */
#userTable tbody > tr.u_row > td:nth-child(2),
#userTable tbody > tr.u_row > td:nth-child(6) { display: none !important; }
#userTable tbody > tr.u_row::after {
    content: ''; order: 4; flex: 1 1 100%; height: 0;
}
#userTable tbody > tr.u_row > td:nth-child(3) {
    order: 5; flex: 1 1 auto;
    color: var(--ux-text-2); font-size: var(--m-meta);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#userTable tbody > tr.u_row > td:nth-child(4),
#userTable tbody > tr.u_row > td:nth-child(5) { display: none; }
/* Товчнууд нэрлэгдсэн болохоор байгууллагын нэрний хажууд багтахаа больсон
   (хэмжсэн: 377px товчны эгнээ vs 330px картын өргөн) — өөрийн бүтэн мөрөнд
   буулгав. */
#userTable tbody > tr.u_row > td.co_td_plus {
    order: 6; flex: 1 1 100%; margin: 7px 0 0;
    display: flex; justify-content: flex-start;
}
#userTable .u_org_chip { white-space: normal; }

/* Дэлгэрэнгүй мөр — ЗӨВХӨН `.is_open` үед. Нөхцөлгүй бичвэл users.css-ийн
   `.u_detail_row { display: none }`-ыг дарж, бүх хэрэглэгчийн дэлгэрэнгүй
   байнга задарсан хэвээр байна. */
#userTable tbody > tr.u_detail_row.is_open {
    display: block; margin: calc(var(--m-card-gap) * -1) 0 var(--m-card-gap);
    padding: 0; border: 0; background: none;
}
#userTable tbody > tr.u_detail_row > td { display: block; }
/* ── Хэрэглэгчийн дэлгэрэнгүй — нүүр хуудасны ажлын дэлгэрэнгүйтэй ижил ──
   Байгууллага, утас, имэйл… тус бүр өөрийн ТОМ цагаан хайрцагтай байсан тул
   5 мөр мэдээлэл бараг бүтэн дэлгэц эзэлж байв. Нэг картын дотор шошго–утга
   гэсэн нягт мөрүүд болгоно. */
#userTable .u_detail { padding: 0 !important; background: none !important; }
#userTable .u_dinfo {
    display: block !important; margin-bottom: var(--m-block) !important;
    border: 1px solid var(--ux-border); border-radius: var(--m-radius);
    background: var(--ux-card); overflow: hidden;
}
#userTable .u_dcell {
    display: flex !important; flex-direction: row !important;
    align-items: center; justify-content: space-between; gap: 12px !important;
    padding: 9px 12px !important; min-width: 0;
    border: 0 !important; border-radius: 0 !important; background: none !important;
    border-bottom: 1px dashed var(--ux-border) !important;
}
#userTable .u_dcell:last-child { border-bottom: 0 !important; }
#userTable .u_dk {
    flex: none; font-size: var(--m-label) !important;
    text-transform: none !important; letter-spacing: 0 !important;
    color: var(--ux-muted) !important;
}
#userTable .u_dv {
    min-width: 0; text-align: right;
    font-size: var(--m-body) !important; color: var(--ux-text) !important;
}
#userTable .u_pw_wrap { display: inline-flex; align-items: center; gap: 4px; }
#userTable .u_dtasks_head { font-size: var(--m-body) !important; margin-bottom: 8px !important; }
#userTable .u_dt_list li { padding: 8px 11px !important; }
#userTable .u_dt_name { font-size: var(--m-body) !important; }

/* Архивласан хэрэглэгчид — багана цөөн */
#archivedUsers .co_table tbody > tr > td:nth-child(1) { order: 1; flex: 1 1 100%; }
#archivedUsers .co_table tbody > tr > td:nth-child(3) { order: 2; flex: 1 1 100%; font-size: var(--m-meta); }
#archivedUsers .co_table tbody > tr > td:nth-child(2),
#archivedUsers .co_table tbody > tr > td:nth-child(4) { display: none; }
#archivedUsers .co_table tbody > tr > td.co_td_plus { order: 4; flex: 1 1 100%; }
#archivedUsers .co_row_actions { justify-content: flex-end; }

/* ═══════════ Байгууллага (organizations.index) ═══════════
   Багана: 1 # · 2 нэр · 3 хэрэглэгч · 4 ажил · 5 төлөв · 6 үйлдэл */
#orgTable tbody > tr.co_row > td.co_td_num {
    order: 1; flex: none;
    min-width: 24px; height: 21px; padding: 0 7px !important;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 999px; background: var(--ux-primary-soft);
    color: var(--ux-primary); font-size: var(--m-label); font-weight: 800;
}
#orgTable tbody > tr.co_child > td.co_td_num { display: none; }
#orgTable tbody > tr.co_row > td:nth-child(2) { order: 2; flex: 1 1 60%; }
#orgTable tbody > tr.co_row > td:nth-child(5) { order: 3; flex: none; margin-left: auto; }
#orgTable tbody > tr.co_row > td:nth-child(3) { order: 4; flex: none; }
#orgTable tbody > tr.co_row > td:nth-child(4) { order: 5; flex: none; }
#orgTable tbody > tr.co_row > td.co_td_plus {
    order: 6; flex: 1 1 100%; margin: 7px 0 0;
    display: flex; justify-content: flex-start;
}
#orgTable .co_name { padding-left: 0 !important; }
#orgTable .co_name_txt { white-space: normal; }
/* Ажлын тоо — картыг дарж задлахад доор нь бүтнээр жагсдаг тул толгойд нь
   давхардуулахгүй. Ажилтны тоо нь ХАРИН үлдэнэ: дэд нэгжтэй болсон
   байгууллагын мөрийг дархад зөвхөн дэд нэгжүүд нь задардаг тул ажилтныг нь
   ЗӨВХӨН энэ товчоор нээнэ. Нуувал нэгж дотрын хүнийг олох арга үлдэхгүй. */
#orgTable tbody > tr.co_row > td:nth-child(4) { display: none !important; }
/* «10 салбар» ба «9 ажилтан» хоёр нэг эгнээнд зэрэгцэн зогсдог тул ЯГ ижил
   өндөр, ижил доторх зайтай байх ёстой — өөр өөр байвал хоёр өөр төрлийн
   зүйл мэт харагдана. */
#orgTable .co_usercount,
#orgTable .co_child_badge {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 3px;
    height: 30px; min-height: 30px; padding: 0 12px !important; margin: 0 !important;
    border: 1px solid var(--ux-primary-soft); border-radius: 999px;
    background: var(--ux-primary-soft); color: var(--ux-primary);
    font-size: .76rem !important; font-weight: 700; line-height: 1;
}
#orgTable .co_usercount { cursor: pointer; }
/* Хоёр шошгын хоорондох зай (margin-right-ийг тэглэсэн тул). */
#orgTable tbody > tr.co_row > td:nth-child(3) { display: flex; gap: 6px; }
#orgTable .co_usercount:active { background: var(--ux-primary); color: #fff; }
#orgTable .cu_lbl { display: inline !important; }

/* Шатлалыг догол мөрөөр биш, картын зүүн туузаар үзүүлнэ. Гүн бүр өөр
   зайтай — эс бөгөөс «дэд» ба «дэд-дэд» нэгж яг адилхан харагдана. */
#orgTable tbody > tr.co_child { border-left: 3px solid var(--ux-primary-soft); }
#orgTable tbody > tr.co_row[data-depth="1"] { margin-left: 14px; }
#orgTable tbody > tr.co_row[data-depth="2"] { margin-left: 28px; }
#orgTable tbody > tr.co_row[data-depth="3"] { margin-left: 40px; }
#orgTable tbody > tr.co_row[data-depth="4"] { margin-left: 50px; }
#orgTable .co_child_arrow { display: none; }
#orgTable tbody > tr.co_detail_row.is_open {
    display: block; margin: calc(var(--m-card-gap) * -1) 0 var(--m-card-gap);
    padding: 0; border: 0; background: none;
}
#orgTable tbody > tr.co_detail_row > td { display: block; }
/* Задарсан байгууллагын хэрэглэгчид — зүүн талын цэнхэр зурвасаар дээрх
   байгууллагад ХАМААРАХ нь харагдана (эс бөгөөс жагсаалтын дараагийн
   байгууллагууд мэт тусдаа хөвж байв). */
/* Задаргаа нь картаас хэт баруун тийш ухарч байв: савны 3px зураас + 12px
   доголт + карт бүрийн ӨӨРИЙН 3px зураас гурав нэмэгдэж байсан. Нэг зураас,
   бага доголт үлдээв. */
#orgTable .co_emp_head { padding-left: 9px; border-left: 2px solid var(--ux-primary-soft); }
#orgTable .co_emp_list { padding-left: 9px !important; border-left: 2px solid var(--ux-primary-soft); }
#orgTable .co_emp_card { border-left: 0 !important; }

/* Ажилтны карт хэт өндөр байв: нэр, утас, имэйл, 3 тоо бүгд ТУСДАА мөр
   эзэлж, нэг хүн бараг хагас дэлгэц авч байлаа. */
#orgTable .co_emp_card { gap: 7px !important; padding: 11px 12px !important; }
#orgTable .co_emp_contact {
    flex-direction: row !important; flex-wrap: wrap; gap: 4px 14px !important;
    padding-top: 7px !important;
}
#orgTable .co_emp_contact .co_emp_link { font-size: .76rem; }
#orgTable .co_emp_stats { gap: 4px !important; }
#orgTable .co_emp_stat { font-size: .76rem !important; padding: 2px 8px !important; }
#orgTable .co_emp_av { width: 30px !important; height: 30px !important; font-size: .78rem !important; }

/* ── Мөрний үйлдлийн товч ──
   Хэлбэр нь enhance.css-д ВЕБ, ГАР УТАС хоёрт НЭГ эх сурвалжаас тодорхойлогдоно.
   Энд зөвхөн хуруунд оногдохоор арай томсгоно. */
.co_row_actions { gap: 9px; }
.co_row_actions .co_row_sub,
.co_row_actions .co_row_emp,
.co_row_actions .co_row_view,
.co_row_actions .co_row_edit,
.co_row_actions .co_row_key,
.co_row_actions .co_row_del,
.co_row_actions .co_row_del_placeholder {
    width: 36px !important; height: 36px !important;
}
.co_row_actions .co_row_sub svg,
.co_row_actions .co_row_emp svg,
.co_row_actions .co_row_view svg,
.co_row_actions .co_row_edit svg,
.co_row_actions .co_row_key svg,
.co_row_actions .co_row_del svg { width: 20px !important; height: 20px !important; }
.co_row_actions .co_row_chev { width: 30px !important; height: 30px !important; }
.co_row_actions .co_row_chev svg { width: 20px !important; height: 20px !important; }

/* ── Товч бүрийн НЭР нь хажуудаа бичигдэнэ ──
   Дүрс дангаараа юу хийхээ хэлдэггүй (бамбай = юу?), гар утсанд `title`
   зөвлөмж хөвдөггүй тул огт мэдэх аргагүй байв. Blade нь товч бүрд богино
   `data-label` өгдөг (`title` нь ширээний дэлгэцийн бүтэн тайлбар тул хэт урт
   — «Тусгайлан эрх олгох» гэх мэт нь мөрөнд багтахгүй). */
.co_row_actions {
    display: flex !important; flex-wrap: wrap; width: 100%;
    /* Товчнууд бие биедээ наалдаж, нэг урт зурвас мэт харагддаг байв. */
    gap: 9px !important; align-items: center;
}
/* Товчнууд мөрөө ТЭНЦҮҮ хуваана. Тогтмол өргөнтэй үед байгууллагын нэр урт
   (мөр 2 болох) эсвэл харьяа нэгж (зүүнээсээ доголтой) картад зай багасаж,
   сүүлийн товч дангаараа доод эгнээ рүү үсэрдэг байв — карт бүр өөр өндөртэй,
   тэгш бус харагдана. Одоо картын өргөн ямар ч байсан 4 товч нэг эгнээнд. */
.co_row_actions .co_row_sub,
.co_row_actions .co_row_emp,
.co_row_actions .co_row_view,
.co_row_actions .co_row_edit,
.co_row_actions .co_row_key,
.co_row_actions .co_row_del {
    flex: 1 1 0 !important;
    width: auto !important; min-width: 0; max-width: 100%;
    /* Агуулга нь хүрээндээ наалдаж, шахагдсан харагддаг байв.
       ЭНД 4 ТОВЧ нэг мөрөнд багтдаг (Эрх · Засах · Нууц үг · Устгах) тул
       дотоод зай нь хязгаартай: 430px дэлгэцэнд товч тус бүрд ~73px
       оногддог бөгөөд 9px зайд «Устгах» нь «У…» болж тасарч байв. */
    padding: 0 5px !important;
    gap: 3px; border-radius: 10px !important;
}
/* Дүрсийг арай жижигрүүлж, нэрэнд зай гаргана — «Ажилтан», «Устгах» гэсэн
   долоон үсэгт үг «…»-ээр тасрахгүй байх ёстой. */
.co_row_actions .co_row_sub svg,
.co_row_actions .co_row_emp svg,
.co_row_actions .co_row_view svg,
.co_row_actions .co_row_edit svg,
.co_row_actions .co_row_key svg,
.co_row_actions .co_row_del svg { width: 15px !important; height: 15px !important; flex: none; }
.co_row_actions [data-label]::after {
    content: attr(data-label);
    font-size: .76rem; font-weight: 700; letter-spacing: -.03em; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; min-width: 0;
}
/* Устгах товч нь <form> дотор байдаг — сунадаг нь тэр form. */
.co_row_actions .co_del_form { flex: 1 1 0; min-width: 0; display: flex; }
.co_row_actions .co_del_form > .co_row_del { flex: 1 1 auto !important; }
/* Өөрийгөө устгах эрхгүй мөрд байр эзлүүлэхгүй — үлдсэн товч зайг нь авна. */
.co_row_actions .co_row_del_placeholder { display: none !important; }
/* Задлах сум — нэрлэгдсэн 4 товч мөрийг дүүргэдэг тул сум нь дангаараа доод
   эгнээ рүү үсэрч, хоосон мөр үүсгэж байв. Карт бүхэлдээ дарагдахад задардаг
   тул сум илүүц. */
.co_row_actions .co_row_chev { display: none !important; }
#orgTable .co_av { width: 32px !important; height: 32px !important; font-size: .82rem !important; flex: none; }
#orgTable .co_tc_arrow { width: 13px !important; height: 13px !important; }

/* ═══════════ Задарсан мөрийн цэнхэр дэвсгэр ═══════════
   Ширээний дэлгэцэд задарсан мөрийг цэнхрээр будахад нэг тасралтгүй зурвас
   болдог. Гар утсанд нүд бүр тусдаа блок болдог тул тэр өнгө нэр, шошго,
   тоо бүрийн ард ТУС ТУСДАА хайрцаг болж, картыг эрээн болгож байв.
   Задарсаныг зөвхөн зүүн ирмэгийн зурвасаар илэрхийлнэ. */
/* enhance.css нь `html:not([data-theme="dark"]) …` гэсэн жинтэй бичсэн тул
   энд ч ижил жинтэй байх ёстой — эс бөгөөс !important ч тусахгүй. */
html:not([data-theme="dark"]) .co_row.is_open > td,
html:not([data-theme="dark"]) .co_row.is_expanded > td,
html:not([data-theme="dark"]) .co_row.co_group.is_open > td,
html:not([data-theme="dark"]) .u_row.is_open > td,
html[data-theme="dark"] .co_row.is_open > td,
html[data-theme="dark"] .co_row.is_expanded > td,
html[data-theme="dark"] .co_row.co_group.is_open > td,
html[data-theme="dark"] .u_row.is_open > td { background: transparent !important; }
html:not([data-theme="dark"]) .co_row.is_open,
html:not([data-theme="dark"]) .co_row.is_expanded,
html:not([data-theme="dark"]) .u_row.is_open,
html[data-theme="dark"] .co_row.is_open,
html[data-theme="dark"] .co_row.is_expanded,
html[data-theme="dark"] .u_row.is_open,
html[data-theme="dark"] .co_row.co_group.is_open {
    background: var(--ux-card) !important;
    border-left: 3px solid var(--ux-primary) !important;
    border-color: var(--ux-border-strong);
}
/* Дугаарын дугуй нь өөрийн өнгөө хадгална. */
html #orgTable tbody > tr.co_row.is_open > td.co_td_num { background: var(--ux-primary-soft) !important; }

/* ═══════════ Түүх (activity.index) ═══════════
   Багана: 1 үйлдэл · 2 тайлбар · 3 хэрэглэгч · 4 огноо · 5 объект */
/* Бүртгэл бүр ГУРВАН мөр эзэлж (шошго+огноо / тайлбар / хэн), нэг хуудас
   4700px болж байв. Хэн хийснийг шошготой нь нэг мөрөнд оруулж ХОЁР мөр
   болгов — ижил тооны бүртгэл ~35% бага зай эзэлнэ. */
.al_table tbody > tr { padding: 10px 12px !important; gap: 3px 8px !important; }
.al_table tbody > tr > td:nth-child(1) { order: 1; flex: none; }
.al_table tbody > tr > td:nth-child(3) { order: 2; flex: none; font-size: var(--m-meta); color: var(--ux-text-2); }
.al_table tbody > tr > td:nth-child(4) { order: 3; flex: none; margin-left: auto; font-size: var(--m-label); color: var(--ux-muted); }
.al_table tbody > tr > td.al_desc_cell { order: 4; flex: 1 1 100%; }
.al_table tbody > tr > td:nth-child(5) { order: 5; flex: none; font-size: var(--m-meta); color: var(--ux-text-2); }
/* «Админ · Админ · Админ…» гэж давтагдахаас өмнө нь цэгээр зааглана. */
.al_table tbody > tr > td:nth-child(3)::before { content: "· "; color: var(--ux-border-strong, #cbd5e1); }
/* Тайлбар 4–5 мөр болж карт томордог тул 2 мөрөөр хязгаарлана. */
.al_table .al_desc_cell {
    max-width: none !important; white-space: normal !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 10.5px шошго уншигдахгүй байв. */
.al_table .al_badge { font-size: .76rem !important; padding: 3px 9px !important; }
.al_table .al_who { font-weight: 600; }

/* ═══════════ Ажлын самбарын хүснэгтүүд ═══════════
   «Байгууллагын бүтэц» (5 багана) ба «Хэрэглэгчид» (4 багана). Тоонууд нь
   гарчиггүй бол утгагүй тул blade-д data-label нэмж, энд ::before-оор гаргана. */
.dash_tbl_scroll > table > tbody > tr.dash_expand_row > td:first-child { flex: 1 1 100%; }
.dash_tbl_scroll > table > tbody > tr.dash_expand_row > td[data-label] { flex: none; }
.dash_tbl_scroll > table > tbody > tr.dash_expand_row > td[data-label]::before {
    content: attr(data-label) ' ';
    color: var(--ux-text-2); font-size: var(--m-label); font-weight: 600;
}
.dash_tbl_scroll > table > tbody > tr.dash_expand_row > td.dash_td_bar { flex: 1 1 100%; }
.dash_tbl_scroll > table > tbody > tr.row_child { margin-left: 14px; border-left: 3px solid var(--ux-primary-soft); }
.dash_tbl_scroll > table > tbody > tr.dash_drawer_row > td { padding: 0 !important; }
.dash_tbl_scroll .org_name_cell,
.dash_tbl_scroll .person_chip { min-width: 0; }
.dash_tbl_scroll .org_name_text,
.dash_tbl_scroll .person_meta { min-width: 0; white-space: normal; }
/* Байгууллагын мөр бүрд «Үндсэн байгууллага» гэсэн ижил текст давтагдаж,
   ямар ч мэдээлэл өгөхгүйгээр карт бүрийг өндөрсгөж байв. Хэрэглэгчийн
   мөрийн дэд текст нь харин байгууллагынх нь нэр тул үлдээнэ. */
.dash_tbl_scroll .org_name_text small { display: none; }
/* «Мэдээлэл алга байна» мөр — картан горимд ч уншигдана. Эс бөгөөс хүснэгт
   хоосон үед зөвхөн гарчиг үлдэж, хэсэг нь эвдэрсэн мэт харагдана. */
.dash_tbl_scroll .empty_row,
.al_table .empty_row,
.co_table .empty_row {
    display: block !important; width: 100%;
    padding: 14px 4px !important; text-align: center;
    color: var(--ux-muted); font-size: var(--m-body);
}

/* ═══════════ Ажлын жагсаалт (tasks_list) ═══════════
   8 багана. `.task_table`-ыг ХАСНА — нүүрийнх home.css-д өөрийн дүрэмтэй.
   ЧУХАЛ: сонгогчийн жин нь дээрх `> td { display: block }`-оос ӨНДӨР байх
   ёстой (3 класс + 3 элемент), эс бөгөөс display/flex дүрэм үйлчлэхгүй. */
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_name {
    order: 1; flex: 1 1 auto;
}
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_status {
    order: 2; flex: none;
}
/* Мөр таслагч №1 — ::before нь flex контейнерын жинхэнэ item */
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row)::before {
    content: ''; order: 3; flex: 1 1 100%; height: 0;
}
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_person,
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_org {
    color: var(--ux-text-2); font-size: var(--m-meta);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_person {
    order: 4; flex: 0 1 auto; max-width: 55%;
}
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_org {
    order: 5; flex: 1 1 0;
}
.nova_list_table:not(.task_table) > tbody > tr > td.tl_org::before {
    content: '· '; color: var(--ux-muted);
}
/* Мөр таслагч №2 */
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row)::after {
    content: ''; order: 6; flex: 1 1 100%; height: 0;
}
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_due {
    order: 7; flex: none; font-size: var(--m-meta); color: var(--ux-text-2);
}
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_done {
    order: 8; flex: none; font-size: var(--m-meta); color: var(--ux-text-2);
}
.nova_list_table:not(.task_table) > tbody > tr > td[data-label]::before {
    content: attr(data-label) ' '; font-size: var(--m-label); font-weight: 600;
}
/* Хоосон огноо ба «Үүсгэсэн» огноо — картад хэрэггүй */
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_due.is_blank,
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_done.is_blank,
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.tl_created {
    display: none;
}
.nova_list_table:not(.task_table) > tbody > tr:not(.tl_detail_row) > td.col_actions {
    order: 9; flex: 1 1 100%; margin: 6px 0 0;
    display: flex; gap: 9px; white-space: nowrap;
}

/* Ажлын картын товчнууд өөрийн бүтэн мөрөнд — баруун захад шахагдахад
   «Даалгавар» гэсэн нэр «Даал…» болж тасарч байв. */
.task_table .task_row > td.col_actions {
    flex: 1 1 100% !important; margin: 6px 0 0 !important;
    display: flex !important; gap: 9px; justify-content: flex-start;
}

/* ═══════════ Ажлын мөрийн үйлдлийн товч — НЭРТЭЙ ═══════════
   Байгууллага, хэрэглэгчийн жагсаалтад товч бүр нэрээ дэргэдээ бичдэг
   болсон ч ажлын жагсаалтад дан дүрс үлдэж, хоёр өөр хэв маяг үүсэж байв.
   Мөн Түүх хуудсанд товч 30px байсныг хуруунд 36px болгов. */
.task_table .task_row > td.col_actions .nlt_action,
.nova_list_table:not(.task_table) .col_actions .nlt_action {
    flex: 1 1 0 !important;
    width: auto !important; min-width: 0; height: 38px !important;
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    /* Хүрээ ↔ агуулгын хооронд амьсгалах зай. */
    padding: 0 10px !important; margin: 0 !important;
    border: 1px solid var(--ux-border); border-radius: 10px;
    background: var(--ux-card);
}
.task_table .task_row > td.col_actions .nlt_action svg,
.nova_list_table:not(.task_table) .col_actions .nlt_action svg {
    width: 15px !important; height: 15px !important; flex: none;
}
.task_table .task_row > td.col_actions .nlt_action[data-label]::after,
.nova_list_table:not(.task_table) .col_actions .nlt_action[data-label]::after {
    content: attr(data-label);
    font-size: .76rem; font-weight: 700; letter-spacing: -.03em; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; min-width: 0;
}
/* Өнгө нь үйлдлийнхээ утгыг хэлнэ (бусад жагсаалттай ижил дүрэм). */
.nova_list_table:not(.task_table) .col_actions .nlt_view { color: var(--ux-primary); border-color: var(--ux-primary-soft); background: var(--ux-primary-soft); }
.nova_list_table:not(.task_table) .col_actions .nlt_delete { color: var(--ux-danger); border-color: var(--ux-danger-soft); background: #fef4f2; }

/* ── ХАРАНХУЙ ГОРИМ ──
   Гар утсанд эдгээр товч хүрээтэй «шахмал» болдог (дээрх дүрэм). Харанхуйд
   enhance.css нь бүх мөрийн товчийг `transparent !important` болгодог тул
   хүрээ нь ул мөргүй арилж, дан саарал бичиг үлддэг байв. Гар утасны хэлбэрийг
   энд харанхуйд тааруулж сэргээнэ — ширээний дэлгэц дан дүрсээрээ үлдэнэ. */
html[data-theme="dark"] .task_table .task_row > td.col_actions .nlt_action,
html[data-theme="dark"] .nova_list_table:not(.task_table) .col_actions .nlt_action {
    background: #1b2942 !important;
    border-color: #33475f !important;
    color: var(--ux-text-2) !important;
}
html[data-theme="dark"] .task_table .task_row > td.col_actions .nlt_edit,
html[data-theme="dark"] .task_table .task_row > td.col_actions .add_sub_list,
html[data-theme="dark"] .nova_list_table:not(.task_table) .col_actions .nlt_view {
    color: #93b4fc !important; border-color: #2f4a7a !important; background: #17233c !important;
}
html[data-theme="dark"] .task_table .task_row > td.col_actions .nlt_delete,
html[data-theme="dark"] .nova_list_table:not(.task_table) .col_actions .nlt_delete {
    color: #f87171 !important; border-color: #5b2020 !important; background: #2a1414 !important;
}
/* Дэлгэрэнгүй мөр — зөвхөн `.is_open` үед. Хүснэгт нь block болсон тул
   `display: table-row` биш `block` өгнө. */
.nova_list_table > tbody > tr.tl_detail_row.is_open { display: block; }
.nova_list_table > tbody > tr.tl_detail_row > td { display: block; padding: 0 !important; }

/* ═══════════ Хэрэглэгч / Байгууллагын дэлгэрэнгүйн ажлын хүснэгт ═══════════
   .od_table — 6 багана: ажил · байгууллага(хариуцагч) · төлөв · явц · дуусах · сум */
.od_table > tbody > tr:not(.od_detailrow) { position: relative; }
.od_table > tbody > tr:not(.od_detailrow) > td:nth-child(1) {
    order: 1; flex: 1 1 100%; padding-right: 20px !important;
}
.od_table > tbody > tr:not(.od_detailrow) > td:nth-child(3) { order: 3; flex: none; }
/* Хариуцагч урьд нь бүтэн мөр эзэлдэг байсныг төлөвийн хажууд оруулав —
   ажлын карт нэг мөрөөр богиносно. */
.od_table > tbody > tr:not(.od_detailrow) > td:nth-child(2) {
    order: 4; flex: 0 1 auto; max-width: 48%;
    color: var(--ux-text-2); font-size: var(--m-meta);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* Хариуцагч заагаагүй бол ганц «—»-ийн төлөө бүтэн мөр авахгүй. */
.od_table > tbody > tr:not(.od_detailrow) > td.od_person.is_none { display: none !important; }
.od_table > tbody > tr:not(.od_detailrow) > td:nth-child(4) {
    order: 5; flex: 1 1 auto; min-width: 0; display: flex !important; align-items: center; gap: 7px;
}
/* Явцын зурвас 70px тогтмол байсан тул төлөв + явц + огноо + сум нэг мөрөнд
   багтахгүй, сум дангаараа шинэ мөр эзэлдэг байв. Одоо зурвас агшина. */
.od_table > tbody > tr:not(.od_detailrow) > td:nth-child(4) .od_bar {
    flex: 1 1 30px; width: auto; min-width: 24px; max-width: 70px; margin-right: 0;
}
.od_table > tbody > tr:not(.od_detailrow) > td:nth-child(5) { order: 6; flex: none; font-size: var(--m-meta); }
/* Сум урсгалд байхад мөр дүүрэн үед дангаараа шинэ мөр эзэлдэг байв.
   Одоо картын баруун дээд буланд тогтмол суух тул мөр нэмэгдүүлэхгүй. */
.od_table > tbody > tr:not(.od_detailrow) > td.od_tc_chev {
    position: absolute; top: 10px; right: 12px; margin: 0; line-height: 1;
}
.od_table > tbody > tr.od_detailrow.is_open { display: block; }
.od_table > tbody > tr.od_detailrow > td { display: block; padding: 0 !important; }

/* ═══════════ Эрхийн тохиргоо (access.index) ═══════════
   Матриц (эрх × роль) нь 620px өргөн тул хэвтээ гүйж, баганууд тасардаг байв.
   Одоо эрх бүр карт болж, роль бүр картын доторх нэг мөр болно:
       Ажил харах
       Админ      ✓ Бүгд
       Хэрэглэгч  [Өөрийн ▾] */
.axm_table > tbody > tr.axm_group_row {
    display: block; margin: var(--m-block) 0 8px; padding: 0;
    border: 0; background: none;
}
.axm_table > tbody > tr.axm_group_row > td {
    display: block; padding: 0 !important; border: 0 !important;
    background: none !important;
    font-size: var(--m-label); font-weight: 800; letter-spacing: .07em;
    text-transform: uppercase; color: var(--ux-primary);
}
.axm_table > tbody > tr.axm_row > td.axm_ability { flex: 1 1 100%; }
/* Роль бүрийн мөр: зүүнд ролийн нэр, баруунд утга */
.axm_table > tbody > tr.axm_row > td.axm_cell {
    flex: 1 1 100%;
    display: flex !important; align-items: center; gap: var(--m-gap-x);
    padding-top: 6px !important;
    border-top: 1px dashed var(--ux-border) !important;
}
.axm_table > tbody > tr.axm_row > td.axm_cell::before {
    content: attr(data-role);
    flex: none; min-width: 78px;
    font-size: var(--m-meta); font-weight: 600; color: var(--ux-text-2);
}
.axm_table .axm_sel_wrap { flex: 1 1 auto; min-width: 0; }
.axm_table .axm_sel { width: 100%; }
/* Хүснэгтийн толгойд байсан «Хадгалах» товчийг доор давхардуулав.
   !important шаардлагатай — blade доторх <style> нь энэ файлаас ХОЙНО байрлах
   тул ижил жинтэй `.axm_msave { display: none }` дүрэм нь эс бөгөөс ялна. */
.axm_msave { display: flex !important; flex-direction: column; gap: 8px; margin-top: var(--m-block); }
.axm_msave .axm_save { justify-content: center; width: 100%; }
.axm_legend { margin-top: var(--m-block) !important; padding: 12px 14px !important; font-size: var(--m-meta); }

/* ═══════════ Самбар: график ХАРУУЛАХГҮЙ ═══════════
   Дугуй график, 6 сарын чиг хандлага нь нарийхан дэлгэцэнд уншигдахгүй, зөвхөн
   урт гүйлгэлт үүсгэдэг. Тоон мэдээлэл нь доорх картуудад бүрэн бий.

   ЗӨВХӨН графикийг нуна — `.dash_charts`-ыг бүхэлд нь нуувал «Тайлан татах»
   товч болон байгууллагын шүүлт (доорх хүснэгтүүдийг шүүдэг) хамт алга болно. */
/* Графикууд гар утсанд ч харагдана — нэг баганаар, намхан өндөртэй. */
.dch_grid { display: grid !important; grid-template-columns: 1fr !important; gap: var(--m-block) !important; }
.dch_grid > .dch_card { height: auto !important; min-height: 0 !important; }
.dch_card { padding: var(--m-pad) !important; border-radius: var(--m-radius) !important; }
.dch_card_head { font-size: var(--m-body) !important; }
/* «Төлөвийн хуваарилалт» донат — дээрх 4 тоон карт яг ижил тоог (нийт,
   дууссан, хийгдэж байгаа, хэтэрсэн) илүү товч бөгөөд дарж болохоор
   харуулж байгаа тул гар утсанд давхардуулахгүй. */
#dchStatusCard { display: none !important; }
.dch_title { display: none; }
.dash_charts { margin: 0 0 var(--m-block) !important; }
.dch_toolbar { padding: 0 !important; border: 0 !important; gap: var(--m-gap-x) !important; }
.dch_toolbar_right { flex-wrap: wrap; gap: var(--m-gap-x); width: 100%; }
/* Тайлан татах нь хуудасны гол агуулга биш — цэнхэр дүүрэн бар байснаа
   энгийн хүрээтэй товч болно. */
.dch_export_btn {
    flex: 1 1 auto; justify-content: center;
    background: var(--ux-card) !important; color: var(--ux-primary) !important;
    border: 1px solid var(--ux-border) !important; box-shadow: none !important;
    font-size: var(--m-body) !important;
}
/* Байгууллагын шүүлт — гар утсанд зай эзэлдэг тул нууж, оронд нь
   хуудасны дээд талд нэрээр хайх талбар гаргана. */
.dch_pick { display: none !important; }
.dch_find { display: flex !important; }
.dch_no_hit[hidden] { display: none !important; }
.dch_no_hit { display: block !important; }
/* «Байгууллагын гүйцэтгэл» — 5 байгууллага харагдаж, үлдсэнийг нь дотор нь
   гүйлгэнэ. Байгууллага олон байхад энэ нэг карт хуудсыг бүхэлд нь эзэлж,
   доорх графикууд хүрэхийн аргагүй хол болдог байв.
   (68px ≈ нэр + зурвас + «N ажил · N дууссан» мөр.) */
#dchBars {
    max-height: calc(68px * 5);
    overflow-y: auto;
    /* Гүйлгэх зурвас агуулгыг дарахгүй байх зай */
    padding-right: 4px;
    overscroll-behavior: contain;
}
#dchBars::-webkit-scrollbar { width: 5px; }
#dchBars::-webkit-scrollbar-thumb { background: var(--ux-border-strong); border-radius: 3px; }

/* «Байгууллагын бүтэц» — гар утсанд хүснэгт нь хэт өргөн, дээрх графикууд
   ижил мэдээллийг аль хэдийн харуулж байгаа тул нуув. */
.dash_org_panel { display: none !important; }

/* ═══════════ Статистикийн картууд — 2 БАГАНА ═══════════
   enhance.css нь ≤460px үед эдгээрийг 1 багана болгодог байв. Ингэснээр
   самбар/профайл дээр 4 карт нь 4 бүтэн мөр эзэлж, хуудас 2 дахин уртсана. */
.profile_stats,
.pf_stats,
.pf_sys_stats {
    grid-template-columns: 1fr 1fr !important;
    gap: var(--m-card-gap) !important;
    margin: 0 0 var(--m-block) !important;
}
/* Самбарын 4 тоон карт — 2×2 тор. Самбарын ГОЛ мэдээлэл нь эдгээр тоо тул
   гар утсанд хамгийн түрүүнд харагдана (өмнө нь донат график энэ үүргийг
   гүйцэтгэж, дэлгэцийн хагасыг эзэлдэг байв). Дээр нь дарахад холбогдох
   ажлын жагсаалт нээгддэг. */
.dashboard_summary {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: var(--m-card-gap) !important;
    margin: 0 0 var(--m-block) !important;
}
.dashboard_card,
.pf_stat {
    padding: var(--m-pad) !important;
    gap: var(--m-gap-x) !important;
    border-radius: var(--m-radius) !important;
    min-width: 0;
}
.dc_ic, .pf_stat_ic, .u_stat_ic {
    width: 34px !important; height: 34px !important;
    border-radius: 10px !important; font-size: 17px !important;
}
.dc_ic svg, .pf_stat_ic svg { width: 17px !important; height: 17px !important; }
.dc_body p, .pf_stat_num, .u_stat_num { font-size: 1.22rem !important; }
.dc_body h3, .pf_stat_lbl, .u_stat_lbl { font-size: var(--m-label) !important; line-height: 1.25 !important; }
.dc_body, .pf_stat_body, .u_stat_meta { min-width: 0; }
.pf_stat_arrow { display: none !important; }

/* Самбарын 4 тоо нь хуудасны ГОЛ хариулт («хэдэн ажил?») тул хажуугийн
   шошгоосоо тод том байх ёстой. Өмнө нь дүрс, тоо, шошго гурав ойролцоо
   хэмжээтэй байсан тул тоо нь өнгөц харахад олдохгүй байв. */
.dashboard_card { align-items: center !important; }
.dashboard_summary .dc_ic { width: 40px !important; height: 40px !important; border-radius: 12px !important; }
.dashboard_summary .dc_ic svg { width: 21px !important; height: 21px !important; }
.dashboard_summary .dc_body p {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em;
}
.dashboard_summary .dc_body h3 { font-size: .78rem !important; }

/* ═══════════ Профайл ═══════════
   Жагсаалтын нэрийг мөр таслуулах нь 3–4 мөр болгож байв. Нэг мөрөнд үлдээж,
   оронд нь баруун талын сумыг хасаж өргөн өглөө. */
/* Профайл нь гар утсанд ӨӨРИЙН мэдээллийн хуудас. Системийн ерөнхий статистик,
   бүртгэлтэй хэрэглэгчдийн жагсаалт нь ширээний самбарын ажил тул хаагдана —
   эдгээр нь профайлын урьдны 3.9 дэлгэцийн бараг талыг эзэлж байв. */
.pf_admin_only { display: none !important; }

/* Ажлын тоон картууд — нүүр хуудасны «Төлөв» сонголт яг ижлийг үзүүлдэг. */
.pf_stats { display: none !important; }

/* «Гарах» нь профайлын ТОЛГОЙД, нэрийнхээ доор. Хуудасны хамгийн ёроолд
   тавихад бүх картыг гүйлгэж байж олддог тул хэрэглэгддэггүй байв. */
.pf_actions {
    display: flex !important; flex: 0 0 100% !important; order: 9;
    width: 100%; margin: 10px 0 0 !important; padding-top: 10px;
    border-top: 1px solid var(--ux-border);
}
.pf_actions .pf_logout { flex: 1; }
.pf_logout_btn { width: 100%; justify-content: center; }
/* Мэдэгдлийн тохиргоо — гар утсанд хэрэггүй, профайлыг 2 дэлгэц
   уртасгаж байв. Ширээний дэлгэцэд хэвээр.
   («Миний сүүлийн үйлдэл» карт хасагдсан — үйл ажиллагааны түүх
   системээс бүхэлдээ гарсан.) */
.pf_notify_card { display: none !important; }

/* Толгой хэсэг — 96px өндөр өнгөт туузан дээр 92px аварга дүрс давхарлаж,
   зөвхөн нэр, имэйл харуулахад бүтэн дэлгэцийн 40%-ийг эзэлж байв. Нарийхан
   дэлгэцэнд давхарлалт эвдэрч, нэр туузан дээр буугаад уншигдахаа больдог тул
   туузыг огт харуулахгүй, энгийн нэг мөр карт болгов. */
.pf_hero_bg { display: none !important; }
.pf_hero_row {
    padding: var(--m-pad) !important;
    /* Зураг + нэр эхний мөрөнд, «Гарах» товч доор нь бүтэн өргөнөөр.
       `nowrap` үед тэр товч мөрөнд багтахгүй болоод нэрэн дээгүүр давхарлаж
       байв. Багана тус бүрийн өргөн доор тогтоогдсон тул зөвхөн товч л
       доошоо буух боломжтой. */
    gap: 0 11px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
.pf_avatar { width: 52px !important; height: 52px !important; border-radius: 15px !important; font-size: 1.3rem !important; border-width: 0 !important; box-shadow: none !important; }
/* Зураг солих камерын товч 36px (30 + 3px хүрээ) байсан нь 52px аватарын бараг
   талыг дарж, доор нь байгаа үсгийг таглаж байв. */
.pf_av_form { right: -2px !important; bottom: -2px !important; }
.pf_av_btn { width: 22px !important; height: 22px !important; border-width: 2px !important; }
.pf_av_btn svg { width: 12px !important; height: 12px !important; }
.pf_status { width: 11px !important; height: 11px !important; right: 1px; bottom: 1px; border-width: 2px !important; }
.pf_identity { flex: 1 1 auto !important; min-width: 0 !important; padding-bottom: 0 !important; }
.pf_name_line { margin-bottom: 4px !important; gap: 8px !important; }
.pf_name_line h1 { font-size: 1.15rem !important; }
.pf_meta { gap: 2px 14px !important; }
.pf_meta_item { font-size: var(--m-meta) !important; }
.pf_recent_item,
.pf_acc_row { padding: var(--m-pad) !important; gap: var(--m-gap-x) !important; }
.pf_acc_sub {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-size: var(--m-meta) !important;
}
/* Ажлын мөр — нэр, төлөв, байгууллага/огноо гурав нэг эгнээнд шахагдаж,
   гурвуулаа «…»-ээр таслагдаж байв. Нэр + шошгыг дээд мөрөнд, байгууллага,
   огноог доод мөрөнд бүтнээр байрлуулна. */
.pf_recent_item { flex-wrap: wrap !important; align-items: flex-start !important; }
/* Явцын хяналт нь мөрний хажууд зогсоход ажлын нэрэнд 170px л үлдэж, 3 мөр
   болж таслагдаж байв. Холбоосыг бүтэн өргөнөөр тавьж, явцыг доор нь
   баруун талд буулгана. */
.pf_recent_li { flex-wrap: wrap !important; }
.pf_recent_li .pf_recent_item { flex: 1 1 100% !important; }
.pf_recent_dot { margin-top: 5px; }
/* `1 1 auto` бол урт нэртэй ажилд агуулгынхаа өргөнийг шаардаж, цэгээ
   ганцааранг нь дээд мөрөнд үлдээгээд доошоо буудаг байв. */
.pf_recent_main { flex: 1 1 0 !important; min-width: 0 !important; }
/* Төлөв ба явцын цагираг нь мөрийнхөө баруун ирмэгт хамт зогсоно. */
.pf_recent_item > .pf_badge {
    flex: none; margin-left: auto; align-self: flex-start;
    font-size: var(--m-label) !important; padding: 3px 9px !important;
}
.pf_recent_item > .pf_ring { width: 36px !important; height: 36px !important; }
.pf_recent_sub {
    white-space: normal !important; overflow: visible !important;
    font-size: var(--m-meta) !important; line-height: 1.4 !important;
    color: var(--ux-text-2) !important;
}
.pf_recent_name { font-size: var(--m-body) !important; color: var(--ux-text) !important; }

/* Блокуудын дараалал. Ширээн дээр 2 багана (pf_main | pf_side) тул DOM-ийн
   дараалал гар утсанд буруу гардаг: «хувийн мэдээлэл» нь баруун баганад
   байдаг учир хамгийн доор буудаг байв. `display: contents`-ээр хоёр баганыг
   задалж, картуудыг ХЭРЭГЦЭЭНИЙ дарааллаар эрэмбэлэв —
   би хэн бэ → юу яаралтай вэ → миний мэдээлэл → сүүлд юу болов. */
/* align-items: stretch — ширээний grid дээрх `align-items: start` баганын
   чиглэлтэй flex дээр «өргөнөө агуулгаараа» гэсэн утгатай болж, картууд
   дэлгэцээс халин гарч байв. */
.pf_layout {
    display: flex !important; flex-direction: column !important;
    gap: 0 !important; align-items: stretch !important;
}
.pf_main, .pf_side { display: contents !important; }
.pf_prog_card { order: 1; }
.pf_due_card { order: 2; }
.pf_info_card { order: 3; }
.pf_recent_card { order: 4; }
.pf_fold_act { order: 5; }
.pf_fold_acc { order: 6; }

/* Зөвхөн гар утсанд нуух (blade-ээс нөхцөлтэйгээр өгөгдөнө). */
.pf_mob_hide { display: none !important; }

/* Ажлын нэр — нэг мөрөнд багтахгүй, 20 үсгээр таслагдаж уншигдахаа
   больж байв. Хоёр мөр хүртэл зөвшөөрөв. */
.pf_recent_name {
    white-space: normal !important;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden; line-height: 1.32 !important;
}

/* Гүйцэтгэлийн зурвас — 5 карт БИШ, нэг мөр явц. */
.pf_prog_card .pf_card_body { padding: var(--m-pad) !important; }
.pf_prog_pct { font-size: 1.05rem !important; }
.pf_prog_legend { font-size: var(--m-meta) !important; gap: 2px 11px !important; }
.pf_due_chip { font-size: var(--m-label) !important; padding: 2px 8px !important; }

/* ── Гүйлт багасгах ────────────────────────────────────────────────
   Гар утсанд профайл 1.5–2 дэлгэцээс хэтрэхгүй байх ёстой. */

/* Тоон картыг дарж нээдэг задаргаа жагсаалтууд. Гар утсанд дарах товч нь
   нуугдсан тул хэзээ ч нээгдэхгүй — гэвч хоосон савны зай (2 × 18px) үлдэж,
   толгой хэсэг ба гүйцэтгэлийн хооронд ил цоорхой үүсгэж байв. */
.pf_lists { display: none !important; }
#profilePage { gap: var(--m-block) !important; }

/* Картын толгой, мөрүүдийн зайг нэг хэмнэлд оруулав. */
.pf_card_head { padding: var(--m-pad) !important; }
.pf_card_body { padding: 4px 12px 10px !important; }
.pf_card_sub { font-size: var(--m-label) !important; }
.pf_info_cell { padding: 9px 2px !important; }
.pf_recent_item { padding: 8px 11px !important; }
.pf_recent { gap: 5px !important; }

/* Хугацааны жагсаалт — гар утсанд эхний 3 нь хангалттай, үлдсэнийг
   «Бүгдийг харах» холбоосоор үзнэ. Ширээн дээр 5 хэвээр. */
.pf_due_card .pf_recent > *:nth-child(n+4) { display: none !important; }

/* Эвхдэг картын толгой — товч учир хүрэх талбайг хангалттай өргөн үлдээв. */
.pf_fold_head { padding: var(--m-pad) !important; }
.pf_act_item { padding: 7px 0 !important; }
.pf_act_name { font-size: var(--m-body) !important; }
.pf_act_desc, .pf_act_time { font-size: var(--m-label) !important; }
.pf_ab_chip { font-size: var(--m-meta) !important; padding: 4px 9px !important; }

/* ═══════════ Хуудасны толгой ═══════════
   Ширээний дэлгэцэд энэ нь дүрс, гарчиг, зам гурвыг агуулсан цагаан карт.
   Гар утсанд зам нь багтахгүй, гарчиг нь ганцаараа үлдэж, өндөр цагаан
   хайрцаг дотор хоосон зай ялзарч харагддаг байв. Картын хувцсыг тайлж,
   зүгээр л нэг мөр гарчиг болгоно. */
/* Гарчиг ба товч тайлбар — саарал самбар дээр.
   enhance.css нь `html:not([data-theme="dark"])`-ээр сүүдэр, булан өгсөн тул
   ижил жинтэйгээр дарж бичнэ — эс бөгөөс хуучин хэлбэр хэвээр үлдэнэ. */
.app_page_header,
html:not([data-theme="dark"]) .app_page_header,
html[data-theme="dark"] .app_page_header {
    padding: 14px 15px !important; margin-bottom: var(--m-block) !important;
    /* ЦАГААН ГОРИМД `--ux-surface` (#eef2f7) нь хуудасны суурь (#e9eef5)-аас
       ердөө 11 нэгжээр л ялгардаг тул энэ блок саарал дээр саарал болж,
       бүхэлдээ бүдэрхий харагдаж байв. Ширээний дэлгэц дээрхтэй адил
       ЦАГААН карт болгов (харанхуйд ялгаа хангалттай тул хэвээр). */
    background: var(--ux-card) !important;
    border: 1px solid var(--ux-border) !important;
    border-radius: 14px !important; box-shadow: none !important;
}
html[data-theme="dark"] .app_page_header { background: var(--ux-surface) !important; }
/* Дүрс нь гарчгийг шахаж, эх загварт ч байхгүй тул гар утсанд хасна. */
.app_page_ic { display: none !important; }
.app_page_title_row { display: block !important; }
.app_page_title_text { min-width: 0; }
.app_page_header h1 { font-size: 1.14rem !important; line-height: 1.3 !important; }
.app_page_subtitle {
    margin: 5px 0 0 !important; font-size: var(--m-meta) !important;
    line-height: 1.45 !important; color: var(--ux-text-2) !important;
}
/* Зам — доод цэс аль хуудсанд байгааг аль хэдийн заасан байдаг. */
.gov_breadcrumb { display: none !important; }

/* Хэсэг (section) хоорондын зай — картууд, самбарын панель, профайлын блок */
.dashboard_table, .dash_list, .od_card, .pf_list, .pf_card,
.u_arch_block, .axm_card, .co_table_card, .al_table_card {
    margin-bottom: var(--m-block) !important;
}
.app_toolbar, .co_toolbar { gap: var(--m-gap-x) !important; margin-bottom: var(--m-block) !important; }

/* ═══════════ АЖЛЫН ЖАГСААЛТЫН ХЭРЭГСЛИЙН МӨР ═══════════

   Дөрвөн хяналт (төлөв · Бүгд/Миний · Шүүлт · хайлт) нь өөр өөр өндөр,
   өөр өөр өргөнтэйгээр хоёр мөрөнд эмх замбараагүй тарж байв. Одоо мөр
   бүр эмх цэгцтэй, өндөр нь ижил байна:
     1) «N ажил ⌄» (төлвийн сонголт) + Бүгд/Миний
     2) Шүүлт + хайлт */
.app_toolbar {
    display: flex !important; flex-wrap: wrap; align-items: stretch !important;
    gap: 8px !important; padding: 10px !important;
}
.app_toolbar .app_count_pill { order: 1; flex: 0 0 auto; }
.app_toolbar .mine_switch { order: 2; flex: 1 1 auto; }
/* Компьютерт зай түлхэгч байсан хоосон элементийг гар утсанд МӨР ТАСЛАГЧ
   болгож ашиглана: өргөн нь бүтэн мөр, өндөр нь 0. Ингэснээр «Шүүлт»
   гарцаагүй хоёр дахь мөрөөс эхэлнэ. */
.app_toolbar > .app_toolbar_spacer {
    display: block !important; order: 3;
    flex: 0 0 100%; height: 0; margin: -8px 0;
}
.app_toolbar .hf_toggle { order: 4; flex: 0 0 auto; height: 40px; }
/* `flex-basis: auto` үед хайлтын талбар өөрийн байгалийн өргөнөө нэхэж,
   «Шүүлт» товчийг доод мөрөнд түлхэж байв — суурийг нь 0 болгов. */
.app_toolbar .nova_list_search { order: 5; flex: 1 1 0 !important; min-width: 0; }
.app_toolbar .nova_list_search input { height: 40px; }
.app_toolbar .mine_switch .ms_opt { flex: 1; justify-content: center; height: 36px; }
/* Бүгд/Миний шилжүүлэгчгүй хүнд (жирийн ажилтан, админ) эхний мөрөнд зөвхөн
   хоёр жижиг товч үлдэж, баруун тал нь хоосон цагаан зурвас болж байв.
   Тэр үед хоёр товч мөрөө ТЭНЦҮҮ ХУВААНА — хайлт доороо бүтэн мөр эзэлнэ. */
.app_toolbar:not(:has(.mine_switch)) > .app_toolbar_spacer { display: none !important; }
.app_toolbar:not(:has(.mine_switch)) .app_count_pill,
.app_toolbar:not(:has(.mine_switch)) .hf_toggle {
    flex: 1 1 0 !important; min-width: 0;
    justify-content: center;
}
.app_toolbar:not(:has(.mine_switch)) .nova_list_search { flex: 1 1 100% !important; }

/* ═══════════ Тоон карт дарахад гарах ажлын жагсаалт ═══════════
   Энэ хүснэгтийн нүднүүд ангигүй (tl_name г.м. байхгүй) тул дээрх нийтлэг
   картын дүрэмд «нэр» гэдгээрээ танигдалгүй, бүх мөр нэг л жижиг саарал
   бичгээр гарч, бүхэлдээ бүдэг харагдаж байв. Багана бүрд байр, жин өгнө. */
/* Цагаан карт дотор цагаан мөрүүд байснаас бүхэлдээ бүдгэрч, аль нэг ажил
   хаана дуусч байгаа нь нүдэнд ялгарахгүй байв. Савыг нь саарал болгож,
   доторх ажил бүрийг цагаан картаар товойлгоно. */
.dash_list {
    padding: var(--m-pad) !important;
    border: 1px solid var(--ux-border) !important;
    border-radius: var(--m-radius) !important;
    background: var(--ux-surface) !important;
}
/* 2 ажил харагдаж, үлдсэнийг нь дотор нь гүйлгэнэ — эс бөгөөс 5–10 ажилтай
   үед энэ жагсаалт хуудсыг бүхэлд нь эзэлж, доорх графикууд хол болдог. */
.dash_list .nova_table_scroll {
    max-height: 300px !important;
    overflow-y: auto !important;
    padding-right: 4px;
    overscroll-behavior: contain;
}
.dash_list .nova_table_scroll::-webkit-scrollbar { width: 5px; }
.dash_list .nova_table_scroll::-webkit-scrollbar-thumb { background: var(--ux-border-strong); border-radius: 3px; }
.dash_list_head { margin-bottom: 10px !important; }
.dash_list .dlh_title { font-size: var(--m-title) !important; font-weight: 800 !important; color: var(--ux-text) !important; }
.dash_list .dlh_title em { color: var(--ux-muted); font-style: normal; }
.dash_list .nova_list_table > tbody > tr {
    box-shadow: 0 1px 3px rgba(16, 32, 44, .09) !important;
    border-color: var(--ux-border-strong) !important;
}
.dash_list .nova_list_table > tbody > tr { gap: 6px 8px !important; }
/* 1 Нэр · 2 Байгууллага · 3 Хариуцагч · 4 Төлөв · 5 Явц · 6 Дуусах */
.dash_list .nova_list_table > tbody > tr > td:nth-child(1) { order: 1; flex: 1 1 100% !important; }
.dash_list .nova_list_table .nlt_name {
    font-weight: 700 !important; font-size: var(--m-title) !important;
    color: var(--ux-text) !important; line-height: 1.35;
}
/* Байгууллага, хариуцагч — өмнө нь .77rem бүдэг саарал байсан тул нэрээс
   бусад нь бүхэлдээ бүдгэрч уншигдахгүй байв. */
.dash_list .nova_list_table > tbody > tr > td:nth-child(2),
.dash_list .nova_list_table > tbody > tr > td:nth-child(3) {
    flex: 0 1 auto !important; font-size: var(--m-body) !important;
    font-weight: 600; color: var(--ux-text) !important;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dash_list .nova_list_table > tbody > tr > td:nth-child(2) { order: 4; max-width: 60%; }
.dash_list .nova_list_table > tbody > tr > td:nth-child(3) { order: 5; }
.dash_list .nova_list_table > tbody > tr > td:nth-child(3)::before {
    content: '· '; color: var(--ux-border-strong); font-weight: 700;
}
/* Төлвийн шошго — байгууллага/хариуцагчийн мөрний баруун захад (багтахгүй
   бол өөрөө доошоо буух ба тэндээ баруун талдаа зэрэгцэнэ). */
.dash_list .nova_list_table > tbody > tr > td:nth-child(4) { order: 5; flex: none !important; margin-left: auto; }
/* Явц ба дуусах огноо — доод мөрөнд тод. Өмнө нь «40% 2026-08-11» гэж
   ялгаагүй саарал бичгээр зэрэгцэж, аль нь юу нь ойлгомжгүй байв. */
.dash_list .nova_list_table > tbody > tr > td:nth-child(5) {
    order: 7; flex: none !important;
    padding: 3px 10px !important; border-radius: 999px;
    background: var(--ux-primary-soft); color: var(--ux-primary) !important;
    font-size: var(--m-body) !important; font-weight: 800;
}
.dash_list .nova_list_table > tbody > tr > td:nth-child(6) {
    order: 8; flex: none !important; margin-left: auto;
    font-size: var(--m-body) !important; font-weight: 700; color: var(--ux-text) !important;
}
.dash_list .nova_list_table .empty_row { color: var(--ux-text-2) !important; text-align: center; }
/* Төлвийн шошго ч мөн адил жижиг, тунгалаг байв. */
.dash_list .nova_badge { font-size: var(--m-meta) !important; font-weight: 700 !important; }

/* Хэсгийн урт тайлбар — гар утсанд 3–4 мөр эзэлдэг ч шинэ мэдээлэл өгдөггүй */
.dash_org_hint { display: none !important; }
.u_arch_note { font-size: var(--m-meta) !important; line-height: 1.45 !important; margin-bottom: 9px !important; }

/* ═══════════ Түүхийн шүүлт — товчны цаана хураана ═══════════
   4 талбар + товч нь бараг бүтэн дэлгэц эзэлж, түүх өөрөө доогуур
   дарагддаг байв. Товч дарахад доошоо задарна. */
.al_filter_toggle {
    display: flex !important; align-items: center; gap: 9px; width: 100%;
    margin-bottom: var(--m-block); padding: 0 14px; height: 44px;
    border: 1px solid var(--ux-border); border-radius: var(--m-radius);
    background: var(--ux-card); color: var(--ux-text);
    font-size: var(--m-body); font-weight: 700; cursor: pointer;
}
.al_filter_toggle > svg { width: 17px; height: 17px; color: var(--ux-muted); flex: none; }
.al_filter_toggle .aft_chev { margin-left: auto; transition: transform .18s; }
.al_filter_toggle.is_expanded .aft_chev { transform: rotate(180deg); }
.al_filter_toggle .aft_dot {
    width: 7px; height: 7px; border-radius: 50%; background: var(--ux-primary); flex: none;
}
.al_filter_toggle.is_on { border-color: var(--ux-primary); color: var(--ux-primary); }
.al_filter_toggle.is_on > svg { color: var(--ux-primary); }

/* Түүхийн шүүлт — 5 бүтэн мөр эзэлж байсныг огноог зэрэгцүүлж 4 болгов */
.al_filters { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; }
.al_filters:not(.is_open) { display: none !important; }
/* Талбар бүр шошготой болсон тул хяналтууд `.al_field` дотор сууна. */
.al_filters > .al_field { grid-column: 1 / -1; min-width: 0; }
.al_filters > .al_field > .al_select { width: 100%; min-width: 0; }
.al_filters .al_field_actions { display: flex; align-items: center; gap: 10px; }
.al_filters .al_field_actions > .al_apply { flex: 1; }

/* ═══════════ ТӨЛВИЙН ШҮҮЛТ — «N ажил ⌄» ТОВЧНЫ АРД ═══════════

   Таван таб (Бүгд · Хүлээгдэж буй · Хийгдэж байгаа · Дууссан · Хугацаа
   хэтэрсэн) нь 430px өргөнд гурван мөр болж тархдаг тул гар утсанд тэднийг
   нуугаад, төлвийн сонголтыг хэрэгслийн мөрөнд байгаа «N ажил ⌄» товчны ард
   өгнө: товчийг дархад «Бүгд (5) / Хүлээгдэж буй (0) / …» гэсэн тоо бүхий
   жагсаалт нээгдэнэ (доорх `.acp_status_sel`).

   Дунд нь табуудыг хэвтээ гүйдэг болгож үзсэн боловч хэрэглэгч хуучин
   хэлбэрийг сонгосон тул буцаав. */
.status_tabs { display: none !important; }
/* Түүхийн «Он + Сар» сонголт нь гар утсанд ч ижилхэн ажиллана — 2 сонголт нэг
   мөрөнд багтана. Өмнө нь энд бүх сарыг нэг урт жагсаалтаар үзүүлдэг тусдаа
   сонголт байсан бөгөөд «Бүгд / энэ сар / өмнөх сар» гэсэн нэрс нь аль сар
   болохыг хэлдэггүй байв. */
.tl_month_bar { gap: 7px !important; margin-bottom: var(--m-block) !important; }
.tl_month_bar .tl_mlbl { display: none !important; }
.tl_month_bar .tl_msel { flex: 1 1 0; min-width: 0 !important; height: 40px !important; }
.tl_month_bar .tl_mclear { height: 40px; flex: none; }
.status_pick {
    display: flex; align-items: center; gap: var(--m-gap-x);
    margin-bottom: var(--m-block);
}
/* «Төлөв» / «Дууссан сар» шошго — сонголт өөрөө утгаа хэлж байгаа тул илүүц */
.sp_lbl { display: none; }
.sp_select {
    flex: 1 1 auto; min-width: 0;
    height: 40px; padding: 0 12px;
    border: 1px solid var(--ux-border); border-radius: 9px;
    background: var(--ux-card); color: var(--ux-text);
    font-size: var(--m-body); font-weight: 600;
}

/* Нүүр хуудсанд төлвийн сонголт нь тусдаа мөр эзлэхээ болиод «N ажил»
   товчны ард орлоо: товчийг дархад хөтчийн жагсаалт нээгдэнэ. */
.app_count_pill { position: relative; }
.acp_caret { display: inline-block; width: 14px; height: 14px; color: var(--ux-muted); }
.acp_status_sel {
    display: block;
    position: absolute; inset: 0; width: 100%; height: 100%;
    margin: 0; padding: 0; border: 0; background: none;
    opacity: 0; -webkit-appearance: none; appearance: none;
}

/* Доод цэсний «+» товч ажлыг нэмдэг тул хэрэгслийн мөрөнд давхардуулахгүй. */
.ct_add_btn { display: none !important; }

/* ═══════════ Ажил/даалгаврын цонх ═══════════
   94vh өндөр нь гар утсанд бүтэн дэлгэц эзэлж, ард нь хуудас байгаа нь
   мэдрэгдэхгүй байв. Богиносгож, дотоод зайг чангатгав. */
.task_modal_wrap .modal-dialog { width: 92vw !important; margin: 7vh auto !important; }
.task_modal_wrap .task_modal { max-height: 74vh; border-radius: 14px !important; }
.task_modal_wrap .task_modal .modal_header { padding: 12px 14px !important; gap: 10px; }
.task_modal_wrap .task_modal .modal_header .mh_ic { width: 32px; height: 32px; border-radius: 9px; }
.task_modal_wrap .task_modal .modal_header .mh_ic svg { width: 17px; height: 17px; }
.task_modal_wrap .task_modal .modal_header h3 { font-size: 1rem !important; }
/* Тайлбар мөр нь гарчгаа давтаж байгаа тул нарийхан дэлгэцэнд илүүц */
.task_modal_wrap .task_modal .modal_header .mh_sub { display: none !important; }
.task_modal_wrap .task_modal .modal_header .mh_close { width: 30px; height: 30px; }
.task_modal_wrap .task_modal .modal_main { padding: 14px !important; gap: 12px !important; }
.task_modal_wrap .task_modal .modal_footer { padding: 10px 14px !important; }
.task_modal_wrap .task_modal .rt_area { min-height: 72px; max-height: 150px; }
.task_modal_wrap .task_modal .form_textarea { min-height: 66px !important; }
.task_modal_wrap .task_modal .form_section_label { margin: 6px 0 0; padding-top: 8px; }

/* ═══════════ Нүүрийн шүүлт ═══════════
   Гар утсанд байгууллагаар шүүхэд л хангалттай. Хариуцагчийн сонголт нь
   панелийг уртасгаад ашиглагдах нь ховор. */
.hf_panel .hf_person { display: none !important; }

/* ═══════════ Хуудаслалт ═══════════ */
.al_pagination,
.home_pagination,
.nova_table_foot { justify-content: center; flex-wrap: wrap; margin-top: var(--m-block); }
/* Хуудасны дугаарууд 32px байсан — хуруунд оногдохын доод хэмжээ 36px. */
.page-link,
.pagination .page-link {
    min-width: 36px !important; height: 36px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
}

/* Эрхийн тохиргооны товчнууд 33–35px байсныг 38px болгов. */
.rx_add_btn, .rx_btn, .rx_menu_btn { min-height: 38px !important; }
.rx_rolepick select { height: 38px !important; }

/* ═══════════ Дээд мөр ═══════════
   Апп шиг харагдац: зүүн талд лого, баруун талд араа (хэрэглэгчийн цэс) ·
   өнгө · мэдэгдэл. Нэгдсэн хайлт нь хуудас бүрийн өөрийн хайлттай давхцдаг
   тул гар утсанд хаана. */
.gsearch { display: none !important; }
.tb_brand {
    display: inline-flex; align-items: center; gap: 8px;
    margin-right: auto; text-decoration: none;
    color: var(--ux-text); font-weight: 800; font-size: 1rem; letter-spacing: .01em;
}
.tb_logo {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 9px;
    background: var(--ux-primary); color: #fff; font-weight: 800; font-size: .9rem;
}
/* Араа нь хамгийн зүүнд — зурган загварын дараалал (араа · нар · хонх).
   Хажуудах өнгө/мэдэгдлийн товчтой ижил хэлбэртэй болгоно. */
.nova_topbar_right { gap: 9px; }
/* Дээд талын арааны товч. Доод барт багтаагүй хуудсууд (Хэрэглэгч, Үйл
   ажиллагаа, Эрх тохиргоо) энэ цэснээс нээгдэнэ — өмнө нь тэдгээр нь
   профайл доторх «Хуудсууд» картад байсан бөгөөд хагас нь доод бартай
   давхардаж байв. */
.nova_user { display: inline-flex !important; }
.nova_user_old_style {
    order: -1;
    width: 38px; height: 38px; flex-shrink: 0;
    justify-content: center;
    padding: 0 !important; gap: 0 !important;
    border: 1px solid var(--ux-border) !important;
    border-radius: 8px !important;
    background: var(--ux-card) !important;
    color: var(--ux-muted);
}
/* Араа нь өнгө/мэдэгдлийн товчтой ЯГ ижил хайрцаг: 38×38, ижил хүрээ, ижил
   дүрсний хэмжээ, ижил өнгө. Өмнө нь 20px дүрстэй, өөр өнгөтэй байсан тул
   гурвуулаа зэрэгцэхэд ганцаараа хар, том харагдаж байв. */
.nova_user {
    width: 38px; height: 38px; flex: none;
    align-items: center; justify-content: center;
    padding: 0 !important; gap: 0 !important;
    border: 1px solid var(--ux-border) !important;
    border-radius: 9px !important;
    background: var(--ux-card) !important;
    color: var(--ux-muted) !important;
}
.nova_user_gear { display: inline-flex; align-items: center; justify-content: center; }
.nova_user_gear svg { width: 18px; height: 18px; }
/* «Гарах» нь бусдаас тусдаа — санамсаргүй дарахаас сэргийлж зураасаар зааглана. */
.nova_user_menu .num_logout {
    display: flex !important; align-items: center; width: 100%;
    margin-top: 6px; padding: 11px 12px !important;
    border-top: 1px solid var(--ux-border); border-radius: 0 0 9px 9px;
    font-size: .88rem; font-weight: 700;
}
/* Ширээний 400px өргөн нь араанаас зүүн тийш сунаж, дэлгэцээс гарч байв. */
.nova_user_menu {
    width: auto !important; min-width: 208px !important;
    max-width: calc(100vw - 24px) !important;
    right: 0; top: calc(100% + 8px);
    padding: 6px !important; border-radius: 14px !important;
}
.nova_user_avatar,
.nova_user_name,
.nova_user_meta,
.nova_caret { display: none !important; }

/* ── Мэдэгдлийн цонх ──
   400px өргөнтэй, хонхныхоо баруун ирмэгт бэхлэгдсэн цонх нь 430px дэлгэцэнд
   ЗҮҮН тийш дэлгэцээс халин гарч, «Мэдэгдэл» гэсэн толгой нь тасарч байв
   (`max-width: 100vw - 32px` нь 398px тул бараг хязгаарлаагүй).
   Гар утсанд цонхыг дэлгэцэд бэхэлж, хоёр талаас 12px зай үлдээнэ. */
.notification_panel {
    position: fixed !important;
    left: 12px !important; right: 12px !important;
    top: 66px !important;
    width: auto !important; max-width: none !important;
    border-radius: 14px !important;
}
.notification_body { max-height: 62vh !important; }
.notification_empty { padding: 26px 16px !important; }

/* ═══════════ Доод цэс ═══════════
   Хажуугийн цэс (бургер) нь 7 холбоос агуулдаг ба гар утсанд бүтэн дэлгэц
   бүрхдэг. Аппаас ЗӨВХӨН хоёр хуудас хэрэгтэй тул доод бар болгов. */
.nova_burger,
.nova_sidebar,
.nova_overlay { display: none !important; }
.nova_main { margin-left: 0 !important; }

/* Доод цэс — дэлгэцийн ирмэгээс салсан «хөвөгч» шахмал бар.
   Таван байрлал: Ажил · Хайх · [+] · Түүх · Тохиргоо. */
.mob_nav {
    display: flex; align-items: center;
    position: fixed; left: 12px; right: 12px; z-index: 950;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    background: var(--ux-card);
    border: 1px solid var(--ux-border);
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .16), 0 2px 6px rgba(15, 23, 42, .06);
}
.mn_item {
    flex: 1 1 0; min-width: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; padding: 10px 2px 9px;
    border: none; background: none; cursor: pointer;
    color: var(--ux-muted); text-decoration: none;
}
.mn_item.is_active { color: var(--ux-primary); }
.mn_ic { display: inline-flex; line-height: 0; }
.mn_ic svg { width: 21px; height: 21px; }
/* Доод барын шошго нь дөрвөн байрлалыг ФАБ-тай хуваадаг тул 360px өргөнтэй
   утсанд нэг бүрд ~68px л ногдоно. Үсгийг томсгосон ч «Байгууллага» гэх урт
   нэр барыг тэлэх ёсгүй — багтахгүй бол таслана. */
.mn_lbl {
    font-size: .7rem; font-weight: 700; white-space: nowrap;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}

/* Голын «+» товч — барнаас дээш сөхөрч, хамгийн түгээмэл үйлдлийг хурууны
   дор авчирна. */
.mn_fab {
    flex: 0 0 auto; align-self: center;
    width: 52px; height: 52px; margin: -22px 6px 0; padding: 0;
    display: inline-flex; align-items: center; justify-content: center;
    border: 4px solid var(--ux-card); border-radius: 50%;
    background: var(--ux-primary); color: #fff;
    box-shadow: 0 8px 20px rgba(37, 99, 235, .35);
    text-decoration: none; cursor: pointer;
}
.mn_fab svg { width: 24px; height: 24px; }
.mn_fab:active { transform: translateY(1px); }
/* Хөвөгч бар агуулгыг халхлахгүй */
.body_wrap,
.app_page { padding-bottom: 92px !important; }

/* «Тохиргоо» доороос гарах хуудас ХАСАГДСАН: доод барын «Профайл» нь
   одоо шууд профайл хуудас руу ордог. Доод барт багтаагүй удирдлагын
   хуудсууд профайл дээрх «Хуудсууд» картад жагсана (profile.css). */

/* ═══════════ Дээш буцах товч ═══════════ */
.to_top {
    display: inline-flex;
    /* Доод цэсний дээгүүр */
    position: fixed; right: 14px; bottom: calc(64px + env(safe-area-inset-bottom, 0px)); z-index: 900;
    width: 42px; height: 42px; padding: 0;
    align-items: center; justify-content: center;
    border: 1px solid var(--ux-border); border-radius: 50%;
    background: var(--ux-card); color: var(--ux-primary);
    box-shadow: 0 4px 14px rgba(15, 23, 42, .18);
    cursor: pointer;
}
.to_top svg { width: 20px; height: 20px; }
.to_top[hidden] { display: none; }
html[data-theme="dark"] .mob_nav {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);
}

/* ═══════════ Задарсан ажлын карт ═══════════
   Ширээний дэлгэцэд нээлттэй мөрийг цэнхэрээр будсан нь мөр гэдгээрээ
   нэг тасралтгүй зурвас болдог. Гар утсанд нүд бүр тусдаа блок болдог
   тул тэр өнгө нь гарчиг, хариуцагч, огноо бүрийн ард тус тусдаа
   хайрцаг болж харагдаж байв. Толгойг картын өнгөөр цэвэр үлдээж,
   нээлттэйг зөвхөн зүүн ирмэгийн зурвасаар илэрхийлнэ. */
html .task_table tbody.task_item.open .task_row > td,
html[data-theme="dark"] .task_table tbody.task_item.open .task_row > td {
    background: transparent !important;
    box-shadow: none !important;
}
/* Дугаарын дөрвөлжин нь төлвийн өнгөө хадгална. */
html .task_table tbody.task_item.open.is_green .task_row > td.col_num { background: var(--ux-success-soft) !important; }
html .task_table tbody.task_item.open.is_blue  .task_row > td.col_num { background: var(--ux-primary-soft) !important; }
html .task_table tbody.task_item.open.is_red   .task_row > td.col_num { background: var(--ux-danger-soft)  !important; }
html .task_table tbody.task_item.open.is_gray  .task_row > td.col_num { background: var(--ux-surface)      !important; }

/* ═══════════════════════════════════════════════════════════════════════
   ПРОФАЙЛ — ГАР УТСАН ДЭЭРХ УНШИГДАЦ

   Ширээний дэлгэцэд зөв харагддаг хэв маяг гар утсанд задарч байв:
   мэдээллийн хүснэгт судалтай саарал дэвсгэртэйгээ бүхэлдээ бүдгэрч,
   ажлын явцын хяналт мөрөөсөө тасарч дангаараа хөвж байлаа.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. «Хувийн мэдээлэл» ──
   Сондгой мөр бүрийн саарал дэвсгэр + маш цайвар (#94a3b8) шошго хоёр
   давхцаж, карт бүхэлдээ идэвхгүй болсон мэт харагдаж байв. */
.pf_info_grid { border-radius: 11px !important; }
.pf_info_cell,
.pf_info_cell:nth-child(odd),
.pf_info_cell:hover { background: transparent !important; }
.pf_info_cell { padding: 10px 12px !important; align-items: center !important; gap: 12px !important; }
.pf_info_k {
    font-size: .76rem !important; font-weight: 800 !important;
    letter-spacing: .02em !important; color: var(--ux-text-2) !important;
    flex: none !important;
}
.pf_info_v { font-size: .88rem !important; min-width: 0; }
/* Урт байгууллагын нэр баруун ирмэгт наалдахгүй байхаар. */
.pf_info_cell:not(.pf_editable) .pf_info_v { line-height: 1.35; }

/* ── 2. Сүүлийн ажлууд ──
   Явцын дугуй нь мөрийнхөө доор, зүүн талд юу ч байхгүй хоосон эгнээнд
   ганцаараа зогсож, аль ажлынх нь болох нь мэдэгдэхгүй байв. Мөр бүрийг
   хүрээтэй карт болгож, явцыг тэр картын дотор үлдээнэ. */
/* КАРТУУД ХООРОНДОО НААЛДДАГ БАЙВ.
   `gap` нь зөвхөн flex/grid контейнерт үйлчилдэг ч `.pf_recent` нь энгийн
   `<ul>` (display: block) байсан тул зай огт үүсэхгүй, 4 карт нэг бүхэл блок
   мэт нийлж харагддаг байлаа. */
.pf_recent {
    display: flex !important; flex-direction: column;
    gap: 10px !important;
}
.pf_recent_li {
    border: 1px solid var(--ux-border); border-radius: 12px;
    background: var(--ux-card); overflow: hidden;
}
.pf_recent_li .pf_recent_item { padding: 11px !important; }
/* Зураг хасах «×» 24px — камерын товчтой (36px) ижил болгов. */
.pf_av_del { width: 30px !important; height: 30px !important; }
.pf_av_del svg { width: 16px !important; height: 16px !important; }
/* «Явц» гэсэн шошго ХАСАГДАВ — хажуудаа явцын зурвас зогсох болсон тул
   тоо нь юуных болох нь өөрөө тодорхой, шошго зөвхөн зай эзэлж байлаа. */
/* Огноо мөрийн төгсгөлд «2026-08-» / «07» болж тасарч байв. */
.pf_recent_sub > span { white-space: nowrap; }

/* ── 4. Доод цэсний ард үлдэх зай ──
   Хамгийн доод карт («Хуудсууд») наалдсан баганы ард орж, сүүлийн мөр нь
   дарагдаж байв. */
#profilePage { padding-bottom: 12px; }

/* ═══════════════════════════════════════════════════════════════════
   17. АЖЛЫН КАРТ — хүрээ, хугацаа, дэлгэрэнгүйн холбоос
   ═══════════════════════════════════════════════════════════════════ */

/* Карт — жишиг самбар шиг: цагаан, зөөлөн булан, НАМ ГҮМ саарал хүрээ,
   сарнисан сүүдэр. Өнгө нэмэхгүй: карт бүр өөрөө тайван, доторх шошго
   төлвөө хэлнэ. */
html .task_table tbody.task_item {
    margin: 0 0 12px !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 14px !important;
    background: var(--ux-card) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 12px rgba(15, 23, 42, .05) !important;
    overflow: hidden;
}
html[data-theme="dark"] .task_table tbody.task_item {
    border-color: var(--ux-border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28) !important;
}

/* Нээлттэй ажил — ЗӨВХӨН зүүн ирмэгийн цэнхэр зурвас. Тэр нь ажлын мөрнөөс
   дэлгэрэнгүй хүртэл ТАСРАЛТГҮЙ доошилж, хоёрыг нэг бүтэн болгож холбоно.
   Хүрээний бусад тал саарал хэвээр — эс бөгөөс карт цэнхэр манан дунд
   живж, лавлагаа загвараас холдоно. */
html .task_table tbody.task_item.open,
html .task_table tbody.task_item.open.is_red,
html .task_table tbody.task_item.open.is_green,
html .task_table tbody.task_item.open.is_blue,
html .task_table tbody.task_item.open.is_gray {
    border-left: 3px solid var(--ux-primary) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 18px rgba(15, 23, 42, .08) !important;
}
/* Дэлгэрэнгүй — картын ирмэгт нааштай, ялгаатай саарал талбай. Ингэснээр
   «энэ бол дээрх ажлын дотор нээгдсэн хэсэг» гэдэг нь харцаар уншигдана. */
html .task_table tbody.task_item.open .task_detail_inner {
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid var(--td-line, #dbe3ee) !important;
    /* Дэлгэрэнгүйн давхаргын өнгө нэг эх сурвалжаас (@see home.css --td-*):
       самбар нь дотоод картуудаасаа БАРААН байх ёстой. Энд өөрөө өнгө
       бичсэн тул харанхуй горимд самбар нь картаасаа цайвар болж,
       даалгаврын картууд нүх мэт харагддаг байв. */
    background: var(--td-ground, #eef3f9) !important;
    /* Дээд талын дотогшоо сүүдэр — самбар нь картын дотор «ухагдсан»
       мэт харагдаж, дээрх мөрнөөс задарсан гэдэг нь мэдэгдэнэ. */
    box-shadow: inset 0 7px 8px -7px rgba(15, 23, 42, .18) !important;
}
html[data-theme="dark"] .task_table tbody.task_item.open .task_detail_inner {
    border-top-color: var(--td-line) !important;
    background: var(--td-ground) !important;
}

/* ═══════════ КАРТЫН МЭДЭЭЛЛИЙГ ХООРОНД НЬ ЯЛГАВ ═══════════

   Урьд нь карт дотор ажлын нэр, хариуцагчийн имэйл, огноо гурав бараг ижил
   хэмжээ, ижил өнгөтэй дараалж, аль нь юу болох нь (ялангуяа огноо —
   эхэлсэн үү, дуусах уу?) уншиж байж л мэдэгддэг байв. Одоо:
     • НЭР      — картын гол мөр, том бөгөөд бүдүүн;
     • хариуцагч — зөөлөн саарал, туслах мөр;
     • огноо, явц — тус бүр өөрийн ЖИЖИГ ШОШГОТОЙ, доор нь утга. */
html .task_table .task_row > td.td_name .nlt_name {
    font-size: 1rem !important; font-weight: 800 !important; color: var(--ux-text) !important;
}
html .task_table .task_row > td.td_person .tp_name {
    font-size: .8rem !important; font-weight: 600 !important; color: var(--ux-muted) !important;
}

/* ── МЭТА ЗУРВАС: хугацаа + явц нь ТУСДАА ХАЙРЦАГТ ──
   Нэр, хариуцагч, огноо, явц дөрөв нь ижил зайтай дараалж, нэг урсгал текст
   мэт харагдаж байв. Одоо доод хоёр нь саарал хүрээтэй нэг хайрцагт орж,
   картын «хэн · юу» гэсэн дээд хэсгээс тодорхой тусгаарлагдана. */
html .task_table .task_row > td.td_due {
    grid-column: 1 / 4 !important;
    flex: 1 1 100% !important;
    display: flex !important; flex-direction: column; align-items: flex-start; gap: 3px;
    margin-top: 10px;
    padding: 8px 10px 7px !important;
    background: var(--ux-surface);
    border: 1px solid var(--ux-border) !important;
    border-bottom: 0 !important;
    border-radius: 10px 10px 0 0;
}
/* `home.css` нь картын нүд бүрийн шошгыг `content: none !important`-оор
   хаадаг тул энд ч мөн `!important` шаардлагатай (@see td_pct). */
html .task_table .task_row > td.td_due::before {
    content: "Дуусах хугацаа" !important; display: block;
    font-size: .74rem; font-weight: 700; letter-spacing: .02em;
    color: var(--ux-muted); text-transform: uppercase;
}
/* Огноогүй ажилд шошго ганцаараа үлдэхгүй. */
html .task_table .task_row > td.td_due.is_blank::before { content: none !important; }
html .task_table .task_row > td.td_due .tk_dt_v { font-size: .86rem !important; font-weight: 700; }
/* Гар утсанд картын өргөн хүрэлцэнэ — хоёр огноо нэг мөрөнд «→»-тэй. */
html .task_table .tk_range { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 4px 6px; }
html .task_table .tk_range .tk_dt_sep { display: inline; }
html .task_table .tk_dt_k { font-size: .74rem; }
html .task_table .tk_dt_v { font-size: .78rem; }
/* Явц — огнооны доор өөрийн мөрөнд, «ЯВЦ» гэсэн шошготой. Тоо ганцаараа
   зогсоход энэ нь хувь уу, хоног уу гэдэг нь ойлгогдохгүй байв. */
html .task_table .task_row > td.td_pct {
    grid-column: 1 / 4 !important;
    /* `inline-flex` байсан тул хайрцаг нь агуулгынхаа хэрээр л татагдаж,
       дээрх хугацааны хайрцагтай эгнэхгүй, шаталсан мэт харагдаж байв. */
    display: flex !important; flex-direction: column; align-items: stretch;
    justify-self: stretch; width: 100%;
    margin-left: 0 !important;
    gap: 6px;
    padding: 7px 10px 9px !important;
    background: var(--ux-surface);
    border: 1px solid var(--ux-border) !important;
    border-top: 1px dashed var(--ux-border) !important;
    border-radius: 0 0 10px 10px;
}
/* Хугацаагүй ажилд хайрцаг дангаараа бүтэн дугуй буланчтай. */
html .task_table .task_row > td.td_due.is_blank + td.td_pct,
html .task_table .task_row > td.td_pct:first-of-type {
    margin-top: 10px; border-top: 1px solid var(--ux-border) !important; border-radius: 10px;
}
html .task_table .task_row > td.td_pct .task_prog { width: 100%; min-width: 0; }
html .task_table .task_row > td.td_pct::before {
    content: "Явц" !important; display: block;
    font-size: .74rem; font-weight: 700; letter-spacing: .02em;
    color: var(--ux-muted); text-transform: uppercase;
}

/* ═══════════ ДЭЛГЭРЭНГҮЙН ТОЛГОЙ — НААЛДДАГ ═══════════

   Ажил дээр дарахад доор нь дэд даалгаврууд задарна. Тэднийг гүйлгэхэд
   эцэг ажлын карт дээшээ гараад алга болж, «би одоо аль ажлын дотор явж
   байна вэ» гэдэг нь мэдэгдэхээ болдог байв. Одоо дэлгэрэнгүйн толгой
   дээд самбарын (60px) яг доор наалдаж, дэд даалгаврууд түүний доогуур
   гүйнэ.

   Огноонууд нь картын дээд хэсэгт аль хэдийн бичээстэй тул энд давтахгүй —
   зөвхөн НЭР ба «хэдэн хоног үлдсэн». */
/* Наалдахын тулд ЭЦЭГ элементүүд нь `overflow`-гүй байх ёстой: `hidden`
   эсвэл `auto` тавьсан эцэг нь өөрөө гүйлгэлтийн хайрцаг болж, дотор нь
   наалдсан зүйл хуудсаа биш ТҮҮНИЙГ дагадаг тул огт наалдахгүй байв. */
html .nova_table_card,
html .task_table tbody.task_item.open,
html .task_table .task_detail_inner { overflow: visible !important; }
/* Картын доод булан дугуй хэвээр байхын тулд дотоод блокт нь өгнө. */
html .task_table tbody.task_item.open .task_detail_inner {
    border-bottom-left-radius: 13px; border-bottom-right-radius: 13px;
}

/* Ажил нээлттэй үед хэрэгслийн мөр наалдахаа болино — оронд нь тухайн
   ажлын нэр дээд талд үлдэнэ. Хоёулаа наалдвал дэлгэцийн 150px нь
   хөдөлгөөнгүй бүсэд идэгдэнэ. */
html .container:has(tbody.task_item.open) .app_toolbar { position: static !important; }

html .task_table .td_head {
    position: sticky; top: 60px; z-index: 20;
    display: flex; align-items: center; gap: 10px; flex-wrap: nowrap;
    /* Дэлгэрэнгүйн доторх зайг нөхөж, хоёр захад бүтнээр тулна. */
    margin: -12px -13px 10px; padding: 9px 13px;
    background: var(--ux-surface);
    border-bottom: 1px solid var(--ux-border);
}
html .task_table .td_head_name {
    display: block; flex: 1 1 auto; min-width: 0;
    font-size: .88rem; font-weight: 800; line-height: 1.35;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html .task_table .td_head_dates { flex: none; }
html .task_table .td_head_dates .td_hd,
html .task_table .td_head_dates .td_hd_sep { display: none; }

} /* @media */

/* ═══════════════════════════════════════════════════════════════════
   ХУРУУГААР ДАРАХ ТАЛБАЙ — 900px хүртэл (утас БА жижиг таблет)

   Дээрх блок нь 640px-ээс доош л ажилладаг тул 641–900px-ийн хооронд
   (жижиг таблет, дэлгэц хуваасан цонх) товчнууд жижиг хэвээр үлддэг
   байв: профайлын засах icon 23×23, «Нууц үг солих» 113×27, эрхийн
   сонголт 26px өндөр. Харагдах хэмжээ нь хэвээр — зөвхөн дарах талбай
   томорно.
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {

#profilePage .pf_edit_ic {
    min-width: 36px; min-height: 36px; padding: 0;
    display: inline-flex; align-items: center; justify-content: center;
}
#profilePage .pf_pw_change_btn { min-height: 36px; padding: 8px 14px; }
#profilePage .pf_link { display: inline-flex; align-items: center; min-height: 34px; }

/* Хэрэглэгчийн дэлгэрэнгүй — имэйл/утасны холбоос 20px өндөртэй байв. */
.ud_meta_item { display: inline-flex; align-items: center; min-height: 32px; }

/* Эрхийн хуудсууд: түргэн сонголтын товч 21px, «цэвэрлэх» 29px, сонголтын
   талбар 26px байсан нь хуруунд бага. */
.ax_quick, .ax_clear_all { min-height: 34px; padding-top: 7px; padding-bottom: 7px; }
/* Ширээний дэлгэцэд эдгээр нь 150px-ээс нарийсдаггүй (баганууд эгнэхийн
   тулд). Гар утсанд нэг багана 130px орчим тул «Бүгд» шошго, сонголтын
   талбар хоёулаа картаас хальж, баруун талаараа хайчлагдаж байв. */
.rx_select, .rx_locked_pill { min-width: 0 !important; min-height: 36px; }
.ms_opt { min-height: 34px; display: inline-flex; align-items: center; }

/* Замын мөрийн холбоос (Үндсэн › …) — 21px өндөртэй байв. */
.gov_breadcrumb a { display: inline-flex; align-items: center; min-height: 32px; }

/* Байгууллагын мөр дэх «N ажил» гэсэн холбоос 24px өндөртэй байв. */
.co_taskcount_link { min-height: 32px; }

/* ХУУДАСЛАЛТ дэлгэцээс хальж байв (413 > 390): хуудасны дугаар олон
   болоход нэг мөрөнд багтахаа болиод баруун тийш чимээгүй хайчлагдаж,
   сүүлийн хуудас руу очих товч хараанаас гардаг байлаа. */
.al_pagination nav, .home_pagination nav { max-width: 100%; }
.al_pagination .pagination, .home_pagination .pagination {
    flex-wrap: wrap; justify-content: center; row-gap: 6px; margin-bottom: 0;
}

} /* @media 900 */