/* ============================================================
   SİGORTA MUTABAKATI (v461, 29.09.2026) — Komisyonlar alt sekmesi
   ============================================================
   js/sigortamutabakat.js. Özet kutuları .maas-ozet, tablolar .rapor
   kurallarını paylaşır; burada ay hücresi (hak ediş üstte, CRM altta,
   durum işareti) ve kontrol listesi var.
   ⚠️ Durum YALNIZ renkle anlatılmaz: her hücrede işaret (✓ ≠ ! ? ◌ ×2)
      ve üzerine gelince açıklama var; lejant tablonun üstünde.
   ============================================================ */

.smt-ust { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between; }
.smt-ust .sekme-serit { margin-bottom: 0; }
.smt-kontrol { padding: 12px 14px; border-radius: var(--r, 14px);
  border: 1px solid color-mix(in srgb, var(--uyari) 45%, var(--cizgi));
  background: color-mix(in srgb, var(--uyari) 7%, var(--panel)); font-size: 13px; }
.smt-kontrol h4 { margin: 0 0 6px; font-size: 14px; }
.smt-kontrol ul { margin: 0; padding-left: 18px; display: grid; gap: 4px; }

.smt-ozet-tablo td, .smt-ozet-tablo th { white-space: nowrap; }
.smt-rozet { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 999px; font-size: 10.5px;
  font-weight: 600; color: var(--soluk); border: 1px solid var(--cizgi); }

.smt-lejant { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; color: var(--soluk); }
.smt-lejant b { display: inline-block; min-width: 14px; text-align: center; }

.smt-tablo th:first-child, .smt-tablo td:first-child { position: sticky; left: 0; z-index: 1; min-width: 150px;
  background: var(--panel); white-space: nowrap; }
.smt-hucre { text-align: right; vertical-align: top; padding: 4px 6px; min-width: 68px; position: relative;
  font-variant-numeric: tabular-nums; }
.smt-hucre span { display: block; line-height: 1.25; }
.smt-hak { font-weight: 600; }
.smt-crm { font-size: 11.5px; color: var(--soluk); }
.smt-isaret { font-size: 11px; font-weight: 700; }
.smt-tutuyor .smt-isaret, .smt-lejant .smt-tutuyor b { color: var(--basari-metin, var(--basari)); }
.smt-fark .smt-isaret, .smt-lejant .smt-fark b { color: var(--soluk); }
.smt-hakedis_yok, .smt-cift { background: color-mix(in srgb, var(--uyari) 10%, transparent); }
.smt-hakedis_yok .smt-isaret, .smt-cift .smt-isaret, .smt-lejant .smt-hakedis_yok b { color: var(--uyari-metin, var(--uyari)); }
.smt-crm_yok .smt-isaret, .smt-lejant .smt-crm_yok b { color: var(--uyari-metin, var(--uyari)); }
.smt-crm_yarim { color: var(--soluk); }
.smt-crm_yarim .smt-hak { font-weight: 400; }
