/* Liderlik sekmesi (panel/liderlik.js): sıra (serif), diyar adı renk karesiyle ve altında kim
   yönettiği ve durumları, sayılar sağa yaslı tablo rakamı; seçili satır vurgulu (diyar rengi
   ince sol çizgi), üstüne gelince ve odakta belirgin; harabeler altta ayrı başlıkla, soluk.
   Düzen otomatik: sıra ve sayı sütunları içeriği kadar (dar, kesilmez), kalan genişlik ad
   sütununun; ad ve alt satırı gerekirse satır kırar, "..." ile kesilmez (EN 1280'de de). */

.lider-tablo { width: 100%; border-collapse: collapse; }
.lider-tablo th { padding: var(--bosluk-2) var(--bosluk-2) var(--bosluk-3);
  border-bottom: 1px solid var(--cizgi); color: var(--yazi-3); font-size: var(--boy-2);
  font-weight: 600; text-align: left; }
.lider-tablo th.l-sira { width: 1%; }
.lider-tablo th.l-sayi { width: 1%; text-align: right; white-space: nowrap; }
.lider-tablo td.l-sayi, .lider-tablo th.l-sayi { padding-inline: var(--bosluk-3); }
.lider-tablo td { padding: var(--bosluk-3) var(--bosluk-2); vertical-align: top;
  border-bottom: 1px solid var(--cizgi-ince); }
.lider-tablo tbody tr[data-did] { cursor: pointer; }
.lider-tablo tbody tr[data-did]:hover td { background: var(--zemin-1); }
.lider-tablo tbody tr:focus-visible { outline: 2px solid var(--odak); outline-offset: -2px; }
.lider-tablo tr.secili td { background: var(--zemin-2); }
.lider-tablo tr.secili td:first-child { box-shadow: inset 3px 0 0 var(--c); }
.l-sira { color: var(--yazi-3); font: 600 var(--boy-4)/1.3 var(--aile-serif); text-align: right; }
.l-ad-kap { display: flex; align-items: baseline; min-width: 0; }
.l-ad-kap b { overflow-wrap: anywhere; color: var(--yazi-1); font-weight: 600; }
.l-alt { display: block; overflow-wrap: anywhere; color: var(--yazi-3);
  font-size: var(--boy-2); }
.l-alt .ton-iyi { color: var(--iyi); }
.l-alt .ton-uyari { color: var(--uyari); }
.l-alt .ton-vurgu { color: var(--vurgu-acik); }
.l-sayi { color: var(--yazi-1); text-align: right; white-space: nowrap; }
.lider-tablo tr.harabe b, .lider-tablo tr.harabe .l-sayi { color: var(--yazi-3);
  font-weight: 400; }
.lider-tablo tr.harabe .k-renk { opacity: .4; }
.l-ayrac th { padding-top: var(--bosluk-6); color: var(--yazi-2);
  font: 600 var(--boy-4)/1.2 var(--aile-serif); font-variant: small-caps; letter-spacing: .03em; }
.l-ayrac small { color: var(--yazi-3); font: 400 var(--boy-2) var(--aile-sans);
  font-variant: normal; }
