/* ============================================================
   ИНЕГ · Нэгдсэн албан ёсны загвар
   ------------------------------------------------------------
   Гурван хуудас (нүүр, хяналтын сан, гарын авлага) энэ нэг
   файлаас өнгө, үсэг, дэвсгэрээ авна. Хувьсагчийн НЭР нь
   хуучин хэвээр тул хуудсуудын үлдсэн CSS хөндөгдөхгүй.

   Өнгөний үндэс: төрийн албан ёсны гүн цэнхэр (navy) дээр
   ганц алтлаг өргөлт. Ноцтой байдлын өнгө (улаан, шар, ногоон)
   нь кабины анхааруулгын конвенцтой нийцсэн хэвээр.
   ============================================================ */

:root{
  color-scheme: light;

  /* --- үндсэн гадаргуу --- */
  --bg:#e9eef4;            --ground:#e9eef4;
  --surface:#ffffff;
  --surface-2:#f4f8fc;
  --surface-3:#e2eaf3;

  /* --- шугам --- */
  --line:#d0dae6;          --line-soft:#e0e7ef;
  --line-strong:#adbccd;

  /* --- бичвэр --- */
  --ink:#0d1a28;
  --ink-2:#3a4b5e;
  --ink-3:#69798c;

  /* --- албан ёсны гүн цэнхэр --- */
  --accent:#0b3d6b;
  --accent-ink:#072a4b;
  --accent-2:#12558f;
  --accent-soft:#dbe7f4;

  /* --- алтлаг өргөлт (тэмдэг, тууз) --- */
  --gold:#8a6b1f;
  --gold-soft:#f5edda;

  /* --- эрх зүйн лавлагаа (гарын авлага) --- */
  --air:#0b5c93;           --air-soft:#dceaf5;

  /* --- ноцтой байдал --- */
  --good:#14653f;          --good-soft:#dceee5;
  --ok:#14653f;            --ok-soft:#dceee5;
  --warn:#8a5a00;          --warn-soft:#f7ecd3;
  --caut:#8a5a00;          --caut-soft:#f7ecd3;
  --serious:#a8480f;       --serious-soft:#fae2d2;
  --crit:#a31d23;          --crit-soft:#f8dcdd;

  /* --- диаграмын цуваа --- */
  --s1:#0b3d6b; --s2:#b06a12; --s3:#1a7a55;

  --shadow:0 1px 2px rgba(13,26,40,.07), 0 6px 18px -8px rgba(13,26,40,.14);
  --r:6px;

  /* --- үсгийн хэв --- */
  --fd:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  --fb:"IBM Plex Sans","Segoe UI",Arial,sans-serif;
  --fm:"IBM Plex Mono","Courier New",monospace;
  --f-disp:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  --f-body:"IBM Plex Sans","Segoe UI",Arial,sans-serif;
  --f-mono:"IBM Plex Mono","Courier New",monospace;

  /* --- дэвсгэрийн нарийн хээ --- */
  --page-bg:
    radial-gradient(1100px 460px at 50% -180px, rgba(11,61,107,.11), transparent 70%),
    linear-gradient(180deg, #eef3f8 0%, var(--bg) 420px);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --bg:#0a141d;          --ground:#0a141d;
    --surface:#111e2a;
    --surface-2:#162534;
    --surface-3:#1d3040;
    --line:#26394a;        --line-soft:#1d2d3b;
    --line-strong:#37506a;
    --ink:#e6eef6;
    --ink-2:#a5b8c9;
    --ink-3:#76899d;
    --accent:#5aa7e0;
    --accent-ink:#8cc6f2;
    --accent-2:#7cbdec;
    --accent-soft:#11304a;
    --gold:#d6ad55;        --gold-soft:#2e2413;
    --air:#5aa7e0;         --air-soft:#10293c;
    --good:#46b585;        --good-soft:#0d2c1f;
    --ok:#46b585;          --ok-soft:#0d2c1f;
    --warn:#d6a13f;        --warn-soft:#302410;
    --caut:#d6a13f;        --caut-soft:#302410;
    --serious:#e08a55;     --serious-soft:#341e0e;
    --crit:#e8726d;        --crit-soft:#371718;
    --s1:#5aa7e0; --s2:#e0954a; --s3:#46b585;
    --shadow:0 1px 2px rgba(0,0,0,.45), 0 6px 18px -8px rgba(0,0,0,.65);
    --page-bg:
      radial-gradient(1100px 460px at 50% -180px, rgba(90,167,224,.10), transparent 70%),
      linear-gradient(180deg, #0c1822 0%, var(--bg) 420px);
  }
}

:root[data-theme="dark"]{
  color-scheme: dark;
  --bg:#0a141d;            --ground:#0a141d;
  --surface:#111e2a;
  --surface-2:#162534;
  --surface-3:#1d3040;
  --line:#26394a;          --line-soft:#1d2d3b;
  --line-strong:#37506a;
  --ink:#e6eef6;
  --ink-2:#a5b8c9;
  --ink-3:#76899d;
  --accent:#5aa7e0;
  --accent-ink:#8cc6f2;
  --accent-2:#7cbdec;
  --accent-soft:#11304a;
  --gold:#d6ad55;          --gold-soft:#2e2413;
  --air:#5aa7e0;           --air-soft:#10293c;
  --good:#46b585;          --good-soft:#0d2c1f;
  --ok:#46b585;            --ok-soft:#0d2c1f;
  --warn:#d6a13f;          --warn-soft:#302410;
  --caut:#d6a13f;          --caut-soft:#302410;
  --serious:#e08a55;       --serious-soft:#341e0e;
  --crit:#e8726d;          --crit-soft:#371718;
  --s1:#5aa7e0; --s2:#e0954a; --s3:#46b585;
  --shadow:0 1px 2px rgba(0,0,0,.45), 0 6px 18px -8px rgba(0,0,0,.65);
  --page-bg:
    radial-gradient(1100px 460px at 50% -180px, rgba(90,167,224,.10), transparent 70%),
    linear-gradient(180deg, #0c1822 0%, var(--bg) 420px);
}

/* hidden шинжийг хүчтэй болгоно. Тодорхой display-тэй элемент
   (жишээ нь .btn{display:inline-flex}) хөтчийн анхны дүрмийг
   дарж, hidden байсан ч харагддаг. */
[hidden]{ display:none !important }

/* ============================================================
   Нийтлэг албан ёсны толгой ба хөл — гурван хуудсанд ижил
   ============================================================ */
.gov-bar{
  background:var(--accent-ink);
  color:#dce8f5;
  font-family:var(--fb);
  font-size:11.5px;
  letter-spacing:.03em;
  border-bottom:3px solid var(--gold);
}
:root[data-theme="dark"] .gov-bar,
:root:not([data-theme="light"]) .gov-bar{ background:#08203a; }
.gov-bar .in{
  max-width:1180px; margin:0 auto; padding:7px 20px;
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.gov-bar .org{ font-weight:600; text-transform:uppercase; letter-spacing:.13em; white-space:nowrap }
.gov-bar .dot{ width:4px;height:4px;border-radius:50%;background:var(--gold);flex:none }
.gov-bar .sub{ color:#9fc0dd }
.gov-bar .sp{ flex:1 }
.gov-bar a{ color:#bfd8ef; text-decoration:none }
.gov-bar a:hover{ color:#fff; text-decoration:underline }

.gov-foot{
  border-top:1px solid var(--line);
  background:var(--surface);
  color:var(--ink-3);
  font-family:var(--fb);
  font-size:12.5px;
  line-height:1.65;
}
.gov-foot .in{ max-width:1180px; margin:0 auto; padding:26px 20px 34px }
.gov-foot .rule{ height:3px; background:var(--gold); width:46px; margin-bottom:16px }
.gov-foot b{ color:var(--ink-2) }
.gov-foot .cols{ display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) }
.gov-foot h4{ font-family:var(--fd); font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-2); margin:0 0 7px }
.gov-foot a{ color:var(--accent); text-decoration:none }
.gov-foot a:hover{ text-decoration:underline }
.gov-foot .base{ margin-top:22px; padding-top:14px; border-top:1px solid var(--line-soft); font-size:11.5px }