/* ==========================================================================
   modern.css — ХЭМАБ вэбийн орчин үеийн харагдацын давхарга
   --------------------------------------------------------------------------
   Энэ файл нь vendor admin template (style.css ~1.2MB)-ийн ХУУЧИРСАН
   харагдацыг дарж, орчин үеийн болгоно. index.html дээр БҮХ CSS-ийн ДАРАА
   холбогдоно — тиймээс дараалалаар давамгайлна.

   Зарчим:
     • Зөвхөн ХАРАГДАЦ (өнгө, сүүдэр, радиус, фонт, зай) өөрчилнө.
       Layout (position/display/width/float) -д ГАР ХҮРЭХГҮЙ — эвдрэхээс сэргийлнэ.
     • Хар горим (body.dark-theme) -ыг өнгөний дүрмээс хасна.
     • Буцаах: index.html-ээс энэ нэг <link>-ийг устгахад л хангалттай.
   ========================================================================== */

/* Inter — кирилл дэмждэг орчин үеийн UI фонт (Roboto-г орлоно) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

/* ── 1. Дизайны токен ──────────────────────────────────────────────────── */
:root {
  /* ХЭМАБ брэнд ногоон — шинэ хуудсуудтай (hazard, inspection) нэгэн жигд */
  --m-brand: #0f6e56;
  --m-brand-dark: #0b5340;
  --m-brand-soft: #e7f3ef;

  /* Саарлууд. Дэвсгэр нь цагаан гадаргуугаас ТОДОРХОЙ ялгарах ёстой —
     эс бөгөөс карт/цонх хуудастай нийлж, ирмэг нь алга болно. */
  --m-bg: #e8ecf3;
  --m-surface: #ffffff;
  --m-border: #d7deea;
  --m-border-soft: #e6ebf3;

  --m-text: #1a2231;
  --m-text-2: #5a6577;
  --m-text-3: #8a94a6;

  /* Төлөвийн өнгө */
  --m-danger: #dc2626;
  --m-warning: #d97706;
  --m-success: #16a34a;
  --m-info: #0284c7;

  /* Радиус */
  --m-r-sm: 8px;
  --m-r: 12px;
  --m-r-lg: 16px;

  /* Давхарласан саармаг сүүдэр (ягаан гэрэлтэлтийг орлоно) */
  --m-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.06);
  --m-shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
  --m-shadow: 0 6px 12px -3px rgba(16, 24, 40, 0.12), 0 2px 5px -2px rgba(16, 24, 40, 0.07);
  --m-shadow-lg: 0 14px 24px -6px rgba(16, 24, 40, 0.14), 0 5px 10px -5px rgba(16, 24, 40, 0.07);

  --m-ring: 0 0 0 3px rgba(15, 110, 86, 0.16);
  --m-ease: 160ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Хүснэгтийн ГАРЧГИЙН уян хатан хэмжээ — дэлгэцийн өргөнөөр 9px … 10.5px.
     768px-д 9px, 1600px-д 10.5px болж шугаман өснө. Бүх хүснэгтийн систем
     (энгийн table / antd / PrimeReact) энэ нэг утгыг ашиглана. */
  --m-th-size: clamp(9px, 0.18vw + 7.62px, 10.5px);
  --m-th-pad-y: clamp(6px, 0.35vw + 3.3px, 9px);
  --m-th-pad-x: clamp(6px, 0.4vw + 2.9px, 10px);

  /* Толгойн градиант — сааралаас ногоон руу уусна.
     Саарлыг өөрчлөх бол зөвхөн --m-header-gray-г солиход хангалттай. */
  --m-header-gray: #414d5e;
  --m-header-grad: linear-gradient(
    120deg,
    var(--m-header-gray) 0%,
    var(--m-brand-dark) 62%,
    var(--m-brand) 100%
  );
}

/* ── 2. Суурь ─────────────────────────────────────────────────────────── */
body:not(.dark-theme) {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, sans-serif !important;
  background-color: var(--m-bg) !important;
  color: var(--m-text) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "cv11", "ss01";
  letter-spacing: -0.006em;
}

