/* TikTok Yönetimi detay sayfası — Instagram sayfasının stilleri üzerine TikTok'a özgü farklar: koyu açılış, camgöbeği-pembe vurgu */
.tt-page{--ig-grad:linear-gradient(90deg,#25f4ee,#7f8cff 45%,#fe2c55)}
.tt-hero{background:#000;color:#f5f5f7}
.tt-hero>p{color:#a1a1a6}
.tt-hero .ig-hero__brand .sm-logo{border-radius:7px}
.tt-hero .ig-shot{box-shadow:0 0 0 1px #ffffff1a,0 50px 90px -40px #000}
.tt-hero .ig-shot--side{background:#111}
.tt-phone{position:relative;width:clamp(270px,30vw,400px);aspect-ratio:9/16;border-radius:46px 46px 0 0;background:#111;margin-bottom:-1px;height:clamp(500px,46vw,640px);aspect-ratio:auto}
.tt-phone__frame{position:absolute!important;inset:0;width:100%!important;height:100%!important}
.tt-phone::after{content:"";position:absolute;inset:0;background:linear-gradient(#0006,#0000 20%,#0000 55%,#000b);pointer-events:none}
.tt-phone__top{position:absolute;top:26px;left:0;right:0;z-index:1;display:flex;justify-content:center;gap:18px;color:#ffffffb3;font-size:15px}
.tt-phone__top b{color:#fff;box-shadow:0 8px 0 -6px #fff}
.tt-phone__rail{position:absolute;right:14px;bottom:70px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px}
.tt-phone__rail .sm-avatar{width:46px;height:46px;border:2px solid #fff}
.tt-phone__rail span{width:44px;height:44px;display:grid;place-items:center;color:#fff}
.tt-phone__rail svg{width:30px;height:30px}
.tt-phone__cap{position:absolute;left:18px;right:80px;bottom:40px;z-index:1;color:#fff;font-size:15px;line-height:1.4;text-align:left}
.tt-mini-profile{width:min(100%,360px);background:#121212;color:#fff;border-radius:22px 22px 0 0;overflow:hidden;align-self:flex-end;text-align:center;padding-top:22px}
.tt-mini-id{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 18px 16px}
.tt-mini-id .sm-avatar{width:72px;height:72px}
.tt-mini-id b{font-size:16px}
.tt-mini-id span{font-size:12px;color:#a1a1a6}
.tt-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.tt-mini-grid span{position:relative}
.tt-mini-grid .sm-media{aspect-ratio:3/4;height:auto}
.tt-mini-grid svg{position:absolute;left:6px;bottom:6px;width:14px;height:14px;fill:#fff;stroke:none}
.tt-formats span .sm-media{aspect-ratio:9/16!important}
.tt-comments{width:100%;background:#121212;color:#e5e5e5;border-radius:22px 22px 0 0;padding:22px 20px;display:flex;flex-direction:column;gap:14px;font-size:14px;line-height:1.4;text-align:left;min-height:250px}
.tt-comments b{display:block;color:#a1a1a6;font-size:12px;font-weight:500;margin-bottom:2px}
.tt-comments .is-reply{padding-left:16px;border-left:2px solid #fe2c55}
@media(max-width:700px){.tt-phone{width:min(320px,84vw);height:520px}}