/* SocialPulsar · TikTok Canlı Chat — YouTube Canlı Chat'in cam düzenini (yc-*) paylaşır; burada yalnızca pencere ve TikTok'a özgü parçalar.
   Vurgu: canlı durumu TikTok kırmızısı, hediye/elmas altın, takip/paylaşım camgöbeği. */
.ttchat-window[hidden],.ai-workspace:not([data-view="ttchat"]) #ttchatWindow{display:none!important}
.dt-pc .dt-body>.ttchat-window,.dt-mb .dt-body>.ttchat-window{display:flex!important}
.ttchat-window{position:relative;z-index:1;flex:1;min-width:0;height:calc(100dvh - 40px);margin:20px 20px 20px 14px;display:flex;flex-direction:column;overflow:hidden;container-type:inline-size;
  border-radius:var(--radius-window,28px);background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);
  color:var(--on-glass,#fff);font:14px/1.45 var(--sp-font,InterSP,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif);
  --yc-live:#fe2c55;--yc-gold:#ffc24a;--yc-mem:#25f4ee;--yc-mod:#7cb3ff;--yc-own:#ffd36b;--yc-sel:#7cc4ff;--yc-bar:rgba(255,255,255,.62);--yc-line:rgba(255,255,255,.13);--yc-line2:rgba(255,255,255,.07);
  --yc-hover:rgba(255,255,255,.07);--yc-sheet:rgba(40,44,52,.82);--yc-err:#ff8fa3;--yc-warn:#ffcc66;--yc-ok:#5ee0a0;--yc-dim:.66;--tc-soc:#25f4ee}
html[data-theme="light"] .ttchat-window{--yc-live:#e8173f;--yc-gold:#b97800;--yc-mem:#0a8f8a;--yc-mod:#1e66d0;--yc-own:#a67300;--yc-sel:#0a84ff;--yc-bar:rgba(20,24,34,.55);--yc-line:rgba(0,0,0,.09);--yc-line2:rgba(0,0,0,.05);
  --yc-hover:rgba(0,0,0,.04);--yc-sheet:rgba(255,255,255,.92);--yc-err:#d6294d;--yc-warn:#a86f00;--yc-ok:#12a36a;--yc-dim:.6;--tc-soc:#0a8f8a}
html[data-theme="dark"] .ttchat-window{--yc-line:rgba(255,255,255,.09);--yc-line2:rgba(255,255,255,.05);--yc-hover:rgba(255,255,255,.05);--yc-sheet:rgba(30,30,34,.9)}
.ttchat-window :where(button,select,input,textarea){font:inherit;color:inherit}
.ttchat-window footer,.ttchat-window header{position:static;left:auto;right:auto;top:auto;bottom:auto;margin:0;font:inherit;letter-spacing:normal;color:inherit;text-transform:none}
.ttchat-window a{color:inherit}
.ttchat-window ::-webkit-scrollbar{width:10px;height:10px}
.ttchat-window ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--on-glass,#fff) 26%,transparent);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
.ttchat-window :focus-visible{outline:2px solid var(--yc-sel);outline-offset:2px}

/* hesap listesi: yuvarlak profil fotoğrafı */
.ttchat-window .tc-item{grid-template-columns:48px minmax(0,1fr);align-items:center}
.tc-avwrap{position:relative;display:block;width:48px;height:48px}
.tc-av{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden;flex:none;
  background:linear-gradient(140deg,color-mix(in srgb,var(--tc-soc) 45%,transparent),color-mix(in srgb,var(--yc-live) 45%,transparent));box-shadow:inset 0 0 0 1px var(--yc-line)}
.tc-av b{font:800 19px/1 SPCond,var(--sp-head,Jost,sans-serif);color:#fff}
.tc-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tc-av.lg{width:56px;height:56px;margin-top:2px}
.tc-av.lg b{font-size:23px}
.tc-avwrap .yc-livetag{left:50%;bottom:-4px;transform:translateX(-50%)}
.tc-rep-i{display:inline-flex;opacity:.7}
.tc-rep-i .yc-i{width:14px;height:14px}
.tc-rep{margin:-2px 2px 0}
.tc-add .yc-btn{white-space:nowrap}

/* süper admin: imza servisi */
.tc-foot{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:10px}
.tc-foot>.yc-note{margin:0;font-size:12.5px}
.tc-sign{border-top:1px solid var(--yc-line2);padding-top:8px}
.tc-sign>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:13px;font-weight:500;padding:4px 2px}
.tc-sign>summary::-webkit-details-marker{display:none}
.tc-sign>summary .yc-pill{margin-left:auto}
.tc-sign .yc-hint{margin:6px 2px 8px}
.tc-keyf{display:flex;gap:6px;align-items:center;padding:4px;border-radius:999px;background:var(--glass-inner);border:1px solid var(--glass-inner-border)}
.tc-keyf .yc-add-in{height:30px}

/* başlık ve durum: dar pencerede düğmeler başlığın altına iner */
.ttchat-window .yc-head{flex-wrap:wrap;row-gap:10px}
.ttchat-window .yc-title{flex:1 1 280px}
.ttchat-window .yc-actions{margin-left:auto}
.ttchat-window .yc-btn.on{border-color:color-mix(in srgb,var(--tc-soc) 60%,transparent);background:color-mix(in srgb,var(--tc-soc) 16%,transparent);color:inherit}
.ttchat-window .yc-btn.on .yc-i{color:var(--tc-soc)}
.tc-counts{flex-wrap:wrap;row-gap:6px}
.tc-counts>span{display:inline-flex;align-items:baseline;gap:4px}
.tc-counts .yc-i{width:15px;height:15px;align-self:center;opacity:.75}
.tc-counts .tc-now b{color:var(--yc-live)}
.tc-art i:nth-child(n+9):nth-child(-n+18){background:var(--tc-soc)!important}
.tc-art i:nth-child(n+19){background:var(--yc-live);opacity:.6}

/* sohbet satırları */
.tc-gift{border-color:color-mix(in srgb,var(--yc-gold) 40%,transparent)}
.tc-gift .yc-amt{font-size:15px}
.tc-dia{display:inline-flex;align-items:center;gap:3px;color:var(--yc-gold);font-variant-numeric:tabular-nums;font-weight:600}
.tc-dia .yc-i{width:14px;height:14px}
.yc-msg.tc-soc{display:flex;align-items:center;gap:7px;padding-top:2px;padding-bottom:2px;font-size:12.5px}
.yc-msg.tc-soc>.yc-t{width:62px;flex:none}
.yc-msg.tc-soc>.yc-i{width:15px;height:15px;color:var(--tc-soc)}
.yc-msg.tc-soc .yc-who{font-size:12.5px}
.tc-act{opacity:var(--yc-dim)}
.tc-un{margin-left:6px;font-size:11.5px;opacity:.55;font-weight:400}

/* istatistik, hediyeler */
.tc-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.yc-moneycard.tc-gold{border-color:color-mix(in srgb,var(--yc-gold) 55%,transparent);background:color-mix(in srgb,var(--yc-gold) 8%,transparent)}
.ttchat-window .yc-moneycard:not(.tc-gold):not(.mem):not(.muted){border-color:var(--yc-line)}
.ttchat-window .yc-moneycard:not(.tc-gold):not(.mem):not(.muted) b{color:inherit}
.ttchat-window .yc-moneycard.mem{border-color:color-mix(in srgb,var(--tc-soc) 35%,transparent)}
.ttchat-window .yc-moneycard.mem b{color:var(--tc-soc)}
.tc-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.tc-type{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:baseline;padding:10px 12px;border-radius:14px;border:1px solid var(--yc-line2)}
.tc-type>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.tc-type>span:not(.tc-dia){font-variant-numeric:tabular-nums;opacity:.85}
.tc-type>small{grid-column:1/-1}
.tc-type>.tc-dia{grid-column:1}

@container (max-width:1050px){
  .tc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ttchat-window .tc-item{grid-template-columns:40px minmax(0,1fr)}
  .tc-avwrap,.tc-avwrap .tc-av{width:40px;height:40px}
}
@container (max-width:760px){
  .ttchat-window.show-main .yc-rail{display:none}
  .ttchat-window:not(.show-main) .yc-main{display:none}
  .ttchat-window .tc-item{grid-template-columns:48px minmax(0,1fr)}
  .tc-avwrap,.tc-avwrap .tc-av{width:48px;height:48px}
  .tc-av.lg{width:42px;height:42px}
  .tc-av.lg b{font-size:18px}
  .ttchat-window .yc-title{flex-basis:calc(100% - 104px)}
  .tc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yc-msg.tc-soc>.yc-t{width:44px}
  .tc-foot{margin-top:12px}
}