body:not(.dark-theme) h1,
body:not(.dark-theme) h2,
body:not(.dark-theme) h3,
body:not(.dark-theme) h4,
body:not(.dark-theme) h5,
body:not(.dark-theme) h6 {
  color: var(--m-text);
  font-weight: 700;
  letter-spacing: -0.018em;
}

/* Холбоос — брэнд өнгө, тод доогуур зураасгүй */
body:not(.dark-theme) a {
  color: var(--m-brand);
  text-decoration: none;
  transition: color var(--m-ease);
}
body:not(.dark-theme) a:hover {
  color: var(--m-brand-dark);
}

/* ── 3. Хажуугийн цэс ─────────────────────────────────────────────────── */
body:not(.dark-theme) .main-sidebar,
body:not(.dark-theme) .app-sidebar {
  background: var(--m-surface) !important;
  /* Гурвалсан хүнд сүүдрийг нимгэн зааглагчаар орлуулав */
  box-shadow: none !important;
  border-right: 1px solid var(--m-border) !important;
}

body:not(.dark-theme) .main-sidebar-header {
  background: var(--m-surface) !important;
  border-bottom: 1px solid var(--m-border-soft) !important;
}

/* Хэрэглэгчийн блок */
body:not(.dark-theme) .main-sidebar-loggedin {
  background: linear-gradient(180deg, var(--m-brand-soft) 0%, transparent 100%);
  border-bottom: 1px solid var(--m-border-soft);
  padding-bottom: 14px;
}
body:not(.dark-theme) .app-sidebar__user .user-pic img {
  border: 2px solid var(--m-surface);
  box-shadow: var(--m-shadow-sm);
}

/* Цэсний мөр — зөөлөн, товчлуур маягийн */
body:not(.dark-theme) .side-menu__item {
  border-radius: var(--m-r-sm) !important;
  margin: 2px 10px !important;
  padding: 9px 12px !important;
  color: var(--m-text-2) !important;
  font-weight: 500;
  transition: background var(--m-ease), color var(--m-ease);
}
/* Hover — vendor нь текст/дүрсийг ЦАГААН (#fff) болгодог тул цайвар дэвсгэр дээр
   уншигдахгүй болдог. Тиймээс дотоод элемент бүрийг тодорхой харлуулав.
   (vendor сонгуулын жин: .app-sidebar .side-menu__item:hover .side-menu__label) */
body:not(.dark-theme) .side-menu__item:hover,
body:not(.dark-theme) .side-menu__item:focus {
  background: #e9eef5 !important;
  background-image: none !important; /* vendor-ийн ногоон→хөх gradient-ийг арилгана */
  color: #10192b !important;
}
body:not(.dark-theme) .app-sidebar .side-menu__item:hover .side-menu__label,
body:not(.dark-theme) .app-sidebar .side-menu__item:focus .side-menu__label,
body:not(.dark-theme) .side-menu__item:hover .side-menu__label,
body:not(.dark-theme) .side-menu__item:focus .side-menu__label {
  color: #10192b !important;
  font-weight: 600;
}
body:not(.dark-theme) .side-menu__item:hover .side-menu__icon,
body:not(.dark-theme) .side-menu__item:focus .side-menu__icon,
body:not(.dark-theme) .side-menu__item:hover .angle,
body:not(.dark-theme) .side-menu__item:focus .angle {
  color: #10192b !important;
}

/* Идэвхтэй мөр — брэнд дэвсгэр + зүүн заагч */
body:not(.dark-theme) .side-menu__item.active {
  background: var(--m-brand-soft) !important;
  color: var(--m-brand-dark) !important;
  font-weight: 700;
  position: relative;
  box-shadow: none !important;
}
body:not(.dark-theme) .side-menu__item.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  height: 60%;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--m-brand);
}
body:not(.dark-theme) .side-menu__item.active .side-menu__icon,
body:not(.dark-theme) .side-menu__item.active .side-menu__label,
body:not(.dark-theme) .side-menu .slide.active .side-menu__label,
body:not(.dark-theme) .side-menu .slide.active .side-menu__icon,
body:not(.dark-theme) .side-menu__item.active .angle {
  color: var(--m-brand-dark) !important;
}

