/* Studio hesap sayfasi (/hesap). studio-hub.css'in ustune: giris ekrani,
   baglanti/anahtar/deneme kartlari, olay listesi. Renkler token'dan. */
.hs { padding-bottom: 72px; }
.hs-hata { margin: 16px 12px 0; padding: 12px 14px; border: 1px solid var(--ucuz-red); border-radius: var(--hub-r2); background: rgba(242,88,94,.1); color: var(--ucuz-metin); }
.hs-hata .bi { color: var(--ucuz-red); }
.hs-giris { display: grid; gap: 28px; padding: 40px 12px 8px; }
@media (min-width: 992px) { .hs-giris { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: start; padding-top: 56px; } }
.hs-btn-twitch { border-color: rgba(169,112,255,.6); }
.hs-btn-twitch .bi { color: #a970ff; }
.hs-btn-kick .bi { color: #53fc18; }
.hs-not { margin: 6px 0 0; font-size: .86rem; color: var(--ucuz-sonuk); }
.hs-not .bi { color: var(--ucuz-green); }
.hs-kartlar { display: grid; gap: 14px; }
.hs-kart { padding: 20px 22px; border: 1px solid var(--ucuz-border); border-radius: var(--hub-r); background: var(--ucuz-panel); min-width: 0; }
.hs-kart h2 { font-size: 1.02rem; font-weight: 700; margin: 0 0 12px; display: flex; align-items: center; gap: 8px; }
.hs-kart h2 .bi { color: var(--ucuz-gold); }
.hs-kart ul { margin: 0; padding-left: 18px; color: var(--ucuz-metin2); font-size: .92rem; line-height: 1.6; }
.hs-kucuk { font-size: .82rem; line-height: 1.5; color: var(--ucuz-sonuk); margin: 10px 0 0; }
.hs-bas { padding: 32px 12px 8px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.hs-h1 { font-family: var(--yt-baslik); font-weight: 800; font-size: clamp(1.6rem, 3vw, 2.2rem); letter-spacing: -.02em; margin: 0; }
.hs-kimlik { display: flex; align-items: center; gap: 12px; }
.hs-kimlik b { font-size: 1.02rem; }
.hs-avatar { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--ucuz-border-guc); object-fit: cover; }
.hs-mini { padding: 8px 14px; font-size: .86rem; }
.hs-izgara { display: grid; gap: 14px; padding: 16px 12px 0; }
@media (min-width: 992px) { .hs-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.hs-bag { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--ucuz-border); }
.hs-bag:first-of-type { border-top: 0; }
.hs-bag-ad { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; min-width: 90px; }
.hs-bag-ad .is-twitch { color: #a970ff; } .hs-bag-ad .is-kick { color: #53fc18; }
.hs-bag-kim { flex: 1; color: var(--ucuz-metin2); font-family: var(--yt-sayi); font-size: .9rem; }
.hs-bag-kim.is-yok { color: var(--ucuz-sonuk); font-family: var(--yt-metin); }
.hs-alt-bas { margin: 18px 0 8px; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ucuz-sonuk); display: flex; align-items: center; gap: 8px; }
.hs-abone { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 6px; font-size: .78rem; }
.hs-abone li { display: flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 8px; background: var(--ucuz-yukselti); color: var(--ucuz-metin2); font-family: var(--yt-sayi); min-width: 0; overflow-wrap: anywhere; }
.hs-abone li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ucuz-pasif); flex: 0 0 auto; }
.hs-abone li.is-ok::before { background: var(--ucuz-green); }
.hs-abone li.is-hata::before { background: var(--ucuz-red); }
.hs-anahtar { font-family: var(--yt-sayi); font-size: .82rem; }
.hs-ornek code { display: block; margin-top: 4px; padding: 8px 10px; border-radius: 8px; background: var(--ucuz-dark); color: var(--ucuz-metin2); font-size: .74rem; word-break: break-all; }
.hs-deneme { display: flex; flex-wrap: wrap; gap: 8px; }
.hs-canli { width: 8px; height: 8px; border-radius: 50%; background: var(--ucuz-pasif); }
.hs-canli.is-on { background: var(--ucuz-green); box-shadow: 0 0 0 3px rgba(58,208,125,.2); }
.hs-olaylar { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; max-height: 340px; overflow: auto; scrollbar-width: thin; }
.hs-olaylar li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; padding: 8px 10px; border-radius: 8px; background: var(--ucuz-yukselti); font-size: .86rem; min-width: 0; overflow-wrap: anywhere; }
.hs-olaylar li > span:nth-child(2) { flex: 1 1 140px; min-width: 0; }
.hs-olaylar .hs-tip { flex: 0 0 auto; padding: 1px 8px; border-radius: 999px; background: var(--ucuz-gold-zayif); color: var(--ucuz-gold); font-family: var(--yt-sayi); font-size: .72rem; font-weight: 700; }
.hs-olaylar .hs-zaman { margin-left: auto; flex: 0 0 auto; font-family: var(--yt-sayi); font-size: .72rem; color: var(--ucuz-sonuk); }
.hs-olaylar .hs-plat { flex: 0 0 auto; font-size: .7rem; color: var(--ucuz-sonuk); }
.hs-tehlike { border-color: rgba(242,88,94,.35); }
.hs-tehlike h2 .bi { color: var(--ucuz-red); }
.hs-sil { border-color: var(--ucuz-red); color: var(--ucuz-red); }
.hs-sil:hover { background: var(--ucuz-red); color: #fff; }
@media (max-width: 480px) { .hs-mini { min-height: 44px; } .wg-link-row { flex-wrap: wrap; } }
.hs-abone li.hs-kucuk { grid-column: 1 / -1; background: none; padding: 0; margin: 0; font-family: var(--yt-metin); }
.hs-abone li.hs-kucuk::before { display: none; }
.hs-puan { grid-column: 1 / -1; }
.hs-puan-form { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; align-items: end; }
.hs-puan-form label { display: grid; gap: 4px; font-size: .78rem; color: var(--ucuz-sonuk); }
.hs-puan-form input { width: 100%; padding: 8px 10px; border: 1px solid var(--ucuz-border); border-radius: 8px; background: var(--ucuz-dark); color: var(--ucuz-metin); font-family: var(--yt-sayi); }
.hs-puan-dugmeler { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.hs-liderlik { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 6px; }
.hs-liderlik li { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 8px; background: var(--ucuz-yukselti); font-size: .86rem; }
.hs-liderlik .hs-sira { width: 1.8em; font-family: var(--yt-sayi); color: var(--ucuz-gold); font-weight: 700; }
.hs-liderlik .hs-kim { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hs-liderlik .hs-p { font-family: var(--yt-sayi); font-weight: 600; }
.hs-bagis { grid-column: 1 / -1; }
.hs-onay { grid-column: 1 / -1; display: flex !important; align-items: center; gap: 8px; font-size: .9rem !important; color: var(--ucuz-metin) !important; }
.hs-onay input { width: 18px; height: 18px; accent-color: var(--ucuz-gold); }
.hs-puan-form .is-genis { grid-column: span 2; }
.hs-bagis-link { margin-top: 12px; }