/* Gözlem 9 (Sürmenaj 2026-11-07): Galaksi'de filo işaretleri ve hanedan adının koordinat kartı. Renkler olay listesinin görev renkleri
   (cerceve.css :root --gorev-*); açıklama yok, ayrıntı üstüne gelince ya da dokununca kartta. */

/* Filo işareti: hedef hücrenin sağ üst köşesinde küçük daire; birden çok filoda sayı */
.sistem-tablosu td.filo-hedefi { position: relative; }
.filo-isaret {
  --gorev: var(--gorev-konuslandir);
  position: absolute; top: 1px; right: 1px; z-index: 2; display: inline-grid; place-items: center; width: 15px; height: 15px; padding: 0;
  background: #0b0f15; border: 1px solid rgb(var(--gorev) / .9); border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, .7);
  color: rgb(var(--gorev)); cursor: pointer;
}
.filo-isaret .simge { width: 10px; height: 10px; }
.filo-isaret b {
  position: absolute; right: -5px; bottom: -5px; min-width: 11px; height: 11px; padding: 0 2px; border-radius: 6px;
  background: rgb(var(--gorev)); color: #0b0f15; font-size: 8.5px; font-weight: 800; line-height: 11px; text-align: center;
}
.filo-isaret:hover, .filo-isaret:focus-visible, .filo-isaret[aria-describedby] { box-shadow: 0 0 0 2px rgb(var(--gorev) / .35), 0 0 8px rgb(var(--gorev) / .6); }
.filo-isaret.gorev-saldiri { --gorev: var(--gorev-saldiri); }
.filo-isaret.gorev-casusluk { --gorev: var(--gorev-casusluk); }
.filo-isaret.gorev-nakliye { --gorev: var(--gorev-nakliye); }
.filo-isaret.gorev-konuslandir { --gorev: var(--gorev-konuslandir); }
.filo-isaret.gorev-kesif { --gorev: var(--gorev-kesif); }
.filo-isaret.gorev-somurgelestir { --gorev: var(--gorev-somurgelestir); }
.filo-isaret.gorev-enkaz { --gorev: var(--gorev-enkaz); }
.filo-isaret.gorev-dur { --gorev: var(--gorev-dur); }
.filo-isaret.gorev-isgal { --gorev: var(--gorev-isgal); }
.filo-isaret.gorev-yokEt { --gorev: var(--gorev-yokEt); }
.filo-isaret.gorev-roket { --gorev: var(--gorev-roket); }
.filo-isaret.gorev-aykur { --gorev: var(--gorev-aykur); }
.filo-isaret.yabanci { --gorev: 252 206 0; }   /* tarafsız yabancı filo: olay listesindeki sarı */
.filo-isaret.dost { --gorev: 74 247 77; }       /* 7 · A8: müttefikin filosu (dost nöbeti): olay listesindeki dost yeşili (.olay.dost) */
.filo-isaret.dusman { --gorev: 255 64 56; background: rgb(var(--gorev-dusman) / .9); color: #fff; }
.filo-isaret.dusman b { background: #fff; color: rgb(var(--gorev-dusman)); }
.filo-isaret.bekle { border-style: dashed; }
/* Aya giden filo: bilgisayarda Ay sütununda, telefonda (Ay sütunu gizli) gezegenin resminde */
.filo-isaret.yalniz-dar { display: none; }
@media (max-width: 759px) {
  /* Aya giden filo gezegenin resminde sol altta (sağ üst gezegene giden filonun, sağ alt ayın rozeti, sol üst aktifliğin) */
  .filo-isaret.yalniz-dar { display: inline-grid; top: auto; right: auto; bottom: 0; left: 0; }
  .filo-isaret { top: 0; right: 0; }
}
/* Filo kartı */
.yer-karti .filo-karti-simge { width: 15px; height: 15px; color: var(--yazi-2); }
.filo-karti-liste { display: grid; gap: 3px; margin: 6px 0 0; padding: 0; list-style: none; }
.filo-karti-liste li { line-height: 1.35; }
.filo-karti-liste li span:first-of-type { color: #fff; }
.filo-karti-liste li.dusman, .filo-karti-liste li.dusman b { color: #ff8a80; }
.filo-karti-liste li.dost b { color: rgb(74 247 77); }   /* 7 · A8: müttefikin adı işaretle aynı yeşil */

/* Hanedan adı: koordinat kartının tetiği (görünüş aynı; üstüne gelince altı noktalı) */
.sistem-tablosu .hanedan-hucre .hanedan-tetik { cursor: pointer; }
.sistem-tablosu .hanedan-hucre .hanedan-tetik:hover, .sistem-tablosu .hanedan-hucre .hanedan-tetik:focus-visible,
.sistem-tablosu .hanedan-hucre .hanedan-tetik[aria-describedby] { text-decoration: underline dotted rgba(255, 255, 255, .45); text-underline-offset: 3px; }
/* Koordinat kartı: bağlantıları tıklanır */
.yer-karti[data-tur="hanedan"] { pointer-events: auto; }
.yer-karti .hanedan-koorlar { display: flex; flex-wrap: wrap; gap: 3px 8px; margin: 6px 0 0; font-variant-numeric: tabular-nums; }
.yer-karti .hanedan-koorlar a { color: var(--mavi, #86b8ea); text-decoration: none; }
.yer-karti .hanedan-koorlar a:hover { text-decoration: underline; }
.yer-karti .hanedan-koorlar a.bu { color: #fff; font-weight: 700; }
.yer-karti .kart-sira { color: rgba(255, 255, 255, .6); font-size: 11.5px; font-variant-numeric: tabular-nums; }