/* Идэвхтэй мөр дээр hover — vendor нь #474579 болгодгийг брэнд өнгөнд барина */
body:not(.dark-theme) .app-sidebar .side-menu__item.active:hover,
body:not(.dark-theme) .side-menu__item.active:hover {
  background: #d8ebe4 !important;
  color: var(--m-brand-dark) !important;
}
body:not(.dark-theme) .side-menu__item.active:hover .side-menu__label,
body:not(.dark-theme) .side-menu__item.active:hover .side-menu__icon,
body:not(.dark-theme) .app-sidebar .side-menu__item.active:hover .side-menu__label {
  color: var(--m-brand-dark) !important;
}

body:not(.dark-theme) .side-menu__icon {
  color: var(--m-text-3);
  transition: color var(--m-ease);
}
body:not(.dark-theme) .side-menu__label {
  letter-spacing: -0.005em;
}

/* Дэд цэс */
body:not(.dark-theme) .slide-menu {
  background: transparent !important;
}
body:not(.dark-theme) .slide-item {
  border-radius: 6px !important;
  margin: 1px 14px 1px 34px !important;
  padding: 7px 10px !important;
  color: var(--m-text-2) !important;
  transition: background var(--m-ease), color var(--m-ease);
}
/* Дэд цэсний hover — vendor нь #3858f9 (хөх) !important тавьдгийг харлуулав */
body:not(.dark-theme) .slide-item:hover,
body:not(.dark-theme) .slide-item:focus {
  background: #e9eef5 !important;
  color: #10192b !important;
  font-weight: 600;
}
body:not(.dark-theme) .slide-item.active {
  background: var(--m-brand-soft) !important;
  color: var(--m-brand-dark) !important;
  font-weight: 600;
}

/* ── 4. Толгой хэсэг ──────────────────────────────────────────────────── */
/* Тохиргоо → "Толгой хэсгийн өнгө" 2 сонголттой (setting.js):
     • "Градиант" — класс байхгүй  → ХЭМАБ брэнд ногоон уусалт
     • "Хар"      — body.header-dark3 → гүн саарал
   Хуучин vendor өнгө (#2e2b4c ягаан) аппын палитраас гажиж байсныг нийцүүлэв. */
body:not(.dark-theme) .main-header {
  border-bottom: none !important;
  box-shadow: var(--m-shadow-sm) !important;
  margin-bottom: 18px !important;
}

/* Сонголт 1 — Градиант (анхдагч): саарал → ногоон уусалт.
   Дан хар ногоон байхад хүнд харагдаж байсныг зөөлрүүлэв. */
body:not(.dark-theme):not(.header-dark3) .main-header {
  background: var(--m-header-grad) !important;
}

/* Сонголт 2 — Хар. Палитрын саармаг төгсгөл (#111827), ягаан биш. */
body:not(.dark-theme).header-dark3 .main-header {
  background: #111827 !important;
  background-color: #111827 !important;
}
/* Агуулгын ард 220px өндөртэй өнгөт зурвас (.main-content:after).
   Vendor нь ногоон→ХӨХ (#569b2f → #3858f9) градиант тавьдаг — аппын палитраас
   бүрэн гажиж, доод ирмэг нь огцом тасардаг байсан. Брэнд өнгийн зөөлөн
   уусалт болгож, хуудасны дэвсгэрт бүрэн шингээв (огцом ирмэг үлдэхгүй). */
body:not(.dark-theme) .main-content:after {
  background: linear-gradient(
    180deg,
    rgba(15, 110, 86, 0.1) 0%,
    rgba(15, 110, 86, 0.04) 45%,
    rgba(15, 110, 86, 0) 100%
  ) !important;
}
body:not(.dark-theme).header-dark3 .main-content:after {
  background: linear-gradient(
    180deg,
    rgba(17, 24, 39, 0.1) 0%,
    rgba(17, 24, 39, 0.04) 45%,
    rgba(17, 24, 39, 0) 100%
  ) !important;
}

/* Толгой дээрх дүрс/холбоос — хоёр сонголтод адил цайвар.
   ЗӨВХӨН тодорхой элементийг онилно: доторх .dropdown-menu (Тохиргооны самбар)
   -д хүрэхгүй байх ёстой, эс бөгөөс цагаан дээр цагаан болно. */
