/* İlanlar · Kadrolar · Kurumlar üst sayı kartları = görünüm sekmeleri (26 Eki 2026; şablon partials/gorunum_secici.html).
   Seçili: marka yeşili zemin, beyaz yazı, yuvarlak içinde tik. Seçili değil: yüzey zemin, ince çerçeve, yuvarlak içinde ok.
   Yükseklik sabit (sayı uzunluğundan bağımsız; HTMX tazelemesinde kayma yok). Renkler yalnız app.css :root token'larından. */
.gorunum-secici{display:block;margin-bottom:var(--b3)}
.gk-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b2)}
.gk-kart{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:84px;padding:var(--b2) 56px var(--b2) var(--b3);
  background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r-kart);box-shadow:var(--golge);color:var(--metin);
  text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
.gk-kart:hover{transform:translateY(-2px);box-shadow:var(--golge-kart-hover);border-color:var(--kenar-hover);color:var(--metin);text-decoration:none}
.gk-kart:focus-visible{outline:2px solid var(--aksan);outline-offset:3px}
.gk-ust{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.gk-sayi{font-size:26px;line-height:1.1;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.gk-ad{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.gk-alt{font-size:13px;line-height:1.35;color:var(--ikincil);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gk-im{position:absolute;right:var(--b2);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;background:var(--aksan-cok);border:1px solid var(--aksan-kenar);color:var(--aksan)}
.gk-kart.on{background:var(--aksan);border-color:var(--aksan);color:var(--beyaz);box-shadow:var(--golge-ana)}
.gk-kart.on:hover{background:var(--aksan-koyu);border-color:var(--aksan-koyu);color:var(--beyaz)}
.gk-kart.on .gk-alt{color:var(--aksan-zemin)}
.gk-kart.on .gk-im{background:var(--beyaz);border-color:var(--beyaz);color:var(--aksan)}
/* Orta genişlik: açıklama iki satıra sığar (kesilmez); satırdaki kartlar eşit boy. */
@media (min-width:641px) and (max-width:1000px){.gk-alt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
/* Dar ekran: üç kart tek satırda kompakt — sayı üstte, kısa ad altta, açıklama gizli; simge köşede küçük. Dokunma alanı ≥ 44 px. */
@media (max-width:640px){
  .gk-liste{gap:var(--b1)}
  .gk-kart{min-height:68px;padding:10px 10px 10px 12px;gap:2px}
  .gk-ust{flex-direction:column;align-items:flex-start;gap:0}
  .gk-sayi{font-size:20px}
  .gk-ad{font-size:12.5px;max-width:100%}
  .gk-alt{display:none}
  .gk-im{top:8px;right:8px;transform:none;width:20px;height:20px}
  .gk-im svg{width:11px;height:11px}
}
@media (prefers-reduced-motion:reduce){.gk-kart{transition:none}.gk-kart:hover{transform:none}}