/* PetroNet System Docs — брэнд.
   petronet.mn-ийн нүүрийн загвар (core/frontend/app/petronet-landing.css) ба
   monitoring/backups/dwh landing-уудтай нэг өнгө: accent #0b65de, navy #0b2550,
   логоны хөх #1e4fe6. Толгой нь petronet.mn-ийнх шиг цайвар шилэн мөр —
   лого нь хөх тул navy дэвсгэр дээр уусна. Шинэ hex-ийг энэ блокоос гадуур бүү нэм. */
:root {
  --pn-blue:       #0b65de;
  --pn-blue-hover: #0a56bd;
  --pn-blue-soft:  #e9f6ff;
  --pn-blue-light: #58a1ff; /* харанхуй горимын линк */
  --pn-navy:       #0b2550;
  --pn-navy-deep:  #071a3a;
  --pn-ink:        #0f1b2d;
  --pn-muted:      #5b6678;
  --pn-paper:      #f6f8fb;
  --pn-line:       #e3e8ef;
  --pn-warn:       #b7791f;
}

/* Гэрэл горим */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        var(--pn-navy);
  --md-primary-fg-color--light: var(--pn-blue);
  --md-primary-fg-color--dark:  var(--pn-navy-deep);
  --md-primary-bg-color:        var(--pn-ink);
  --md-primary-bg-color--light: var(--pn-muted);
  --md-accent-fg-color:         var(--pn-blue);
  --md-typeset-a-color:         var(--pn-blue);
  --md-default-fg-color:        var(--pn-ink);
}

/* Харанхуй горим */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        var(--pn-navy);
  --md-primary-fg-color--light: var(--pn-blue);
  --md-primary-fg-color--dark:  var(--pn-navy-deep);
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         var(--pn-blue-light);
  --md-typeset-a-color:         var(--pn-blue-light);
  --md-default-bg-color:        #0a1426;
}

/* Толгой — petronet.mn-ийн nav: цайвар шил, доор нь нимгэн шугам. */
.md-header {
  background: rgb(246 248 251 / 86%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--pn-line);
  box-shadow: none;
}
.md-header__topic:first-child { font-weight: 700; letter-spacing: -0.01em; }
[data-md-color-scheme="slate"] .md-header {
  background: rgb(7 26 58 / 88%);
  border-bottom-color: rgb(255 255 255 / 10%);
}
.md-tabs { background: transparent; }

.md-header__button.md-logo img,
.md-nav__button.md-logo img {
  height: 1.7rem;
  width: auto;
}

/* Хайлтын талбар цайвар толгой дээр. */
[data-md-color-scheme="default"] .md-search__form { background: rgb(15 27 45 / 6%); }
[data-md-color-scheme="default"] .md-search__form:hover { background: rgb(15 27 45 / 10%); }
.md-search__input:focus { box-shadow: 0 0 0 2px var(--pn-blue); }

/* Идэвхтэй nav */
.md-nav__link--active,
.md-nav__item .md-nav__link--active { color: var(--pn-blue); font-weight: 600; }
[data-md-color-scheme="slate"] .md-nav__link--active { color: var(--pn-blue-light); }

.md-typeset h1, .md-typeset h2, .md-typeset h3 { letter-spacing: -0.02em; font-weight: 700; }
.md-typeset h1 { color: var(--md-default-fg-color); }
.md-typeset h2 { border-bottom: 1px solid var(--pn-line); padding-bottom: 0.3rem; }
[data-md-color-scheme="slate"] .md-typeset h2 { border-bottom-color: rgb(255 255 255 / 10%); }
.md-typeset code { border-radius: 6px; }
.md-typeset a:hover { text-decoration: underline; }

/* Үндсэн товч — petronet.mn-ийн .pnl-pill */
.md-typeset .md-button {
  border-radius: 999px;
  padding: 0.55em 1.4em;
  font-weight: 600;
}
.md-typeset .md-button--primary {
  background: var(--pn-blue);
  border-color: var(--pn-blue);
  color: #ffffff;
}
.md-typeset .md-button--primary:hover {
  background: var(--pn-blue-hover);
  border-color: var(--pn-blue-hover);
}

/* Grid карт — landing-уудын карт: 20px булан, зөөлөн сүүдэр. */
.md-typeset .grid.cards > ul > li {
  border: 1px solid var(--pn-line);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgb(11 37 80 / 6%);
  transition: border-color 150ms, box-shadow 150ms, transform 150ms;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: rgb(11 101 222 / 35%);
  box-shadow: 0 18px 50px rgb(11 37 80 / 12%);
  transform: translateY(-2px);
}
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li {
  border-color: rgb(88 161 255 / 22%);
  box-shadow: none;
}

/* Хүснэгт — толгой нь зөөлөн хөх. */
.md-typeset table:not([class]) { border-radius: 12px; border-color: var(--pn-line); }
.md-typeset table:not([class]) th {
  background: var(--pn-blue-soft);
  color: inherit;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background: rgb(88 161 255 / 10%);
}

/* Admonition — note нь брэнд хөх, tip нь navy, warning нь хүрэн шар. */
.md-typeset .admonition, .md-typeset details { border-radius: 12px; }
.md-typeset .admonition.note, .md-typeset details.note { border-color: var(--pn-blue); }
.md-typeset .note > .admonition-title, .md-typeset .note > summary {
  background-color: rgb(11 101 222 / 10%);
}
.md-typeset .admonition.tip, .md-typeset details.tip { border-color: var(--pn-navy); }
.md-typeset .tip > .admonition-title, .md-typeset .tip > summary {
  background-color: rgb(11 37 80 / 8%);
}
[data-md-color-scheme="slate"] .md-typeset .admonition.tip,
[data-md-color-scheme="slate"] .md-typeset details.tip { border-color: var(--pn-blue-light); }

/* Хөл — petronet.mn-ийн гүн navy. */
.md-footer { background: var(--pn-navy); }
.md-footer-meta { background: var(--pn-navy-deep); }

/* Төлөвийн шошго — платформын хүснэгтэд «Production / Хагас / Төлөвлөгөө»:
   <span class="grg-badge grg-badge--live">Production</span>. Нэр нь хуучин
   баримтуудад бичигдсэн тул хэвээр. */
.grg-badge {
  display: inline-block;
  padding: 0.08rem 0.5rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  border: 1px solid transparent;
}
.grg-badge--live {
  background: var(--pn-blue-soft);
  border-color: rgb(11 101 222 / 30%);
  color: var(--pn-blue);
}
[data-md-color-scheme="slate"] .grg-badge--live { background: rgb(88 161 255 / 12%); color: var(--pn-blue-light); }

.grg-badge--wip {
  background: rgb(183 121 31 / 12%);
  border-color: rgb(183 121 31 / 40%);
  color: var(--pn-warn);
}

.grg-badge--plan {
  background: rgb(91 102 120 / 12%);
  border-color: rgb(91 102 120 / 30%);
  color: var(--pn-muted);
}
[data-md-color-scheme="slate"] .grg-badge--plan { color: #9ca3af; }

/* Давхаргын ASCII/pre диаграм — жижиг дэлгэцэд хэвтээ гүйлгэнэ */
.md-typeset pre > code { -webkit-overflow-scrolling: touch; }

/* Mermaid диаграмыг голлуулах */
.md-typeset .mermaid { text-align: center; }