body:not(.dark-theme) .main-header .app-sidebar__toggle a,
body:not(.dark-theme) .main-header .app-sidebar__toggle a i,
body:not(.dark-theme) .main-header .navbar-nav-right > .dropdown > .nav-link,
body:not(.dark-theme) .main-header .navbar-nav-right > .dropdown > .nav-link i,
body:not(.dark-theme) .main-header .navbar-nav-right .anticon-bell {
  color: rgba(255, 255, 255, 0.9) !important;
  border-radius: var(--m-r-sm);
  transition: background var(--m-ease), color var(--m-ease);
}
body:not(.dark-theme) .main-header .app-sidebar__toggle a:hover,
body:not(.dark-theme) .main-header .navbar-nav-right > .dropdown > .nav-link:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}

/* Тохиргооны унждаг самбар — толгойн дотор байрладаг тул тусад нь хамгаална */
body:not(.dark-theme) .main-header .dropdown-menu {
  background: var(--m-surface) !important;
  color: var(--m-text) !important;
}

/* Толгойн доорх унждаг цэс */
body:not(.dark-theme) .dropdown-menu {
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-r) !important;
  box-shadow: var(--m-shadow-lg) !important;
  padding: 6px !important;
}

/* ── 5. Гадаргуу / карт ───────────────────────────────────────────────── */
body:not(.dark-theme) .card {
  background: var(--m-surface) !important;
  border: 1px solid var(--m-border) !important;
  border-radius: var(--m-r) !important;
  /* Ягаан гэрэлтэлт (#796eb1) -ийг саармаг давхаргаар орлуулав */
  box-shadow: var(--m-shadow-sm) !important;
  -webkit-box-shadow: var(--m-shadow-sm) !important;
  transition: box-shadow var(--m-ease), border-color var(--m-ease);
}
body:not(.dark-theme) .card:hover {
  box-shadow: var(--m-shadow) !important;
}

body:not(.dark-theme) .card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--m-border-soft) !important;
  font-weight: 700;
  color: var(--m-text);
}

/* Хуудасны доторх зай */
body:not(.dark-theme) .main-content .container-fluid {
  padding-left: 18px;
  padding-right: 18px;
}

/* Breadcrumb = хуудасны гарчиг ("Эрсдэлийн удирдлага > Хянах самбар").
   Vendor нь #7987a1 (цайвар) өгдөг — өмнө нь өнгөт зурвас дээр байсан тул
   харагддаг байв. Зурвасыг цайруулсан тул одоо ХАРЛУУЛАХ шаардлагатай. */
body:not(.dark-theme) .breadcrumb {
  background: transparent !important;
  padding: 0 0 10px 0 !important;
  font-size: 13px;
  margin-bottom: 0 !important;
}
body:not(.dark-theme) .breadcrumb-item,
body:not(.dark-theme) .breadcrumb-item.active,
body:not(.dark-theme) .breadcrumb-header .content-title {
  color: var(--m-text) !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}
body:not(.dark-theme) .breadcrumb-item a {
  color: var(--m-text-2) !important;
  font-weight: 600;
}
body:not(.dark-theme) .breadcrumb-item a:hover {
  color: var(--m-brand) !important;
}
body:not(.dark-theme) .breadcrumb-item + .breadcrumb-item::before {
  color: var(--m-text-3) !important;
}

/* ── 6. Хүснэгт ───────────────────────────────────────────────────────── */
/* ── Хүснэгтийн гарчиг — БҮХ систем нэг ижил ──────────────────────────────
   Энгийн <table>, antd, PrimeReact гурвуулаа ижил хэмжээ/зай/өнгөтэй болно.
   Хуудсууд дээр Tailwind-ийн text-xs (12px) багана дээр өгөгддөг тул доторх
   .p-column-title / .ant-table-column-title-д мөн шууд хүрэх шаардлагатай. */
