/* Yayin Denetimi + Katilim Panosu + tracker sayfasindaki katilim blogu.
   Studio paletinde (menekse belirtecler studio.css'ten); burada yalniz bu
   uc sayfaya ozel parcalar. */
.kt-form{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:end}
@media (max-width:767px){.kt-form{grid-template-columns:1fr 1fr}.kt-form .kt-kanal{grid-column:1/-1}}
.kt-platform{display:flex;gap:6px}
.kt-platform .tool-btn{padding:8px 12px}
.kt-platform .is-on{outline:2px solid var(--stu-vurgu,#a78bfa)}
.kt-durum{font-size:.85rem;color:var(--text-muted,#9aa3b2);min-height:1.4em}
.kt-durum.is-canli{color:#4ade80}
.kt-durum.is-hata{color:#f87171}

.kt-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}
.kt-kart{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}
.kt-kart .kt-et{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#9aa3b2)}
.kt-kart .kt-dg{display:block;font-size:1.5rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.kt-kart .kt-alt{display:block;font-size:.75rem;color:var(--text-muted,#9aa3b2)}
.kt-kart.is-ana{grid-column:span 2;border-color:rgba(167,139,250,.45);background:linear-gradient(135deg,rgba(167,139,250,.14),rgba(255,255,255,.03))}
.kt-kart.is-ana .kt-dg{font-size:2.4rem}
@media (max-width:575px){.kt-kart.is-ana{grid-column:1/-1}}

.kt-kademe{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.kt-kademe.dusuk{background:rgba(248,113,113,.18);color:#fca5a5;border:1px solid rgba(248,113,113,.4)}
.kt-kademe.orta{background:rgba(251,191,36,.16);color:#fcd34d;border:1px solid rgba(251,191,36,.4)}
.kt-kademe.yuksek{background:rgba(74,222,128,.16);color:#86efac;border:1px solid rgba(74,222,128,.4)}
.kt-kademe.yok{background:rgba(255,255,255,.06);color:var(--text-muted,#9aa3b2);border:1px solid rgba(255,255,255,.12)}

.kt-grafik{width:100%;height:220px;display:block;margin-top:14px;border-radius:10px;background:rgba(0,0,0,.25)}
.kt-govde{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}
@media (max-width:991px){.kt-govde{grid-template-columns:1fr}}
.kt-sohbet{height:320px;overflow:auto;background:rgba(0,0,0,.28);border-radius:10px;padding:8px 10px;font-size:.85rem;line-height:1.35}
.kt-sohbet .s{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04);word-break:break-word}
.kt-sohbet .s b{color:#c4b5fd;margin-right:.35em}
.kt-sohbet .s .z{color:var(--text-muted,#9aa3b2);font-size:.72rem;margin-right:.4em;font-variant-numeric:tabular-nums}
.kt-liste{margin:0;padding:0;list-style:none}
.kt-liste li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem}
.kt-liste li span:last-child{font-variant-numeric:tabular-nums;color:var(--text-muted,#9aa3b2)}
.kt-okuma{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border-left:3px solid rgba(167,139,250,.6)}
.kt-okuma p{margin:0 0 .4rem}
.kt-okuma p:last-child{margin:0}
.kt-mini{font-size:.8rem;color:var(--text-muted,#9aa3b2)}

/* pano tablosu */
.kt-tablo td{white-space:nowrap}
.kt-tablo thead th,.tool-page .kt-tablo thead th.num{white-space:normal;vertical-align:bottom;line-height:1.2}
.kt-tablo .ad a{color:inherit;text-decoration:none;font-weight:600}
.kt-tablo .ad a:hover{text-decoration:underline}
.kt-tablo .pl{display:inline-block;width:18px;height:18px;border-radius:5px;vertical-align:-4px;margin-right:6px;font-size:.65rem;font-weight:800;text-align:center;line-height:18px}
.kt-tablo .pl.twitch{background:#9146ff;color:#fff}
.kt-tablo .pl.kick{background:#53fc18;color:#111}
.kt-bar{display:inline-block;height:8px;border-radius:4px;background:linear-gradient(90deg,#a78bfa,#c4b5fd);vertical-align:middle;margin-right:6px;min-width:2px}
/* Suzgec cubugu. Cip siniflari rise.css'tekiyle ayni adda ama bu sayfalar
   rise.css'i yuklemiyor; stil burada, Studio paleti (--ucuz-gold menekse). */
.kt-suz{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:12px 0 10px}
.kt-suz .re-suz{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.kt-suz .re-cip{
  padding:5px 12px;border:1px solid var(--ucuz-border);border-radius:var(--r-tam,999px);
  background:rgba(255,255,255,.03);color:var(--ucuz-sonuk);
  font:inherit;font-size:.78rem;line-height:1.3;cursor:pointer;
  transition:background .12s,border-color .12s,color .12s}
.kt-suz .re-cip:hover{color:var(--ucuz-metin);border-color:var(--ucuz-border-guc)}
.kt-suz .re-cip.is-on{background:var(--ucuz-gold-zayif);border-color:var(--ucuz-gold-cizgi);color:var(--ucuz-gold);font-weight:600}
.kt-suz .re-cip:focus-visible{outline:2px solid var(--ucuz-gold-cizgi);outline-offset:1px}
.kt-suz .re-ara{flex:1 1 180px;max-width:240px;font-size:.85rem;padding:5px 10px;
  background:rgba(255,255,255,.03);border-color:var(--ucuz-border);color:var(--ucuz-metin)}
.kt-suz .re-ara:focus{border-color:var(--ucuz-gold-cizgi);box-shadow:0 0 0 3px var(--ucuz-gold-zayif);background:rgba(255,255,255,.04)}
.kt-suz label.kt-mini{cursor:pointer;user-select:none}
.kt-suz label.kt-mini input{accent-color:var(--ucuz-gold);width:15px;height:15px;margin:0;cursor:pointer}
.re-bos{padding:16px 4px;font-size:.84rem;color:var(--ucuz-sonuk2)}
.kt-tablo th[data-sirala]{cursor:pointer;user-select:none}
.kt-tablo th[data-sirala]:hover{color:var(--ucuz-metin)}
.kt-tablo th.is-sirali{color:var(--ucuz-gold)}
.kt-tablo th.is-sirali::after{content:' ▲';font-size:.6em}
.kt-tablo th.is-sirali.is-ters::after{content:' ▼'}
.kt-canli{display:inline-block;margin-left:6px;padding:1px 8px 1px 6px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  color:#fca5a5;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);vertical-align:1px}
.kt-canli::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ef4444;margin-right:5px;vertical-align:1px;box-shadow:0 0 6px #ef4444}
.kt-spark{width:120px;height:26px;vertical-align:middle}

/* tracker sayfasi blogu */
.kt-gunler{display:flex;gap:6px;align-items:flex-end;height:60px;margin-top:8px}
.kt-gunler .g{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:.65rem;color:var(--text-muted,#9aa3b2)}
.kt-gunler .g i{display:block;width:100%;border-radius:4px 4px 0 0;background:rgba(167,139,250,.6)}