/* =====================================================================
   LikedWin — Tumblr sahnesi (lws--tumblr, tmb-*)
   Kabuk: organik-hit ohs-* + sahne-motor lws-* (önce yüklenir). Burada
   yalnız Tumblr'a özel görünümler: lacivert pano (sol menü, akış, sağ
   sütun), gönderi kartı, blog, anket, topluluk, düzenleyici, Etkinlik.
   Tumblr arayüzü temadan bağımsız sabit renklerle (lacivert zemin, beyaz
   kart) çizilir — platformun kendi görünümü. Gradyan YOK.
   ===================================================================== */

.lws--tumblr {
    --lws-brand: #001935;
    --lws-brand-ink: #fff;
    --lws-brand-soft: rgba(0, 184, 255, .14);
    --tmb-navy: #001935;
    --tmb-blue: #00b8ff;
    --tmb-green: #00cf35;
    --tmb-red: #ff4930;
    --tmb-ink: #121212;
    --tmb-muted: rgba(0, 0, 0, .56);
    --tmb-line: rgba(0, 0, 0, .13);
    --tmb-wmuted: rgba(255, 255, 255, .62);
}
/* Koyu temada lacivert marka zeminde kaybolmasın */
:root[data-theme="dark"] .lws--tumblr { --lws-brand: #00b8ff; --lws-brand-ink: #001935; }
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) .lws--tumblr { --lws-brand: #00b8ff; --lws-brand-ink: #001935; }
}

/* ---------- Eylem görünümü: üst satır + pano ---------- */
.tmb-v { display: flex; flex-direction: column; gap: 12px; }
.tmb-top { justify-content: space-between; }

.tmb-dash {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 196px;
    grid-template-rows: minmax(0, 1fr);
    border-radius: 14px;
    background: var(--tmb-navy);
    color: #fff;
    overflow: hidden;
}
.tmb-dash.is-wide { grid-template-columns: 52px minmax(0, 1fr); }