body:not(.dark-theme) .table thead th,
body:not(.dark-theme) table thead th,
body:not(.dark-theme) .ant-table-thead > tr > th,
body:not(.dark-theme) .p-datatable .p-datatable-thead > tr > th {
  background: #f7f9fc !important;
  color: var(--m-text-3) !important;
  font-size: var(--m-th-size) !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.3;
  padding: var(--m-th-pad-y) var(--m-th-pad-x) !important;
  border-top: none !important;
  border-bottom: 1px solid var(--m-border) !important;
  /* Урт гарчиг мөр таслан багтана — багана шахагдахаас сэргийлнэ */
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  vertical-align: middle;
}

/* Гарчгийн ДОТООД элементүүд — Tailwind text-xs / компонентын өөрийн
   хэмжээг дарж, эх th-ийн хэмжээг өвлүүлнэ */
body:not(.dark-theme) .ant-table-thead > tr > th .ant-table-column-title,
body:not(.dark-theme) .ant-table-thead > tr > th .ant-table-column-sorters,
body:not(.dark-theme) .p-datatable-thead > tr > th .p-column-title,
body:not(.dark-theme) .p-datatable-thead > tr > th .p-column-header-content,
body:not(.dark-theme) .table thead th > *,
body:not(.dark-theme) table thead th > * {
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: inherit;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
}
body:not(.dark-theme) .table td,
body:not(.dark-theme) table tbody td {
  border-top: none !important;
  border-bottom: 1px solid var(--m-border-soft) !important;
  padding: 10px 12px !important;
  color: var(--m-text);
  vertical-align: middle;
}
body:not(.dark-theme) .table tbody tr,
body:not(.dark-theme) table tbody tr {
  transition: background var(--m-ease);
}
body:not(.dark-theme) .table-hover tbody tr:hover {
  background: #f7f9fc !important;
}

/* ── 7. antd v4 — товч, талбар, шошго ─────────────────────────────────── */
body:not(.dark-theme) .ant-btn {
  border-radius: var(--m-r-sm) !important;
  font-weight: 600;
  box-shadow: none !important;
  transition: all var(--m-ease) !important;
}
body:not(.dark-theme) .ant-btn:not(.ant-btn-primary):not(.ant-btn-danger) {
  border-color: var(--m-border) !important;
  color: var(--m-text) !important;
}
body:not(.dark-theme) .ant-btn:not(.ant-btn-primary):not(.ant-btn-danger):hover {
  border-color: var(--m-brand) !important;
  color: var(--m-brand) !important;
  background: var(--m-brand-soft) !important;
}
body:not(.dark-theme) .ant-btn-primary {
  background: var(--m-brand) !important;
  border-color: var(--m-brand) !important;
}
body:not(.dark-theme) .ant-btn-primary:hover,
body:not(.dark-theme) .ant-btn-primary:focus {
  background: var(--m-brand-dark) !important;
  border-color: var(--m-brand-dark) !important;
}
body:not(.dark-theme) .ant-btn:focus-visible {
  box-shadow: var(--m-ring) !important;
}

/* Оруулах талбарууд */
body:not(.dark-theme) .ant-input,
body:not(.dark-theme) .ant-input-affix-wrapper,
body:not(.dark-theme) .ant-input-number,
body:not(.dark-theme) .ant-picker,
body:not(.dark-theme) .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: var(--m-r-sm) !important;
  border-color: var(--m-border) !important;
  transition: border-color var(--m-ease), box-shadow var(--m-ease) !important;
}
body:not(.dark-theme) .ant-input:hover,
body:not(.dark-theme) .ant-input-affix-wrapper:hover,
body:not(.dark-theme) .ant-input-number:hover,
body:not(.dark-theme) .ant-picker:hover,
body:not(.dark-theme) .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #c9d3e0 !important;
}
body:not(.dark-theme) .ant-input:focus,
body:not(.dark-theme) .ant-input-focused,
body:not(.dark-theme) .ant-input-affix-wrapper-focused,
body:not(.dark-theme) .ant-input-number-focused,
body:not(.dark-theme) .ant-picker-focused,
body:not(.dark-theme) .ant-select-focused:not(.ant-select-disabled) .ant-select-selector {
  border-color: var(--m-brand) !important;
  box-shadow: var(--m-ring) !important;
}

