/* Davolash standartlari — «Sukunat» (spec 2026-09-07 §4 «Ro'yxat sahifalari»).
 *
 * Ikki ko'rinish, bitta sahifa: ro'yxat (jadval) va hujjat (o'qish ustuni).
 * Qaysi biri ko'rinishi `data-standards-view` bilan hal bo'ladi, u esa URL dagi
 * `?id=` dan keladi — hujjatga havola ulashiladi va brauzerning «orqaga»si
 * ro'yxatga qaytaradi.
 *
 * Nima olib tashlandi va nega:
 *   karta qatorlar → jadval       61 hujjatni solishtirish uchun ustun kerak
 *   yon filtr paneli → chip       atigi 4+3 qiymat bor, dialog ortiqcha edi
 *   ichki skrollerli detal → oqim ichki konteynerda brauzer o'qilgan joyni
 *                                 tiklamaydi va matn tor ustunga siqilardi
 */

.standards-page { width: min(var(--content-width), calc(100% - 64px)); margin-inline: auto; padding: 48px 0 96px; }
[data-standards-view="document"] .standards-index { display: none; }
[data-standards-view="list"] .standard-reader { display: none; }

/* Ro'yxat */
.standards-controls { display: grid; gap: 12px; margin: 26px 0 20px; }
.standards-controls .search-field { max-width: var(--search-width); }
.standards-filters { display: grid; gap: 8px; }
.standards-filter-label { font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--text-tertiary); }
.standards-table .col-id { width: 92px; }
.standards-table .col-source { width: 210px; }
/* Sarlavha — haqiqiy havola, JS ilgagi emas: klaviatura, «yangi tabda ochish»
   va nusxa olish o'z-o'zidan ishlaydi. JS uni faqat ushlab qoladi. */
.standards-table td.is-title a { display: flex; flex-direction: column; justify-content: center; min-height: 44px; font-weight: 500; color: inherit; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .standards-table td.is-title a:hover { color: var(--accent); } }
.standards-table .row-icd { display: block; margin-top: 4px; font-family: var(--font-mono); font-size: 12px; color: var(--text-tertiary); }
/* Qisqacha tavsif — uch tilda to'liq, hujjat tanasidan farqli. Ikki qatorga
   qisqartiriladi: jadval qatori kartochkaga aylanib ketmasin. */
