/* Genel Bakis pano kartlari (Views/Shared/_Pano*.cshtml): .pk-izgara icinde .mac-card.pk-kart.
   Renkler token'dir (var(--c-*)); koyu mod token'dan gelir. Tum kurallar .pk-* altindadir. */
/* Renk tokenlari yalniz modul tahtalarinda (.gbi-board, .gb-board) tanimliydi; pano kartlari tahtanin disindadir -> kendi kapsaminda tanimlanir
   (tanimsiz var() halka/cubuk/nokta rengini sessizce siler). Degerler analiz-panosu.css ile aynidir. */
.pk-izgara, .pk-kart { --c-blue: #0066CC; --c-green: #34C759; --c-orange: #FF9500; --c-yellow: #FFBD2E; --c-red: #FF3B30; --c-teal: #5AC8FA; --c-purple: #AF52DE; --c-gray: #8E8E93; --c-indigo: #5856D6; --surface-2: var(--gray-surface, #F5F5F7); }
/* Esnek satir: kart temel genisligiyle (4/6/3 sutun payi) siraya girer, son satirda tek kalan kart bos birakmaz, kalan genisligi doldurur. */
.pk-izgara { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 20px; }
.pk-kart { flex: 1 1 calc((100% - 32px) / 3); min-width: 0; }
.pk-kart.pk-2 { flex-basis: calc((100% - 16px) / 2); }
.pk-kart.pk-3 { flex-basis: calc((100% - 48px) / 4); }
.pk-kart.pk-tam { flex-basis: 100%; }
@media (max-width: 1100px) { .pk-kart, .pk-kart.pk-3 { flex-basis: calc((100% - 16px) / 2); } }
@media (max-width: 720px) { .pk-kart, .pk-kart.pk-2, .pk-kart.pk-3 { flex-basis: 100%; } }
/* Pano KPI seridi: kart sayisi ne olursa olsun son satirdaki kart tek basina kalmaz, satir doluyor (4/5/6/7 kutu). */
.kpi-grid:has(~ .pk-izgara) { display: flex; flex-wrap: wrap; }
.kpi-grid:has(~ .pk-izgara) > .kpi { flex: 1 1 190px; min-width: 0; }
.pk-kart .card-title i { margin-right: 4px; opacity: .75; }
.pk-bos { padding: 22px 8px; text-align: center; color: var(--muted); font-size: 13px; }

.pk-dagilim { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; }
.pk-halka { flex: none; width: 128px; }
.pk-lejant { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 200px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.pk-sat { min-width: 0; display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 8px; color: var(--text); font-size: 13px; text-decoration: none; }
a.pk-sat { cursor: pointer; }
a.pk-sat:hover, a.pk-satir:hover { background: var(--hover-tint, rgba(0, 0, 0, .05)); }
a.pk-sat:focus-visible, a.pk-satir:focus-visible { outline: 2px solid var(--mac-blue); outline-offset: 1px; }
.pk-nokta { flex: none; width: 9px; height: 9px; border-radius: 50%; }
.pk-lejant .pk-ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-lejant b { flex: none; font-variant-numeric: tabular-nums; font-weight: 600; }
.pk-lejant small { flex: none; width: 42px; text-align: right; color: var(--muted); font-variant-numeric: tabular-nums; }

.pk-cubuk { display: grid; gap: 2px; }
.pk-cubuk .pk-sat { display: grid; grid-template-columns: minmax(96px, 42%) 1fr auto; align-items: center; }
/* Etiket kesilmez, gerekirse iki satira iner (ornegin "Gecici kabul", "Imzalanan sozlesme"). */
.pk-cubuk .pk-ad { overflow-wrap: anywhere; line-height: 1.25; }
.pk-iz { height: 8px; border-radius: 99px; background: var(--surface-2, #F5F5F7); overflow: hidden; }
.pk-iz i { display: block; height: 100%; border-radius: 99px; }
.pk-cubuk b { font-variant-numeric: tabular-nums; font-weight: 600; min-width: 28px; text-align: right; }

.pk-liste { display: grid; }
.pk-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 20px; color: var(--text); text-decoration: none; border-top: 1px solid var(--border-soft); }
.pk-satir:first-child { border-top: 0; }
a.pk-satir { cursor: pointer; }
.pk-metin { display: grid; min-width: 0; gap: 1px; }
.pk-metin b { font-weight: 500; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-metin small { color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-satir .pill { flex: none; }

.pk-seri { padding-top: 22px; }
.pk-sutunlar { display: flex; align-items: flex-end; gap: 8px; height: 150px; }
.pk-sutun { flex: 1; min-width: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px; }
.pk-sutun i { display: block; width: 100%; max-width: 34px; border-radius: 6px 6px 2px 2px; min-height: 2px; opacity: .88; transition: opacity .15s; }
.pk-sutun:hover i { opacity: 1; }
.pk-deger { font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
.pk-etiket { font-size: 11px; color: var(--muted); white-space: nowrap; }

.pk-hizli { display: flex; flex-wrap: wrap; gap: 10px; }

/* Sonradan yuklenen kart yer tutucusu: kart gelene ya da bos donene kadar izgarada yer kaplamaz. */
.pk-yukle { display: contents; }