/* ── Давхар хүрээг арилгах ────────────────────────────────────────────────
   Input.Search / prefix-suffix-тэй Input / InputNumber / DatePicker нь
   ГАДНА бүрхүүл (.ant-input-affix-wrapper гэх мэт) + ДОТОР <input> гэсэн 2
   давхаргатай. Дээрх фокусын дүрэм хоёуланд нь хүрч, хайлтын доторх ДАХИН
   нэг хүрээ үүсгэж байсан. Дотоод оролтыг бүрэн хуцаад, зөвхөн гаднах
   бүрхүүл идэвхжинэ. */
body:not(.dark-theme) .ant-input-affix-wrapper > .ant-input,
body:not(.dark-theme) .ant-input-affix-wrapper > .ant-input:hover,
body:not(.dark-theme) .ant-input-affix-wrapper > .ant-input:focus,
body:not(.dark-theme) .ant-input-affix-wrapper > .ant-input-focused,
body:not(.dark-theme) .ant-input-number-input,
body:not(.dark-theme) .ant-input-number-input:focus,
body:not(.dark-theme) .ant-picker-input > input,
body:not(.dark-theme) .ant-picker-input > input:focus {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  outline: none !important;
}

/* Гаднах бүрхүүл — хулганаар дарахад бүхэлдээ идэвхжинэ */
body:not(.dark-theme) .ant-input-affix-wrapper:focus-within {
  border-color: var(--m-brand) !important;
  box-shadow: var(--m-ring) !important;
  z-index: 1;
}

/* Input.Search-ийн товчтой бүлэгт булангууд зөв харагдана */
body:not(.dark-theme) .ant-input-search .ant-input-affix-wrapper {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body:not(.dark-theme) .ant-input-search .ant-input-group-addon .ant-btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Сонголтын жагсаалт */
body:not(.dark-theme) .ant-select-dropdown,
body:not(.dark-theme) .ant-picker-dropdown .ant-picker-panel-container {
  border-radius: var(--m-r) !important;
  box-shadow: var(--m-shadow-lg) !important;
  border: 1px solid var(--m-border);
  padding: 4px;
}
body:not(.dark-theme) .ant-select-item {
  border-radius: 6px !important;
}
body:not(.dark-theme) .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--m-brand-soft) !important;
  color: var(--m-brand-dark) !important;
  font-weight: 600;
}

/* Шошго */
body:not(.dark-theme) .ant-tag {
  border-radius: 999px !important;
  font-weight: 600;
  font-size: 11px;
  padding: 1px 10px;
  border: none;
}

/* Модал */
body:not(.dark-theme) .ant-modal-content {
  border-radius: var(--m-r-lg) !important;
  box-shadow: var(--m-shadow-lg) !important;
  overflow: hidden;
}
body:not(.dark-theme) .ant-modal-header {
  border-bottom: 1px solid var(--m-border-soft) !important;
  padding: 16px 22px !important;
}
body:not(.dark-theme) .ant-modal-title {
  font-weight: 700;
  color: var(--m-text);
}
body:not(.dark-theme) .ant-modal-footer {
  border-top: 1px solid var(--m-border-soft) !important;
  padding: 12px 22px !important;
}

/* antd хүснэгт */
body:not(.dark-theme) .ant-table {
  border-radius: var(--m-r) !important;
}
/* antd хүснэгтийн гарчгийн хэмжээ/зай нь дээрх нэгдсэн дүрмээс ирнэ */
body:not(.dark-theme) .ant-table-tbody > tr > td {
  border-bottom: 1px solid var(--m-border-soft) !important;
}
body:not(.dark-theme) .ant-table-tbody > tr:hover > td {
  background: #f7f9fc !important;
}

/* Хуудаслалт */
body:not(.dark-theme) .ant-pagination-item,
body:not(.dark-theme) .ant-pagination-prev .ant-pagination-item-link,
body:not(.dark-theme) .ant-pagination-next .ant-pagination-item-link {
  border-radius: var(--m-r-sm) !important;
  border-color: var(--m-border) !important;
}
body:not(.dark-theme) .ant-pagination-item-active {
  background: var(--m-brand) !important;
  border-color: var(--m-brand) !important;
}
body:not(.dark-theme) .ant-pagination-item-active a {
  color: #fff !important;
}

