/* /twitch-botu: chat botu tanitim sayfasi */
.tb-hero {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 28px;
  align-items: center;
  margin: 4px 0 26px;
}
@media (max-width: 991px) { .tb-hero { grid-template-columns: 1fr; } }
.tb-etiket {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 999px;
  background: rgba(145, 70, 255, .14); color: #c9a6ff;
  font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}
.tb-hero h1 { margin: 12px 0 10px; font-size: 2rem; font-weight: 800; letter-spacing: -.01em; }
.tb-hero .sayfa-ozet code { color: #c9a6ff; background: rgba(145, 70, 255, .12); padding: 1px 6px; border-radius: 6px; }
.tb-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 18px; }
.tb-buton {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 22px; border-radius: 12px;
  background: #9146ff; color: #fff; font-weight: 700; font-size: .98rem; text-decoration: none;
  box-shadow: 0 8px 24px rgba(145, 70, 255, .3);
  transition: background .15s, transform .15s;
}
.tb-buton:hover { background: #a970ff; color: #fff; transform: translateY(-1px); }
.tb-buton[aria-disabled="true"] { opacity: .5; pointer-events: none; }
.tb-durum { display: inline-flex; align-items: center; gap: 7px; font-size: .8rem; color: var(--ucuz-sonuk); }
.tb-led { width: 8px; height: 8px; border-radius: 50%; background: var(--ucuz-sonuk2); }
.tb-durum.acik .tb-led { background: var(--ucuz-green); box-shadow: 0 0 0 4px rgba(46, 204, 113, .18); }
.tb-durum.kapali .tb-led { background: var(--ucuz-red); }
.tb-kucuk { margin: 14px 0 0; font-size: .74rem; line-height: 1.55; color: var(--ucuz-sonuk); }

/* ornek sohbet kutusu */
.tb-sohbet {
  border: 1px solid var(--ucuz-border);
  border-radius: 14px;
  background: var(--ucuz-dark);
  overflow: hidden;
  font-size: .84rem;
}
.tb-sohbet-bas {
  display: flex; align-items: center; gap: 7px;
  padding: 9px 14px; border-bottom: 1px solid var(--ucuz-border);
  font-size: .72rem; font-weight: 600; color: var(--ucuz-sonuk); letter-spacing: .02em;
}
.tb-nokta { width: 7px; height: 7px; border-radius: 50%; background: #eb0400; box-shadow: 0 0 0 3px rgba(235, 4, 0, .2); }
.tb-satir { display: flex; gap: 8px; padding: 8px 14px; line-height: 1.5; word-break: break-word; }
.tb-satir + .tb-satir { border-top: 1px solid rgba(255, 255, 255, .035); }
.tb-kim { flex: 0 0 auto; font-weight: 700; }
.tb-izleyici { color: #5cb2ff; }
.tb-bot { background: rgba(145, 70, 255, .07); }
.tb-bot .tb-kim { color: #c9a6ff; }
.tb-metin { color: var(--ucuz-metin2); }
.tb-bot .tb-metin { color: var(--ucuz-metin); }

/* komutlar */
.tb-komutlar { display: grid; gap: 10px; }
.tb-komut { display: grid; grid-template-columns: 170px 1fr; gap: 12px; align-items: start; }
.tb-komut > code {
  justify-self: start; font-size: .84rem; color: #c9a6ff;
  background: var(--ucuz-dark); border: 1px solid var(--ucuz-border); padding: 4px 10px; border-radius: 8px; white-space: nowrap;
}
.tb-komut > div { display: flex; flex-direction: column; gap: 2px; }
.tb-komut b { font-size: .88rem; color: var(--ucuz-metin); }
.tb-komut span { font-size: .78rem; line-height: 1.5; color: var(--ucuz-sonuk); }
.tb-komut span code { color: var(--ucuz-metin2); }
@media (max-width: 560px) { .tb-komut { grid-template-columns: 1fr; gap: 4px; } }
.tb-not { margin: 16px 0 0; font-size: .74rem; line-height: 1.55; color: var(--ucuz-sonuk); }

/* kurulum */
.tb-adim { margin: 0; padding-left: 1.25rem; font-size: .88rem; color: var(--ucuz-metin2); display: flex; flex-direction: column; gap: 8px; }
.tb-adim li::marker { color: #a970ff; font-weight: 700; }
.tb-adim b { color: var(--ucuz-metin); }
.tb-alternatif { margin-top: 16px; padding-top: 12px; border-top: 1px dashed var(--ucuz-border); }
.tb-alternatif summary { cursor: pointer; font-size: .8rem; color: var(--ucuz-sonuk); }
.tb-alternatif summary:hover { color: var(--ucuz-metin2); }
.tb-alternatif p { margin: 10px 0 8px; font-size: .82rem; color: var(--ucuz-metin2); line-height: 1.5; }
.tb-alternatif code { color: #c9a6ff; }
.tb-katil { display: flex; gap: 8px; }
.tb-katil .form-control { font-size: .86rem; padding: 8px 12px; }
.tb-katil .tool-btn { flex: 0 0 auto; white-space: nowrap; padding: 8px 14px; font-size: .82rem; }
.tb-sonuc { display: block; margin-top: 6px; font-size: .74rem; min-height: 1em; color: var(--ucuz-sonuk); }
.tb-sonuc.iyi { color: var(--ucuz-green); }
.tb-sonuc.hata { color: var(--ucuz-red); }
.tb-kanallar { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--ucuz-border); }
.tb-kanallar-bas { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ucuz-sonuk); margin-bottom: 8px; }
.tb-kanallar a {
  display: inline-block; margin: 0 6px 6px 0; padding: 3px 10px; border-radius: 999px;
  background: var(--ucuz-dark); border: 1px solid var(--ucuz-border); color: var(--ucuz-metin2); font-size: .76rem; text-decoration: none;
}
.tb-kanallar a:hover { border-color: #a970ff; color: #c9a6ff; }

.tb-liste { margin: 0; padding-left: 1.1rem; font-size: .84rem; line-height: 1.6; color: var(--ucuz-metin2); display: flex; flex-direction: column; gap: 6px; }
.tb-liste a { color: var(--ucuz-gold); }