.tmb-rail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 17px;
    padding: 12px 0;
    border-right: 1px solid rgba(255, 255, 255, .08);
}
.tmb-rail > i { font-size: 15px; color: rgba(255, 255, 255, .55); }
.tmb-rail > i.is-on { color: #fff; }
.tmb-logo { display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; font-size: 22px; color: #fff; }
.tmb-mbar { display: none; }

.tmb-feed {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 0;
    padding: 14px 16px;
    overflow: hidden;
}
.tmb-feed > * { flex: 0 0 auto; width: 100%; max-width: 400px; }
/* Akışta sıradaki gönderi: alttan görünür, pano kenarında kırpılır */
.tmb-ghost { opacity: .92; }
.tmb-ghost__m { display: grid; place-items: center; height: 120px; background: #f7d9c4; font-size: 34px; color: #e76f51; }

.tmb-side { display: flex; flex-direction: column; gap: 11px; min-width: 0; padding: 16px 14px 0 2px; }
.tmb-side__h { font-size: 13px; font-weight: 800; color: #fff; }
.tmb-side__row { display: flex; align-items: center; gap: 9px; min-width: 0; }
.tmb-side__row > span:not(.tmb-ava) { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }
.tmb-side__row b { font-size: 12px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-side__row small { font-size: 11px; color: var(--tmb-wmuted); }
.tmb-side__row em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--tmb-blue); white-space: nowrap; }
.tmb-side__more { font-size: 11.5px; font-weight: 600; color: var(--tmb-blue); }

.tmb-ava {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 32px; height: 32px;
    border-radius: 4px;
    color: #fff;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .02em;
}

/* ---------- Gönderi kartı ---------- */
.tmb-post {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: #fff;
    color: var(--tmb-ink);
}
.tmb-post__h { display: flex; align-items: center; gap: 10px; padding: 10px 14px; }
.tmb-post__who { display: flex; align-items: baseline; gap: 8px; min-width: 0; margin-right: auto; }
.tmb-post__who b { font-size: 13.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-post__who em { font-style: normal; font-size: 13px; font-weight: 700; color: var(--tmb-blue); white-space: nowrap; }
.tmb-post__who small { font-size: 12px; color: var(--tmb-muted); }
.tmb-post__more { font-size: 16px; color: var(--tmb-muted); }
.tmb-media { display: flex; height: 128px; }
.tmb-media i { flex: 1 1 0; }
.tmb-post__b { padding: 10px 14px 2px; }
.tmb-post__b p { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--tmb-ink); }
.tmb-post__b h4 { margin: 0 0 4px; font-size: 18px; font-weight: 800; line-height: 1.25; color: var(--tmb-ink); }
.tmb-tags { display: block; margin-top: 6px; font-size: 12.5px; color: var(--tmb-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-post__f { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px 12px; }
.tmb-notes {
    padding: 4px 12px;
    border: 1px solid rgba(0, 0, 0, .22);
    border-radius: 18px;
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--tmb-ink);
}
.tmb-notes b { font-weight: 800; font-variant-numeric: tabular-nums; }
.tmb-icons { display: flex; align-items: center; gap: 18px; }
.tmb-icons i { font-size: 17px; color: rgba(0, 0, 0, .6); transition: color .2s ease; }
.tmb-icons i.is-on { color: var(--tmb-blue); }
.tmb-icons .tmb-rb.is-on { color: var(--tmb-green); }
.tmb-icons .tmb-like.is-on { color: var(--tmb-red); font-weight: 900; }
.tmb-icons i.is-pop, .tmb-pf.is-pop, .tmb-ed__paste.is-pop, .tmb-ed__link.is-pop { animation: lws-pop .45s cubic-bezier(.2, .9, .3, 1.4); }
.tmb-plus { right: 20px; bottom: 44px; color: var(--tmb-blue); }
.tmb-plus--blog { right: auto; left: calc(50% + 48px); top: 196px; bottom: auto; }
.tmb-plus--com { right: 30px; top: 70px; bottom: auto; }

/* Açılır menüler (reblog / •••) */
.tmb-pop {
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    padding: 6px;
    border-radius: 8px;
    background: #fff;
    color: var(--tmb-ink);
    box-shadow: 0 10px 28px rgba(0, 10, 25, .38), 0 0 0 1px rgba(0, 0, 0, .06);
    font-size: 12.5px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(6px) scale(.97);
    transform-origin: right bottom;
    transition: opacity .2s ease, transform .25s cubic-bezier(.2, .9, .3, 1.2);
    pointer-events: none;
}
.tmb-pop.is-on { opacity: 1; transform: none; }
.tmb-pop span { display: flex; align-items: center; gap: 9px; padding: 7px 11px; border-radius: 6px; white-space: nowrap; transition: background .15s ease; }
.tmb-pop span i { width: 15px; text-align: center; color: var(--tmb-muted); }
.tmb-pop .is-hot i { color: var(--tmb-navy); }
.tmb-pop .is-hover { background: #e3f6ff; }
.tmb-pop--rb { right: 12px; bottom: 50px; }
.tmb-pop--rb .is-hot i { color: var(--tmb-green); }
.tmb-pop--menu { right: 10px; top: 46px; transform-origin: right top; }
.tmb-pf {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 3px 9px;
    border-radius: 12px;
    background: #e3f6ff;
    color: #007bb0;
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s ease;
}
.tmb-pf.is-on { opacity: 1; }

/* ---------- Blog sayfası ---------- */
.tmb-blog {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    color: var(--tmb-ink);
    text-align: center;
    overflow: hidden;
}
.tmb-blog__ban { align-self: stretch; height: 78px; }
.tmb-blog__sw { display: flex; height: 100%; }
.tmb-blog__sw i { flex: 1 1 0; }
.tmb-blog__ava { width: 60px; height: 60px; margin-top: -30px; border: 3px solid #fff; border-radius: 8px; font-size: 18px; }
.tmb-blog__t { margin-top: 6px; font-size: 17px; font-weight: 800; }
.tmb-blog__u { font-size: 12.5px; color: var(--tmb-muted); }
.tmb-blog__d { margin: 6px 18px 0; font-size: 12.5px; line-height: 1.45; color: #3b3b3b; }
.tmb-blog__btns { display: flex; gap: 8px; margin-top: 10px; }
.tmb-fbtn {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    height: 34px;
    padding: 0 16px;
    border-radius: 18px;
    background: var(--tmb-blue);
    color: var(--tmb-navy);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease, transform .15s ease;
}
.tmb-fbtn.is-press { transform: scale(.93); }
.tmb-fbtn.is-on { background: #fff; color: var(--tmb-ink); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25); }
.tmb-fbtn.is-on i::before { content: "\f00c"; }
.tmb-cbtn { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); font-size: 13px; color: #333; }
.tmb-blog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; align-self: stretch; padding: 12px 14px 14px; }
.tmb-th { display: flex; height: 64px; border-radius: 6px; overflow: hidden; }
.tmb-th i { flex: 1 1 0; }
.tmb-th--b, .tmb-th--c { align-items: center; justify-content: center; font-size: 20px; color: rgba(255, 255, 255, .85); }
.tmb-th--b { background: #264653; }
.tmb-th--c { background: #e76f51; }

/* ---------- Topluluk ---------- */
.tmb-com { position: relative; display: flex; flex-direction: column; border-radius: 10px; background: #fff; color: var(--tmb-ink); overflow: hidden; }
.tmb-com__ban { display: flex; align-items: center; justify-content: center; gap: 22px; height: 72px; background: #ff8a00; font-size: 26px; color: rgba(255, 255, 255, .5); }
.tmb-com__row { display: flex; align-items: flex-end; gap: 10px; padding: 0 14px; }
.tmb-com__ava { width: 54px; height: 54px; margin-top: -24px; border: 3px solid #fff; border-radius: 10px; font-size: 16px; }
.tmb-com__n { display: flex; flex-direction: column; min-width: 0; margin-right: auto; padding-bottom: 2px; }
.tmb-com__n > b { font-size: 15.5px; font-weight: 800; white-space: nowrap; }
.tmb-com__n small { font-size: 12px; color: var(--tmb-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-com__n small b { font-weight: 700; color: var(--tmb-ink); font-variant-numeric: tabular-nums; }
.tmb-com__d { margin: 9px 14px 0; font-size: 12.5px; line-height: 1.45; color: #3b3b3b; }
.tmb-com__tabs { display: flex; gap: 16px; padding: 10px 14px 0; border-bottom: 1px solid var(--tmb-line); font-size: 12.5px; font-weight: 600; color: var(--tmb-muted); }
.tmb-com__tabs > * { padding-bottom: 8px; }
.tmb-com__tabs b { color: var(--tmb-ink); box-shadow: inset 0 -2px 0 var(--tmb-navy); }
.tmb-com__post { display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.tmb-com__post .tmb-ava { width: 28px; height: 28px; font-size: 10px; }
.tmb-com__post > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.tmb-com__post b { font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-com__post small { font-size: 11.5px; color: var(--tmb-muted); }

/* ---------- Anket ---------- */
.tmb-poll { padding: 0 14px; }
.tmb-poll h4 { margin: 0 0 10px; font-size: 16px; font-weight: 800; line-height: 1.3; }
.tmb-opt {
    position: relative;
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    height: 38px;
    margin-bottom: 8px;
    padding: 0 14px;
    border: 1.5px solid rgba(0, 0, 0, .2);
    border-radius: 19px;
    font-size: 13.5px;
    font-weight: 600;
    overflow: hidden;
    transition: border-color .2s ease;
}
.tmb-opt.is-hover { border-color: var(--tmb-blue); }
.tmb-opt__fill { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w, 0%); background: rgba(0, 0, 0, .07); transition: width .6s cubic-bezier(.2, .8, .2, 1); }
.tmb-opt.is-pick .tmb-opt__fill { background: rgba(0, 184, 255, .3); }
.tmb-opt__l, .tmb-opt__p { position: relative; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.tmb-opt__l i { display: none; color: #007bb0; }
.tmb-opt__p { font-weight: 800; font-variant-numeric: tabular-nums; opacity: 0; transition: opacity .3s ease; }
.tmb-poll.is-voted .tmb-opt__p { opacity: 1; }
.tmb-poll.is-voted .tmb-opt.is-pick { border-color: var(--tmb-blue); }
.tmb-poll.is-voted .tmb-opt.is-pick .tmb-opt__l i { display: inline-block; }
.tmb-poll__m { display: block; margin: 2px 0 0; font-size: 12px; color: var(--tmb-muted); }
.tmb-poll__m b { font-variant-numeric: tabular-nums; }

/* ---------- Yanıtlar ---------- */
.tmb-feed > .tmb-post--text { flex: 1 1 auto; min-height: 0; }
.tmb-post--text .tmb-post__f { border-bottom: 1px solid var(--tmb-line); }
.tmb-replies { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.tmb-ntabs { display: flex; gap: 16px; padding: 9px 14px; border-bottom: 1px solid var(--tmb-line); font-size: 12.5px; font-weight: 600; color: var(--tmb-muted); white-space: nowrap; }
.tmb-ntabs b { color: var(--tmb-ink); }
.tmb-ntabs em { font-style: normal; font-variant-numeric: tabular-nums; }
.tmb-rin {
    display: flex; align-items: center; gap: 9px;
    min-height: 38px;
    margin: 10px 14px 4px;
    padding: 5px 12px 5px 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 20px;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.tmb-rin.is-focus { border-color: var(--tmb-blue); box-shadow: 0 0 0 3px rgba(0, 184, 255, .2); }
.tmb-rin__ava, .tmb-rlist__pava, .tmb-ed__ava, .tmb-mine__ava { display: block; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; overflow: hidden; }
.tmb-rin__ava > *, .tmb-rlist__pava > *, .tmb-ed__ava > *, .tmb-mine__ava > *, .tmb-nlist__ava > svg, .tmb-nlist__ava > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tmb-rin__txt { position: relative; display: flex; align-items: center; flex: 1 1 auto; min-width: 0; font-size: 13px; white-space: nowrap; overflow: hidden; }
.tmb-rin__txt > span:first-child { overflow: hidden; text-overflow: ellipsis; }
.tmb-rin__ph { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: var(--tmb-muted); }
.tmb-rin.is-typed .tmb-rin__ph { display: none; }
.tmb-rin.is-focus .ohs-caret, .tmb-ed__own.is-focus .ohs-caret { display: inline-block; background: var(--tmb-blue); }
.tmb-rin__send { font-size: 14px; color: var(--tmb-blue); opacity: .35; transition: opacity .2s ease; }
.tmb-rin__send.is-ready { opacity: 1; }
.tmb-rlist { display: flex; flex-direction: column; gap: 9px; flex: 1 1 auto; min-height: 0; margin: 0; padding: 8px 14px 10px; list-style: none; overflow: hidden; }
.tmb-rlist li { display: flex; align-items: flex-start; gap: 9px; font-size: 12.5px; line-height: 1.4; color: #2b2b2b; }
.tmb-rlist li .tmb-ava { width: 26px; height: 26px; font-size: 9.5px; }
.tmb-rlist li b { display: block; font-size: 12.5px; color: var(--tmb-ink); }
.tmb-rlist li.is-new { animation: tmb-in .35s ease; }
@keyframes tmb-in { from { opacity: 0; transform: translateY(-6px); } }

/* ---------- Gönderi düzenleyici ---------- */
.tmb-v--compose .tmb-dash::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    background: rgba(0, 10, 25, .6);
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
}
.tmb-v--compose.is-ed .tmb-dash::after { opacity: 1; }
.tmb-fab {
    position: absolute;
    right: 18px; bottom: 16px;
    z-index: 2;
    display: grid; place-items: center;
    width: 46px; height: 46px;
    border-radius: 50%;
    background: var(--tmb-blue);
    color: #fff;
    font-size: 17px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .35);
    transition: transform .15s ease;
}
.tmb-fab.is-press { transform: scale(.88); }
.tmb-ed {
    position: absolute;
    left: 50%; top: 14px;
    z-index: 4;
    width: 430px;
    max-width: calc(100% - 20px);
    border-radius: 10px;
    background: #fff;
    color: var(--tmb-ink);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
    opacity: 0;
    transform: translate(-50%, 18px);
    transition: opacity .3s ease, transform .35s cubic-bezier(.2, .9, .3, 1.1);
    pointer-events: none;
}
.tmb-ed.is-open { opacity: 1; transform: translate(-50%, 0); }
.tmb-ed__h { display: flex; align-items: center; gap: 8px; padding: 12px 16px 8px; }
.tmb-ed__h b { font-size: 13.5px; }
.tmb-ed__h > i { font-size: 10px; color: var(--tmb-muted); }
.tmb-ed__h .tmb-ed__gear { margin-left: auto; font-size: 14px; }
.tmb-ed__b { display: flex; flex-direction: column; gap: 8px; padding: 4px 16px 10px; }
.tmb-ed__paste {
    display: flex; align-items: flex-start; gap: 8px;
    padding: 9px 12px;
    border-radius: 6px;
    background: #f1f3f6;
    font-size: 13px;
    line-height: 1.45;
    color: var(--tmb-ink);
    opacity: 0;
    transition: opacity .25s ease;
}
.tmb-ed__paste i { margin-top: 2px; color: var(--tmb-muted); }
.tmb-ed__paste.is-on, .tmb-ed__paste.is-flat { opacity: 1; }
.tmb-ed__link { opacity: 0; transition: opacity .25s ease; }
.tmb-ed__link.is-on { opacity: 1; }
.tmb-lcard { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid rgba(0, 0, 0, .15); border-radius: 8px; }
.tmb-lcard__ic { display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 6px; background: var(--tmb-green); color: #fff; font-size: 13px; }
.tmb-lcard > span:last-child { display: flex; flex-direction: column; min-width: 0; text-align: left; }
.tmb-lcard b { font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-lcard small { font-size: 11.5px; color: var(--tmb-muted); }
.tmb-ed__own { display: flex; align-items: center; min-height: 22px; font-size: 14.5px; white-space: nowrap; overflow: hidden; }
.tmb-ed__own > span:first-child { overflow: hidden; text-overflow: ellipsis; }
.tmb-ed__tags { font-size: 12.5px; color: var(--tmb-muted); }
.tmb-ed__tools { display: flex; gap: 4px; padding: 7px 12px; border-top: 1px solid rgba(0, 0, 0, .08); }
.tmb-tool { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 6px; font-size: 14px; transition: background .15s ease, transform .15s ease; }
.tmb-tool b { font-size: 13px; font-weight: 800; }
.tmb-tool.is-press { background: rgba(0, 207, 53, .15); transform: scale(.9); }
.tmb-ed__f { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px 12px; border-top: 1px solid rgba(0, 0, 0, .08); }
.tmb-ed__vis { font-size: 12.5px; font-weight: 600; color: var(--tmb-muted); }
.tmb-pbtn { display: inline-flex; align-items: center; height: 32px; padding: 0 18px; border-radius: 18px; background: var(--tmb-blue); color: var(--tmb-navy); font-size: 13px; font-weight: 800; transition: transform .15s ease; }
.tmb-pbtn.is-press { transform: scale(.92); }
.tmb-flash {
    position: absolute;
    left: 50%; top: 14px;
    z-index: 5;
    display: inline-flex; align-items: center; gap: 7px;
    padding: 8px 14px;
    border-radius: 18px;
    background: var(--tmb-green);
    color: var(--tmb-navy);
    font-size: 12.5px;
    font-weight: 800;
    white-space: nowrap;
    opacity: 0;
    transform: translate(-50%, -8px);
    transition: opacity .25s ease, transform .3s ease;
    pointer-events: none;
}
.tmb-flash.is-on { opacity: 1; transform: translate(-50%, 0); }

/* ---------- Paylaşanın blogu ---------- */
.tmb-mine { display: flex; flex-direction: column; gap: 10px; }
.tmb-mine__h { display: flex; align-items: center; gap: 10px; color: #fff; }
.tmb-mine__h .tmb-mine__ava { width: 34px; height: 34px; }
.tmb-mine__h > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }
.tmb-mine__h b { font-size: 14px; }
.tmb-mine__h small { font-size: 11.5px; color: var(--tmb-wmuted); }
.tmb-mine__tab { padding: 5px 11px; border-radius: 14px; background: rgba(255, 255, 255, .12); font-size: 12px; font-weight: 700; }
.tmb-post--mine .tmb-post__h .tmb-mine__ava { width: 32px; height: 32px; }
.tmb-post--mine .tmb-post__b { display: flex; flex-direction: column; gap: 8px; }
.tmb-post--mine .tmb-tags { margin-top: 0; }
.tmb-mine__own { font-size: 14.5px !important; font-weight: 600; }
.tmb-post--mine::after { content: ''; position: absolute; inset: 0; border-radius: 8px; background: #fff; opacity: 0; pointer-events: none; }
.tmb-post--mine.is-snap::after { animation: lws-flash .5s ease-out; }
.tmb-shot {
    position: absolute;
    right: 10px; top: 10px;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 10px;
    border-radius: 14px;
    background: var(--tmb-navy);
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
    opacity: 0;
    transform: scale(.9);
    transition: opacity .25s ease, transform .3s cubic-bezier(.2, .9, .3, 1.3);
}
.tmb-shot i { color: var(--tmb-green); }
.tmb-shot.is-on { opacity: 1; transform: none; }

/* ---------- Etkinlik (sonuç) ---------- */
.tmb-act { display: flex; flex-direction: column; gap: 12px; height: 100%; padding: 16px; border-radius: 14px; background: var(--tmb-navy); color: #fff; }
.tmb-act__h { display: flex; align-items: center; gap: 10px; }
.tmb-act__t { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }
.tmb-act__t b { font-size: 15px; font-weight: 800; }
.tmb-act__t small { font-size: 12px; color: var(--tmb-wmuted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-act__live { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 12px; background: rgba(0, 207, 53, .14); color: var(--tmb-green); font-size: 11.5px; font-weight: 700; }
.tmb-act__live i { font-size: 7px; }
.tmb-act__body { display: grid; grid-template-columns: minmax(0, 1fr) 222px; gap: 12px; flex: 1 1 auto; min-height: 0; }
.tmb-act__main { display: flex; flex-direction: column; gap: 12px; min-width: 0; min-height: 0; }
.tmb-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tmb-kpi { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 10px 12px; border-radius: 10px; background: rgba(255, 255, 255, .07); }
.tmb-kpi small { font-size: 11px; font-weight: 600; color: var(--tmb-wmuted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-kpi b { font-family: 'Plus Jakarta Sans', 'Inter', sans-serif; font-size: 21px; font-weight: 800; letter-spacing: -.02em; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tmb-kpi:first-child b { color: var(--tmb-green); }
.tmb-kpi em { font-style: normal; font-size: 11px; color: rgba(255, 255, 255, .5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-chart { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; min-height: 0; padding: 12px 14px 8px; border-radius: 10px; background: rgba(255, 255, 255, .05); }
.tmb-chart__cap { font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, .72); }
.tmb-chart__bars { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; flex: 1 1 auto; min-height: 90px; }
.tmb-chart__col { display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; min-height: 0; }
.tmb-chart__col i {
    display: block;
    height: var(--h);
    border-radius: 5px 5px 2px 2px;
    background: rgba(255, 255, 255, .18);
    transform: scaleY(0);
    transform-origin: bottom center;
    transition: transform .7s cubic-bezier(.2, .8, .2, 1);
    transition-delay: calc(var(--i) * .09s);
}
.tmb-chart__col.is-up i { background: var(--tmb-blue); }
.tmb-chart__col small { font-size: 10.5px; font-weight: 600; text-align: center; color: rgba(255, 255, 255, .55); }
.tmb-chart.is-grow .tmb-chart__col i { transform: scaleY(1); }
.tmb-nlist { display: flex; flex-direction: column; gap: 11px; min-height: 0; margin: 0; padding: 12px; border-radius: 10px; background: rgba(255, 255, 255, .05); list-style: none; overflow: hidden; }
.tmb-nlist li { display: flex; align-items: center; gap: 10px; font-size: 12px; line-height: 1.35; color: rgba(255, 255, 255, .82); }
.tmb-nlist li b { color: #fff; }
.tmb-nlist__ava { position: relative; flex: 0 0 auto; width: 30px; height: 30px; }
.tmb-nlist__ava > svg, .tmb-nlist__ava > img { border-radius: 50%; }
.tmb-nlist__ava > i { position: absolute; right: -4px; bottom: -4px; display: grid; place-items: center; width: 17px; height: 17px; border: 2px solid var(--tmb-navy); border-radius: 50%; font-size: 7.5px; color: #fff; }
.tmb-win i { color: var(--tmb-blue) !important; }

/* Anket sonucu */
.tmb-pres { display: flex; flex-direction: column; gap: 11px; flex: 1 1 auto; min-height: 0; padding: 14px; border-radius: 10px; background: rgba(255, 255, 255, .05); }
.tmb-pres__q { font-size: 13.5px; font-weight: 700; }
.tmb-pres__row { display: grid; grid-template-columns: 128px minmax(0, 1fr) 40px; align-items: center; gap: 10px; font-size: 12.5px; color: rgba(255, 255, 255, .78); }
.tmb-pres__row > b { text-align: right; font-variant-numeric: tabular-nums; color: #fff; }
.tmb-pres__l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tmb-pres__row.is-pick .tmb-pres__l { font-weight: 700; color: #fff; }
.tmb-pres__row.is-pick .tmb-pres__l i { color: var(--tmb-blue); }
.tmb-pres__bar { height: 10px; border-radius: 5px; background: rgba(255, 255, 255, .1); overflow: hidden; }
.tmb-pres__bar i { display: block; width: var(--w); height: 100%; border-radius: 5px; background: rgba(255, 255, 255, .4); transform: scaleX(0); transform-origin: left center; transition: transform .8s cubic-bezier(.2, .8, .2, 1); }
.tmb-pres__row.is-pick .tmb-pres__bar i { background: var(--tmb-blue); }
.tmb-pres.is-grow .tmb-pres__bar i { transform: scaleX(1); }

/* ---------- Dar ekran ---------- */
@media (max-width: 620px) {
    .tmb-v { gap: 10px; }
    .tmb-dash, .tmb-dash.is-wide { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
    .tmb-rail, .tmb-side { display: none; }
    .tmb-mbar { display: flex; align-items: center; gap: 10px; padding: 7px 12px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
    .tmb-mbar .tmb-logo { width: 22px; height: 22px; font-size: 18px; }
    .tmb-mbar__tabs { display: flex; gap: 12px; margin-right: auto; font-size: 12px; color: var(--tmb-wmuted); white-space: nowrap; }
    .tmb-mbar__tabs b { color: #fff; }
    .tmb-mbar > i { font-size: 13px; color: var(--tmb-wmuted); }
    .tmb-feed { padding: 10px; }
    .tmb-post__h { padding: 9px 12px; }
    .tmb-media { height: 100px; }
    .tmb-post__b { padding: 8px 12px 2px; }
    .tmb-post__b p { font-size: 13px; }
    .tmb-post__b h4 { font-size: 16px; }
    .tmb-post__f { padding: 9px 12px 11px; }
    .tmb-icons { gap: 14px; }
    .tmb-icons i { font-size: 16px; }
    .tmb-pop--rb { right: 8px; }
    .tmb-blog__ban { height: 58px; }
    .tmb-blog__ava { width: 52px; height: 52px; margin-top: -26px; font-size: 16px; }
    .tmb-blog__t { font-size: 15.5px; margin-top: 4px; }
    .tmb-blog__d { margin: 4px 12px 0; }
    .tmb-blog__btns { margin-top: 8px; }
    .tmb-blog__grid { padding: 10px; }
    .tmb-th { height: 52px; }
    .tmb-plus--blog { top: 168px; left: calc(50% + 40px); }
    .tmb-com__ban { height: 58px; }
    .tmb-com__row { padding: 0 12px; }
    .tmb-com__ava { width: 46px; height: 46px; margin-top: -20px; font-size: 14px; }
    .tmb-com__pub { display: none; }
    .tmb-com .tmb-fbtn { padding: 0 12px; }
    .tmb-ghost__m { height: 90px; }
    .tmb-com__n > b { font-size: 14px; }
    .tmb-com__d { margin: 8px 12px 0; }
    .tmb-com__tabs { padding: 9px 12px 0; }
    .tmb-com__post { padding: 8px 12px; }
    .tmb-com__post--x { display: none; }
    .tmb-fbtn { padding: 0 13px; font-size: 12.5px; }
    .tmb-poll { padding: 0 12px; }
    .tmb-poll h4 { font-size: 14.5px; }
    .tmb-opt { height: 36px; font-size: 13px; }
    .tmb-rin { margin: 8px 12px 4px; }
    .tmb-rlist { padding: 6px 12px 8px; }
    .tmb-ntabs { gap: 12px; padding: 8px 12px; }
    .tmb-ed { top: 10px; }
    .tmb-ed__h { padding: 10px 12px 6px; }
    .tmb-ed__b { padding: 2px 12px 8px; gap: 7px; }
    .tmb-ed__paste { padding: 7px 10px; font-size: 12.5px; }
    .tmb-ed__own { font-size: 13.5px; }
    .tmb-ed__tools { padding: 6px 8px; gap: 2px; }
    .tmb-tool { width: 28px; height: 28px; font-size: 13px; }
    .tmb-ed__f { padding: 8px 12px 10px; }
    .tmb-fab { right: 14px; bottom: 12px; }
    .tmb-mine { gap: 8px; }
    .tmb-mine__own { font-size: 13.5px !important; }
    .tmb-post--mine .tmb-post__b { gap: 6px; }
    .tmb-act { padding: 12px; gap: 10px; }
    .tmb-win { width: max-content; max-width: calc(100% - 24px); white-space: normal; text-align: left; font-size: 12.5px; }
    .tmb-act__body { grid-template-columns: minmax(0, 1fr); }
    .tmb-nlist { display: none; }
    .tmb-kpis { gap: 6px; }
    .tmb-kpi { padding: 9px 8px; }
    .tmb-kpi b { font-size: 16px; }
    .tmb-kpi small, .tmb-kpi em { font-size: 10px; }
    .tmb-chart__bars { gap: 6px; }
    .tmb-pres { padding: 12px; }
    .tmb-pres__row { grid-template-columns: 92px minmax(0, 1fr) 34px; gap: 8px; font-size: 11.5px; }
}