/* Таб */
body:not(.dark-theme) .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--m-brand-dark) !important;
  font-weight: 700;
}
body:not(.dark-theme) .ant-tabs-ink-bar {
  background: var(--m-brand) !important;
  height: 3px !important;
  border-radius: 3px 3px 0 0;
}

/* Мэдэгдэл / сэрэмжлүүлэг */
body:not(.dark-theme) .ant-alert,
body:not(.dark-theme) .ant-message-notice-content,
body:not(.dark-theme) .ant-notification-notice {
  border-radius: var(--m-r) !important;
}
body:not(.dark-theme) .ant-message-notice-content,
body:not(.dark-theme) .ant-notification-notice {
  box-shadow: var(--m-shadow-lg) !important;
}

/* Товчлуур бүлэг (Radio.Button) — checklist дээр их хэрэглэгддэг */
body:not(.dark-theme) .ant-radio-button-wrapper:first-child {
  border-radius: var(--m-r-sm) 0 0 var(--m-r-sm) !important;
}
body:not(.dark-theme) .ant-radio-button-wrapper:last-child {
  border-radius: 0 var(--m-r-sm) var(--m-r-sm) 0 !important;
}
body:not(.dark-theme)
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: var(--m-brand) !important;
  border-color: var(--m-brand) !important;
  color: #fff !important;
}

/* ── 8. PrimeReact — antd-тэй нэгэн жигд болгох ───────────────────────── */
/* PrimeReact гарчгийн хэмжээ/зай нь дээрх нэгдсэн дүрмээс ирнэ; энд зөвхөн
   хажуугийн зааглагчийн өнгө */
body:not(.dark-theme) .p-datatable .p-datatable-thead > tr > th {
  border-color: var(--m-border) !important;
}
body:not(.dark-theme) .p-datatable .p-datatable-tbody > tr > td {
  border-color: var(--m-border-soft) !important;
}
body:not(.dark-theme) .p-rowgroup-header {
  background: var(--m-brand-soft) !important;
}
body:not(.dark-theme) .p-button {
  border-radius: var(--m-r-sm) !important;
}

/* ── 9. Гүйлгэх зурвас — нимгэн, орчин үеийн ──────────────────────────── */
body:not(.dark-theme) ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body:not(.dark-theme) ::-webkit-scrollbar-track {
  background: transparent;
}
body:not(.dark-theme) ::-webkit-scrollbar-thumb {
  background: #cbd3df;
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: content-box;
}
body:not(.dark-theme) ::-webkit-scrollbar-thumb:hover {
  background: #aeb9ca;
  background-clip: content-box;
}

/* ── 10. Хандалт — фокусын цагираг ────────────────────────────────────── */
body:not(.dark-theme) :focus-visible {
  outline: 2px solid var(--m-brand);
  outline-offset: 1px;
}

/* Хажуугийн цэс/толгойд идэвхтэй төлөв аль хэдийн тод тул тусгаарлагдсан
   ногоон ХАЙРЦАГ үүсгэхгүй — дотогшоо зөөлөн цагираг ашиглана */
body:not(.dark-theme) .app-sidebar .side-menu__item:focus-visible,
body:not(.dark-theme) .app-sidebar .slide-item:focus-visible,
body:not(.dark-theme) .main-header a:focus-visible {
  outline: none !important;
  box-shadow: inset 0 0 0 2px rgba(15, 110, 86, 0.35) !important;
}

/* Хулганаар дарахад цагираг үлдэхгүй (гарын товчлуурт хэвээр хадгална) */
body:not(.dark-theme) a:focus:not(:focus-visible),
body:not(.dark-theme) button:focus:not(:focus-visible),
body:not(.dark-theme) .side-menu__item:focus:not(:focus-visible),
body:not(.dark-theme) .slide-item:focus:not(:focus-visible) {
  outline: none !important;
}

/* ── 11. Хөдөлгөөнийг багасгах тохиргоог хүндэтгэх ───────────────────── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}