/* Kartın güvenlik bölümü (panel/bolum/guvenlik.js): savunma ve asker kutuları (A1 `.istat`),
   sur halkaları (ad, malzeme, A1 ölçeri, yüzde ya da gedik çipi; tek satır), merkez binası, koloniler
   (tıklanınca kamera uçar: ad, kuruluş günü, birlik çubuğu) ve yönetim yükü. */

/* savunma ve asker: A1 `.istatlar` / `.istat` kutuları (css/bilesen/veri.css), iki sütun */
.k-istatler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-4); }

.k-halkalar { display: flex; flex-direction: column; gap: var(--bosluk-3);
  margin-top: var(--bosluk-5); }
.k-halka { display: grid; grid-template-columns: 96px minmax(0, 1fr) 72px 40px;
  gap: var(--bosluk-4); align-items: center; }
.k-halka-ad { color: var(--yazi-1); line-height: 1.25; overflow-wrap: anywhere; }
.k-halka-kat { color: var(--yazi-2); font-size: var(--boy-2); line-height: 1.25;
  overflow-wrap: anywhere; }
.k-halka.yok { grid-template-columns: 96px minmax(0, 1fr); }
.k-halka.yok .k-halka-ad, .k-halka.yok .k-halka-kat { color: var(--yazi-3); }
.k-halka.merkez { padding-top: var(--bosluk-3); border-top: 1px solid var(--cizgi-ince); }
.k-yuzde { color: var(--yazi-2); font-size: var(--boy-2); text-align: right; }
.k-halka .cip { justify-self: end; }

.k-yonetim { margin-left: var(--bosluk-3); color: var(--yazi-3); font-weight: 400; }
.k-yonetim.ton-uyari { color: var(--uyari); }
.k-koloniler { display: flex; flex-direction: column; gap: var(--bosluk-2); }
.k-koloni {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto 56px;
  gap: var(--bosluk-4);
  align-items: center;
  width: 100%;
  min-height: var(--dokunma);
  padding: var(--bosluk-2) var(--bosluk-4);
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-2);
  background: var(--zemin-1);
  color: var(--yazi-1);
  font: inherit;
  text-align: left;
}
.k-koloni:hover { background: var(--zemin-2); border-color: var(--cizgi-guclu); }
.k-koloni-ad { white-space: nowrap; }
.k-koloni-gun, .k-koloni-birlik { color: var(--yazi-3); font-size: var(--boy-2);
  white-space: nowrap; }

@media (max-width: 400px) {
  .k-halka { grid-template-columns: 84px minmax(0, 1fr) 56px 36px; }
  .k-koloni { grid-template-columns: minmax(0, 1fr) auto 48px; }
  .k-koloni-gun { display: none; }
}