/* ═══════════════════════════════════════════════════════════════════════════
   Odontogram — QLOBAL stillər
   ═══════════════════════════════════════════════════════════════════════════
   🔴 BU FAYL NİYƏ QLOBALDIR (scoped deyil):
   Diş nömrələri, çənə başlıqları və fayl nişanları `MarkupString` ilə
   render olunur (Blazor-un <text> render nasazlığına qarşı). MarkupString
   məzmunu Blazor-un render ağacından keçmir, ona görə scoped CSS-in
   `b-xxxxx` atributunu ALMIR — komponentin öz `.razor.css` faylındakı
   qaydalar onlara HEÇ VAXT çatmır. Yeganə iş görən yer buradır.

   ⚠️ Komponentin öz elementləri (diş formaları, kartlar, timeline) isə
      `OdontogramChart.razor.css`-dədir. İkisini qarışdırma:
      MarkupString → bu fayl · normal markup → scoped fayl.

   ═══════════════════════════════════════════════════════════════════════════
   14.08.2026 — TƏMİZLƏNDİ VƏ QARANLIQ REJİMƏ UYĞUNLAŞDIRILDI
   ═══════════════════════════════════════════════════════════════════════════
   Əvvəlki məzmunun BÖYÜK HİSSƏSİ ÖLÜ İDİ — köhnə odontoqramdan qalmışdı:
   `.modern-odontogram-wrapper`, `.odontogram-svg-container`, `.tooth-group`,
   `.tooth-label`, `.tooth-fill`, `.medical-record-panel`, `.odontogram-legend`
   adlarının HEÇ BİRİ markup-da yox idi (yoxlanıldı: 0 istifadə).
   Onların içindəki `background: #ffffff` / `color: #374151` isə auditdə
   «qaranlıq rejim pozuntusu» kimi görünürdü — halbuki ekrana heç çıxmırdı.
   Ölü qaydaları saxlamaq növbəti oxuyanı da eyni cür yanıldardı, ona görə
   silindi. Yeganə işlək sinif `.odontogram-legend-color` idi.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ───────────────────────────────────────────────────────────────────────────
   1. SVG MƏTNLƏRİ (MarkupString ilə çəkilir)
   ─────────────────────────────────────────────────────────────────────────── */

/* FDI diş nömrəsi — 14, 25, 38…
   🔴 Əvvəl C#-da sabit `fill="#64748b"` idi. Tünd fonda bu ton demək olar
      görünmürdü, halbuki həkim dişi məhz nömrə ilə tapır. */
.odo-num {
    fill: var(--mud-palette-text-secondary);
    user-select: none;
}

/* Seçilmiş diş — vurğu rəngi palitradan (əvvəl sabit `#0f766e`, yəni
   istifadəçi tema rəngini dəyişəndə köhnə yaşılda qalırdı). */
.odo-num--active {
    fill: var(--mud-palette-primary);
}

/* «ÜST ÇƏNƏ» / «ALT ÇƏNƏ» başlıqları — ikinci dərəcəli məlumatdır,
   dişlərdən sönük qalmalıdır, lakin oxunmalıdır. */
.odo-jaw-label {
    fill: var(--mud-palette-text-disabled);
    user-select: none;
}

/* Dişin üstündəki fayl nişanı.
   Halqa FON rəngindədir — nişanı dişdən ayırır. Əvvəl sabit ağ idi və
   qaranlıqda hər nişanın ətrafında ağ üzük görünürdü. */
.odo-badge-dot {
    fill: var(--mud-palette-primary);
    stroke: var(--mud-palette-surface);
}

/* Nişanın içindəki rəqəm vurğu rənginin ÜZƏRİNDƏDİR — hər iki temada
   açıq qalmalıdır, ona görə burada palitranın «vurğu üstü mətn» rəngi. */
.odo-badge-text {
    fill: var(--mud-palette-primary-text);
    user-select: none;
}


/* ───────────────────────────────────────────────────────────────────────────
   2. VƏZİYYƏT RƏNGİ NÜMUNƏSİ (ToothDetailDialog)
   ───────────────────────────────────────────────────────────────────────────
   🔴 `tooth-condition-{N}` sinfi markup-da işlədilirdi, lakin HEÇ YERDƏ
      təyin edilməmişdi — yəni «Cari vəziyyət» sətrindəki rəng kvadratı
      BOŞ çıxırdı və pasiyentin diş vəziyyəti rənglə oxuna bilmirdi.

   ⚠️ Bu rənglər KLİNİK KODDUR və qəsdən temadan asılı DEYİL: həkim
      «qırmızı = karies, mavi = plomb» sxemini əzbərləyir. Temaya görə
      dəyişsəydi, eyni diş iki ekranda iki fərqli məna verərdi.
      Dəyərlər `OdontogramChart.razor.cs` → `_conditionFills/_conditionStrokes`
      ilə EYNİDİR. Birini dəyişəndə o birini də dəyiş.
   ─────────────────────────────────────────────────────────────────────────── */

.odontogram-legend-color {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid var(--mud-palette-lines-inputs);
    flex-shrink: 0;
}

/* 0 — Sağlam: dolğusu yoxdur, fon rəngindədir (temaya uyğunlaşan yeganə hal). */
.tooth-condition-0 { background: var(--mud-palette-surface); border-color: var(--mud-palette-lines-inputs); }
.tooth-condition-1 { background: #fca5a5; border-color: #dc2626; } /* Karies      */
.tooth-condition-2 { background: #93c5fd; border-color: #2563eb; } /* Plomb       */
.tooth-condition-3 { background: #fcd34d; border-color: #d97706; } /* Qapaq       */
.tooth-condition-4 { background: #c4b5fd; border-color: #7c3aed; } /* Kanal       */
.tooth-condition-5 { background: #e2e8f0; border-color: #94a3b8; } /* Çəkilmiş    */
.tooth-condition-6 { background: #6ee7b7; border-color: #059669; } /* İmplant     */
.tooth-condition-7 { background: #fdba74; border-color: #ea580c; } /* Körpü       */
.tooth-condition-8 { background: #7dd3fc; border-color: #0284c7; } /* Fissur örtük*/
.tooth-condition-9 { background: #fda4af; border-color: #e11d48; } /* Digər       */