.standards-table .row-summary { margin: 6px 0 0; max-width: 68ch; font-size: 13px; line-height: 1.45; color: var(--text-tertiary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Hujjat — sahifa oqimida, ichki skroller yo'q. Shuning uchun «orqaga»
   bosilganda brauzer o'qilgan joyni o'zi tiklaydi. */
.standard-reader { width: min(760px, 100%); margin-inline: auto; }
.standard-reader-nav { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.standard-reader h1 { margin: 0; font-size: 32px; line-height: 1.15; font-weight: 300; letter-spacing: -.03em; }
.standard-reader-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 12px 0 0; font-size: 13px; color: var(--text-tertiary); }
.standard-summary { margin: 16px 0 0; font-size: 16px; line-height: 1.6; color: var(--text-secondary); }
/* Tarjima holati — ogohlantirish emas, izoh. Shuning uchun rangi so'nik va
   ramkasi yo'q: u matnni o'qishdan chalg'itmasligi kerak. */
.standard-language-note { margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: var(--text-tertiary); }
.provenance { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--border-subtle); }
.provenance h3 { margin: 0 0 12px; font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--text-tertiary); }
.provenance dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 16px; margin: 0; font-size: 13px; }
.provenance dt { color: var(--text-tertiary); }
.provenance dd { margin: 0; overflow-wrap: anywhere; }
.document-toc { margin: 24px 0 28px; border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
.document-toc summary { display: flex; align-items: center; min-height: 48px; font-size: 14px; font-weight: 500; cursor: pointer; }

/* Dori havolasi matn ichida. Fon berilmaydi: bitta paragrafda o'nlab dori
   nomi uchraydi va fonli chip matnni ola-bula qilardi. */
.drug-pill { color: var(--accent); text-decoration: none; border-bottom: 1px solid var(--border-subtle); }
.drug-pill.is-class { font-style: italic; }
/* Farmakologiya yopiq bo'lsa havola chizilmaydi: bosib bo'lmaydigan ko'k matn
   yolg'on va'da beradi. Nom baribir ajratilgan qoladi. */
.drug-pill.is-plain { color: inherit; font-weight: 500; border-bottom: 0; }
@media (hover: hover) and (pointer: fine) { a.drug-pill:hover { border-bottom-color: var(--accent); } }

/* ── Klinik hujjat ────────────────────────────────────────────────────────
   Blok turlari `js/pages/standards-document.js` da chiziladi. Ranglar faqat
   tokendan; satr uzunligi 68ch — uzun klinik matn shundan keng bo'lsa
   o'qish qiyinlashadi. */

/* Klinik hujjatlarda 259 belgigacha uzilmas havolalar bor. Ular sahifani
   gorizontal toshiradi; mobil brauzer esa layout viewport'ni kontentga
   tenglashtiradi va `position: fixed` pastki nav shu bo'ylab yoyiladi —
   5 tabdan 3 tasi ko'rinib qoladi. Xususiyat meros bo'ladi, shuning uchun
   bitta qoida butun hujjatni qamraydi. */
.doc-body { max-width: 68ch; overflow-wrap: break-word; }
.doc-section { margin: 32px 0 12px; font-size: 20px; letter-spacing: -.02em; scroll-margin-top: calc(var(--header-height) + 16px); }
.doc-section:first-child { margin-top: 0; }
.doc-chapter { margin: 24px 0 10px; font-size: 16px; color: var(--text-primary); scroll-margin-top: calc(var(--header-height) + 16px); }
.doc-paragraph { margin: 0 0 14px; color: var(--text-primary); font-size: 15px; line-height: 1.7; }
.doc-list-heading { margin: 16px 0 8px; color: var(--text-secondary); font-size: 15px; line-height: 1.6; }
.doc-list { margin: 0 0 16px; padding-left: 22px; color: var(--text-primary); font-size: 15px; line-height: 1.7; }
.doc-list li { margin-bottom: 6px; }

/* Matn ichidagi adabiyot havolasi — raqam qavs ichida yo'qolib ketmasin. */
.doc-ref { display: inline-block; margin: 0 2px; padding: 1px 7px; border-radius: 999px; color: var(--accent); background: var(--accent-soft); font-size: 12px; font-weight: 700; vertical-align: baseline; }

/* Tavsiya + uning ishonchlilik darajasi bitta kartochka: ular manbada ham
   juft yuradi va ajratilsa daraja qaysi tavsiyaga tegishligi yo'qoladi. */
.doc-recommendation { margin: 0 0 18px; border: 1px solid var(--border-subtle); border-left: 3px solid var(--accent); border-radius: var(--radius-card); background: var(--canvas); overflow: hidden; }
.doc-recommendation .doc-paragraph { margin: 0; padding: 16px 18px; }
.doc-evidence { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 18px; border-top: 1px solid var(--border-subtle); background: var(--canvas-raised); }
.doc-evidence-label { flex: 1 1 auto; color: var(--warning); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.doc-evidence-grade, .doc-evidence-level { min-width: 28px; padding: 4px 8px; border-radius: 999px; color: var(--text-primary); background: var(--accent-soft); font-size: 13px; font-weight: 800; text-align: center; }
.doc-evidence-text { flex: 1 0 100%; margin: 0; color: var(--text-tertiary); font-size: 12px; line-height: 1.5; }

.doc-note { display: block; margin: 0 0 18px; padding: 14px 16px; border: 1px solid var(--border-subtle); border-radius: var(--radius-control); color: var(--text-secondary); background: var(--canvas-raised); font-size: 14px; line-height: 1.65; }

.doc-table { margin: 0 0 20px; }
.doc-table figcaption { margin-bottom: 8px; color: var(--text-secondary); font-size: 13px; font-weight: 650; }
.doc-table-scroll { overflow-x: auto; border: 1px solid var(--border-subtle); border-radius: var(--radius-control); }
.doc-table table { width: 100%; border-collapse: collapse; font-size: 13px; }
.doc-table th, .doc-table td { padding: 9px 12px; border-bottom: 1px solid var(--border-subtle); text-align: left; vertical-align: top; }
.doc-table thead th { color: var(--text-primary); background: var(--accent-soft); font-weight: 750; white-space: nowrap; }
.doc-table tbody tr:last-child th, .doc-table tbody tr:last-child td { border-bottom: 0; }

.doc-references { margin: 0; padding-left: 26px; color: var(--text-secondary); font-size: 13px; line-height: 1.6; }
.doc-references li { margin-bottom: 8px; }

.doc-toc-list { margin: 10px 0 0; padding-left: 20px; font-size: 13px; line-height: 1.55; }
.doc-toc-list li { margin-bottom: 6px; }
.doc-toc-list a { color: var(--text-secondary); text-decoration: none; }
.doc-toc-3 { padding-left: 12px; }
@media (hover: hover) and (pointer: fine) { .doc-toc-list a:hover { color: var(--accent); } }

@media (max-width: 900px) {
  .doc-body { max-width: none; }
  .doc-recommendation .doc-paragraph, .doc-evidence { padding-left: 14px; padding-right: 14px; }
}

@media (max-width: 900px) {
  .standards-page { width: calc(100% - 40px); padding-top: 32px; }
  .standard-reader h1 { font-size: 26px; }
}
@media (max-width: 760px) {
  .standards-page { width: calc(100% - 32px); padding: 28px 0 84px; }
  .standards-table .col-source { display: none; }
}