/* Gösterge özet kartları (gosterge-ozet.js). Renkler tema.css değişkenlerinden (--vr-*); yoksa açık tema yedekleri. */
.go-root {
  --go-kart: var(--vr-kart, #fff); --go-cizgi: var(--vr-kart-cizgi, #ece7de); --go-metin: var(--vr-metin, #141414);
  --go-ikincil: var(--vr-ikincil, #6b665d); --go-vurgu: var(--vr-vurgu, #8b5e34); --go-hover: var(--vr-hover, rgba(20,20,20,.04));
  --go-bitti: #2e9e5b; --go-devam: #2f6fb3; --go-onay: #d98b1e; --go-bloke: #cf4a3c;
  color: var(--go-metin); font-family: var(--vr-font, 'Avenir Next', Avenir, 'Segoe UI', sans-serif); font-size: 14px;
  margin-bottom: 16px;
}
.go-root *, .go-root *::before, .go-root *::after { box-sizing: border-box; }
.go-baslik { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.go-baslik h2 { margin: 0; font-size: 18px; font-weight: 600; }
.go-yenile { margin-left: auto; height: 30px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--go-cizgi); background: transparent; color: var(--go-ikincil); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.go-yenile:hover { background: var(--go-hover); }
.go-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.go-kart { background: var(--go-kart); border: 1px solid var(--go-cizgi); border-left: 4px solid var(--go-ac, var(--go-devam)); border-radius: 14px; padding: 14px 16px; }
.go-kart--aktif { --go-ac: var(--go-devam); } .go-kart--onay { --go-ac: var(--go-onay); } .go-kart--bloke { --go-ac: var(--go-bloke); } .go-kart--hafta { --go-ac: var(--go-bitti); }
.go-kart--tik { cursor: pointer; } .go-kart--tik:hover { background: var(--go-hover); }
.go-kart--secili { outline: 2px solid var(--go-ac); outline-offset: -2px; }
.go-kart-deger { font-size: 34px; font-weight: 600; line-height: 1.1; letter-spacing: -.02em; }
.go-kart-ad { margin-top: 4px; font-size: 13px; font-weight: 600; }
.go-kart-alt { margin-top: 2px; font-size: 12px; color: var(--go-ikincil); }
.go-dikkat { margin-top: 16px; background: var(--go-kart); border: 1px solid var(--go-cizgi); border-radius: 14px; padding: 14px 16px; }
.go-dikkat-baslik { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.go-dikkat-baslik h3 { margin: 0; font-size: 15px; font-weight: 600; }
.go-cipler { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.go-cip { padding: 3px 10px; border-radius: 999px; border: 1px solid var(--go-cizgi); background: transparent; color: var(--go-ikincil); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.go-cip i { font-style: normal; opacity: .7; margin-left: 2px; }
.go-cip:hover { background: var(--go-hover); }
.go-cip--secili { background: var(--go-metin); color: var(--go-kart); border-color: transparent; }
.go-liste { list-style: none; margin: 0; padding: 0; }
.go-satir { display: flex; align-items: center; gap: 12px; padding: 10px 6px; border-top: 1px solid var(--go-cizgi); cursor: pointer; border-radius: 8px; }
.go-satir:first-child { border-top: 0; }
.go-satir:hover, .go-satir:focus-visible { background: var(--go-hover); outline: none; }
.go-nokta { width: 10px; height: 10px; border-radius: 50%; flex: none; background: var(--go-ikincil); }
.go-satir--bloke .go-nokta, .go-satir--aksaklik .go-nokta { background: var(--go-bloke); }
.go-satir--onay .go-nokta { background: var(--go-onay); }
.go-satir--belirsiz .go-nokta { background: var(--go-devam); }
.go-satir-govde { min-width: 0; flex: 1; }
.go-satir-ust { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.go-satir-ust span { color: var(--go-ikincil); font-size: 13px; }
.go-satir-alt { margin-top: 2px; font-size: 12px; color: var(--go-ikincil); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.go-git { font-size: 12px; color: var(--go-vurgu); font-weight: 600; white-space: nowrap; }
.go-daha { margin-top: 8px; height: 32px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--go-cizgi); background: transparent; color: var(--go-metin); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.go-daha:hover { background: var(--go-hover); }
.go-mesaj { padding: 14px 4px; color: var(--go-ikincil); }
.go-mesaj--iyi { color: var(--go-bitti); font-weight: 600; }
@media (max-width: 900px) { .go-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .go-git { display: none; } }
@media (max-width: 480px) { .go-kart-deger { font-size: 28px; } .go-cipler { margin-left: 0; } }