/* Afrodit Çeviri — sosyal profiller, takip, DM ve bildirimler */
.social-page {
    background: radial-gradient(circle at 20% 0%, rgba(158, 56, 72, .12), transparent 30rem), #08080A;
    min-height: 100vh;
    padding: 112px 16px 64px;
}
.social-profile, .dm-shell {
    width: min(1280px, 100%);
    margin: 0 auto;
    border: 1px solid #282830;
    border-radius: 18px;
    background: #0E0E12;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(0,0,0,.35);
}
.social-theme--member { --accent:#8A8A94; --accent-soft:rgba(138,138,148,.16); --ring:#3A3A44; }
.social-theme--tier1 { --accent:#C88A55; --accent-soft:rgba(200,138,85,.18); --ring:#B57943; }
.social-theme--tier2 { --accent:#C7CDD6; --accent-soft:rgba(199,205,214,.18); --ring:#AAB2BF; }
.social-theme--tier3 { --accent:#E2C37A; --accent-soft:rgba(226,195,122,.18); --ring:#D4AE5C; }
.social-theme--tier4 { --accent:#F0C75E; --accent-soft:rgba(240,199,94,.20); --ring:#E0B64B; }
.social-theme--owner { --accent:#E05A68; --accent-soft:rgba(224,90,104,.18); --ring:#B20710; }
.social-banner {
    height: 210px;
    background: linear-gradient(120deg, #161119, #2A1119 45%, #101015);
    background-size: cover;
    background-position: center;
    position: relative;
}
.social-banner__shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,8,10,.06),rgba(14,14,18,.92)); }
.social-profile__head {
    display:grid;
    grid-template-columns: 130px minmax(0,1fr) auto;
    gap: 22px;
    align-items:end;
    padding: 0 30px 24px;
    margin-top:-58px;
    position:relative;
    z-index:1;
}
.social-avatar {
    width:124px;height:124px;border-radius:26px;background:#18181E;color:#F5DE9B;
    display:flex;align-items:center;justify-content:center;font-size:2.7rem;font-weight:900;
    border:3px solid var(--ring);box-shadow:0 0 0 5px #0E0E12,0 10px 35px rgba(0,0,0,.5);
    position:relative;overflow:visible;
}
.social-avatar img { width:100%;height:100%;object-fit:cover;border-radius:22px; }
.social-presence { position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;border:4px solid #0E0E12;background:#5A5A62; }
.social-presence.is-online, .social-status.is-online::before, .social-person__avatar i.is-online { background:#41C97B; }
.social-profile__identity { min-width:0; padding-bottom:6px; }
.social-profile__name-row { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.social-profile__name-row h1 { color:#F4F1EB;font-size:clamp(1.6rem,3.4vw,2.4rem);margin:0;letter-spacing:-.03em;overflow-wrap:anywhere; }
.social-profile__meta { display:flex;gap:6px 16px;flex-wrap:wrap;color:#9A968E;font-size:.78rem;margin-top:8px; }
.social-status { display:inline-flex;align-items:center;gap:6px; }
.social-status::before { content:"";width:8px;height:8px;border-radius:50%;background:#5A5A62;display:inline-block; }
.social-profile__actions { display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-bottom:6px; }
.social-badge { display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.64rem;font-weight:800;letter-spacing:.08em; }
.social-badge--member { background:#23232A;color:#B8B4AC;border:1px solid #3A3A44; }
.social-badge--owner { background:rgba(178,7,16,.18);color:#FFB0B7;border:1px solid rgba(224,90,104,.45); }
.social-profile__grid { display:grid;grid-template-columns:260px minmax(0,1fr) 270px;gap:16px;padding:0 30px 30px; }
.social-panel { background:#111116;border:1px solid #282830;border-radius:14px;padding:20px;min-width:0; }
.social-panel h2 { color:#E8E3D9;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px; }
.social-bio { color:#C1BCB3;font-size:.9rem;line-height:1.75;margin:0 0 18px;overflow-wrap:anywhere; }
.social-bio.is-empty { color:#77736C;font-style:italic; }
.social-facts { display:grid;gap:10px;border-top:1px solid #282830;padding-top:14px; }
.social-facts div { display:flex;justify-content:space-between;gap:10px;font-size:.78rem; }
.social-facts span { color:#77736C; }
.social-facts strong { color:#D8D2C8;font-weight:600;text-align:right;overflow-wrap:anywhere; }
.social-tabs { display:flex;gap:4px;border-bottom:1px solid #282830;margin:-4px 0 18px;overflow-x:auto; }
.social-tabs a { color:#9A968E;text-decoration:none;padding:10px 12px;font-size:.8rem;font-weight:700;border-bottom:2px solid transparent;white-space:nowrap; }
.social-tabs a span { color:#6F6A62;font-size:.7rem;margin-left:3px; }
.social-tabs a.is-active { color:#F5DE9B;border-color:var(--accent,#C4A35A); }
.social-stat-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.social-stat { background:#0C0C10;border:1px solid #282830;border-radius:12px;padding:14px; }
.social-stat span { display:block;color:#8B8790;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.social-stat strong { display:block;color:#F4F1EB;font-size:1.45rem;margin-top:6px;overflow-wrap:anywhere; }
.social-stat small { color:#6F6A62;font-size:.68rem; }
.social-about-block { border-top:1px solid #282830;margin-top:18px;padding-top:18px; }
.social-about-block p { color:#B8B4AC;font-size:.88rem;line-height:1.75;margin:0;overflow-wrap:anywhere; }
.social-coin-card { background:linear-gradient(145deg,rgba(196,163,90,.17),rgba(158,56,72,.08));border:1px solid rgba(196,163,90,.35);border-radius:14px;padding:18px;margin-bottom:14px; }
.social-coin-card span { color:#C4A35A;font-size:.68rem;font-weight:800;letter-spacing:.1em; }
.social-coin-card strong { display:block;color:#F5DE9B;font-size:2rem;font-weight:900;margin:8px 0 2px;overflow-wrap:anywhere; }
.social-coin-card small { color:#9A968E;font-size:.72rem; }
.social-status-card { background:#0C0C10;border:1px solid #282830;border-radius:14px;padding:18px; }
.social-status-line { color:#E8E3D9;font-weight:800;font-size:.86rem;margin:0 0 4px; }
.social-status-line--vip { color:var(--accent,#F5DE9B); }
.social-status-line--owner { color:#FF8C97; }
.social-status-card small { color:#77736C;font-size:.72rem; }
.social-people-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.social-person { display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #282830;border-radius:10px;background:#0C0C10;text-decoration:none;min-width:0; }
.social-person:hover { border-color:#3A3A44;background:#15151B; }
.social-person__avatar { position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#202027;color:#F5DE9B;display:flex;align-items:center;justify-content:center;font-weight:800;overflow:visible; }
.social-person__avatar img { width:100%;height:100%;object-fit:cover;border-radius:12px; }
.social-person__avatar i { position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;border:2px solid #0C0C10;background:#5A5A62; }
.social-person__info { min-width:0;display:flex;flex-direction:column; }
.social-person__info strong { color:#E8E3D9;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.social-person__info small { color:#77736C;font-size:.68rem; }
.social-empty-inline { color:#77736C;font-size:.85rem;padding:18px;text-align:center; }
.social-pagination { display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:.78rem;color:#9A968E; }
.social-pagination a { color:#F5DE9B;text-decoration:none;border:1px solid #30303A;border-radius:8px;padding:7px 10px; }
.social-empty { width:min(560px,100%);margin:0 auto;text-align:center;padding:48px 24px;background:#101014;border:1px solid #282830;border-radius:16px;color:#A8A39A; }
.social-empty h1 { color:#F4F1EB;margin:0 0 10px; }
.social-empty p { margin:0 0 18px; }

/* Özel mesajlar */
.dm-shell { display:grid;grid-template-columns:320px minmax(0,1fr);min-height:680px;height:calc(100vh - 190px);max-height:900px; }
.dm-sidebar { border-right:1px solid #282830;background:#0B0B0E;display:flex;flex-direction:column;min-width:0; }
.dm-sidebar__head { padding:16px;border-bottom:1px solid #282830;display:flex;align-items:center;justify-content:space-between;gap:8px; }
.dm-sidebar__head h1 { color:#F4F1EB;font-size:1.05rem;margin:0; }
.dm-request-count { color:#FFB0B7;background:rgba(224,90,104,.14);border:1px solid rgba(224,90,104,.35);border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800; }
.dm-list { overflow-y:auto; overflow-x:hidden; flex:1; min-height:0; }
.dm-conv { display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #1C1C22;text-decoration:none;color:inherit;position:relative;min-width:0; }
.dm-conv:hover, .dm-conv.is-active { background:#141419; }
.dm-conv__avatar { width:44px;height:44px;border-radius:14px;background:#202027;color:#F5DE9B;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 44px;overflow:hidden; }
.dm-conv__avatar img { width:100%;height:100%;object-fit:cover; }
.dm-conv__main { min-width:0;flex:1 1 auto;display:block;overflow:hidden; }
.dm-conv__top { display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0; }
.dm-conv__name { display:block;min-width:0;flex:1 1 auto;color:#E8E3D9;font-size:.83rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.dm-conv__time { display:block;flex:0 0 auto;color:#6F6A62;font-size:.64rem;white-space:nowrap; }
.dm-conv__preview { display:block;width:100%;min-width:0;color:#89858C;font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px; }
.dm-conv__unread { background:#B20710;color:#fff;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;padding:0 5px;position:absolute;right:12px;bottom:12px; }
.dm-main { display:flex;flex-direction:column;min-width:0;background:#0E0E12; }
.dm-main__head { padding:13px 18px;border-bottom:1px solid #282830;display:flex;align-items:center;gap:10px; }
.dm-main__head .dm-avatar { width:38px;height:38px;border-radius:12px;background:#202027;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#F5DE9B;font-weight:800; }
.dm-main__head img { width:100%;height:100%;object-fit:cover; }
.dm-main__title { color:#F4F1EB;font-weight:800;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.dm-main__sub { color:#77736C;font-size:.68rem; }
.dm-messages { flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at 80% 0%,rgba(158,56,72,.06),transparent 25rem); }
.dm-message { max-width:min(75%,620px);align-self:flex-start;background:#17171D;border:1px solid #282830;border-radius:14px 14px 14px 4px;padding:9px 12px; }
.dm-message.is-own { align-self:flex-end;background:rgba(158,56,72,.22);border-color:rgba(224,90,104,.32);border-radius:14px 14px 4px 14px; }
.dm-message.is-deleted { opacity:.65;font-style:italic; }
.dm-message__meta { display:flex;gap:8px;align-items:center;font-size:.64rem;color:#77736C;margin-bottom:3px; }
.dm-message__body { color:#D8D2C8;font-size:.86rem;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap; }
.dm-message__actions { display:flex;gap:8px;margin-top:4px;opacity:0;transition:opacity .15s; }
.dm-message:hover .dm-message__actions { opacity:1; }
.dm-message__actions button { background:none;border:0;color:#8A8790;font-size:.66rem;cursor:pointer;padding:0; }
.dm-message__actions button:hover { color:#F5DE9B; }
.dm-empty { margin:auto;text-align:center;color:#77736C;font-size:.85rem;padding:30px; }
.dm-composer { border-top:1px solid #282830;padding:12px;display:flex;flex-direction:column;align-items:stretch;gap:7px;flex:0 0 auto;min-width:0; }
.dm-composer__row { display:flex;gap:8px;align-items:flex-end;min-width:0; }
.dm-composer__tools { margin-bottom:0; }
.dm-composer__tools .af-emoji-trigger { height:30px;min-width:30px;font-size:0.95rem; }
/* [hidden] özniteliği display:flex tarafından ezilmesin: konuşma açılmadan
   mesaj yazma alanı görünmemeli. */
.dm-composer[hidden] { display:none !important; }
.dm-requests[hidden] { display:none !important; }
.dm-composer textarea { flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box;resize:none;min-height:42px;max-height:130px;background:#0B0B0E;border:1px solid #30303A;border-radius:10px;color:#F4F1EB;padding:10px 12px;font:inherit;font-size:.86rem;line-height:1.45; }
.dm-composer textarea:focus { outline:none;border-color:var(--accent,#C4A35A); }
.dm-composer button { min-height:42px;flex:0 0 auto;white-space:nowrap; }
.dm-requests { padding:14px;border-top:1px solid #282830;background:#101014;max-height:42%;overflow-y:auto;overflow-x:hidden; }
.dm-requests h2 { color:#FFB0B7;font-size:.75rem;margin:0 0 8px;letter-spacing:.08em;text-transform:uppercase; }
.dm-request { background:#15151A;border:1px solid #30303A;border-radius:10px;padding:10px;margin-bottom:8px; }
.dm-request__name { color:#E8E3D9;font-size:.8rem;font-weight:700; }
.dm-request__actions { display:flex;gap:6px;margin-top:8px;flex-wrap:wrap; }
.dm-request__actions .btn { padding:5px 8px;font-size:.68rem; }
.dm-mobile-back { display:none; }
.dm-request-note { color:#77736C;font-size:.72rem;line-height:1.6;padding:10px 0; }
/* Yalnızca mobilde konuşma listesi ile sohbet ekranı ayrı görünümlerdir.
   Masaüstünde iki panel her zaman yan yana kalır. */
@media (max-width: 760px) {
    .dm-shell.is-mobile-chat .dm-sidebar { display:none; }
    .dm-shell.is-mobile-chat .dm-main { display:flex; }
}

@media (max-width: 1050px) {
    .social-profile__grid { grid-template-columns:230px minmax(0,1fr); }
    .social-panel--side { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px; }
    .social-coin-card { margin-bottom:0; }
}
@media (max-width: 760px) {
    .social-page { padding:92px 10px 40px; }
    .social-profile { border-radius:14px; }
    .social-banner { height:155px; }
    .social-profile__head { grid-template-columns: 90px minmax(0,1fr); gap:14px; padding:0 16px 18px; margin-top:-42px; }
    .social-avatar { width:92px;height:92px;border-radius:20px;font-size:2rem; }
    .social-profile__actions { grid-column:1/-1;justify-content:flex-start; }
    .social-profile__actions .btn { flex:1;min-width:140px;text-align:center;justify-content:center; }
    .social-profile__grid { grid-template-columns:1fr;padding:0 12px 18px; }
    .social-panel--side { grid-template-columns:1fr; grid-column:auto; }
    .social-stat-grid { grid-template-columns:1fr 1fr; }
    .social-people-grid { grid-template-columns:1fr; }
    .social-profile__meta { font-size:.72rem; }
    .dm-shell { height:calc(100vh - 150px);min-height:540px;grid-template-columns:1fr; }
    .dm-sidebar { border-right:0; }
    .dm-shell:not(.is-mobile-chat) .dm-main { display:none; }
    .dm-shell.is-mobile-chat .dm-sidebar { display:none; }
    .dm-shell.is-mobile-chat .dm-main { display:flex; }
    .dm-mobile-back { display:inline-flex;background:none;border:0;color:#F5DE9B;font-size:1.1rem;padding:0 6px 0 0;cursor:pointer; }
    .dm-message { max-width:88%; }
    .dm-composer { padding:9px; }
}
@media (max-width: 380px) {
    .social-profile__head { grid-template-columns:76px minmax(0,1fr); }
    .social-avatar { width:76px;height:76px; }
    .social-stat-grid { grid-template-columns:1fr; }
    .social-tabs a { padding:9px 8px;font-size:.74rem; }
}

/* Bildirim merkezi */
.nf-notify { position: relative; display: inline-flex; }
.nf-header-icon-btn { position: relative; display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#15151A;border:1px solid #2C2C34;color:#D8D2C8;cursor:pointer; }
.nf-header-icon-btn:hover { border-color:#C4A35A;color:#F5DE9B; }
.nf-notify__badge { position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:999px;background:#B20710;color:#fff;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #0E0E12; }
.nf-notify__panel { position:absolute;right:0;top:48px;width:min(370px,calc(100vw - 24px));background:#101014;border:1px solid #30303A;border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.65);z-index:1200;overflow:hidden;display:none; }
.nf-notify__panel.is-open { display:block; }
.nf-notify__head { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;border-bottom:1px solid #282830; }
.nf-notify__head strong { color:#F4F1EB;font-size:.82rem; }
.nf-notify__head button { background:none;border:0;color:#F5DE9B;font-size:.68rem;cursor:pointer;padding:0; }
.nf-notify__list { max-height:390px;overflow:auto; }
.nf-notify__item { display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #1C1C22;text-decoration:none;color:inherit;position:relative; }
.nf-notify__item:hover { background:#15151B; }
.nf-notify__item.is-unread { background:rgba(158,56,72,.08); }
.nf-notify__item.is-unread::before { content:"";position:absolute;left:4px;top:16px;width:5px;height:5px;border-radius:50%;background:#E05A68; }
.nf-notify__icon { width:32px;height:32px;border-radius:10px;background:#1D1D24;display:flex;align-items:center;justify-content:center;color:#F5DE9B;flex:0 0 32px;font-weight:800; }
.nf-notify__body { min-width:0;flex:1; }
.nf-notify__text { color:#D8D2C8;font-size:.76rem;line-height:1.45;overflow-wrap:anywhere; }
.nf-notify__time { color:#6F6A62;font-size:.64rem;margin-top:3px; }
.nf-notify__empty { color:#77736C;font-size:.78rem;padding:24px;text-align:center; }
.social-banner-preview { height:120px;border-radius:10px;background:#111;background-size:cover;background-position:center;border:1px solid #30303A;margin-bottom:8px; }
@media (max-width:760px){ .nf-notify__panel{position:fixed;top:70px;right:10px;left:10px;width:auto;} }

/* VIP banner atmosferleri */
.social-theme--tier1 .social-banner { background-image:linear-gradient(115deg,#1A1210,#3A2116 48%,#101014); }
.social-theme--tier2 .social-banner { background-image:linear-gradient(115deg,#11141A,#29313D 48%,#101014); }
.social-theme--tier3 .social-banner { background-image:linear-gradient(115deg,#19150E,#4A3817 48%,#101014); }
.social-theme--tier4 .social-banner { background-image:linear-gradient(115deg,#0D0B08,#3B2A09 48%,#101014); }
.social-theme--owner .social-banner { background-image:linear-gradient(115deg,#16090D,#4A0C16 48%,#101014); }
.social-theme--tier1 .social-avatar { box-shadow:0 0 0 5px #0E0E12,0 0 32px rgba(200,138,85,.22); }
.social-theme--tier2 .social-avatar { box-shadow:0 0 0 5px #0E0E12,0 0 32px rgba(199,205,214,.2); }
.social-theme--tier3 .social-avatar { box-shadow:0 0 0 5px #0E0E12,0 0 36px rgba(226,195,122,.25); }
.social-theme--tier4 .social-avatar { box-shadow:0 0 0 5px #0E0E12,0 0 42px rgba(240,199,94,.3); }
.social-theme--owner .social-avatar { box-shadow:0 0 0 5px #0E0E12,0 0 38px rgba(224,90,104,.25); }

.dm-request.is-clickable { cursor:pointer; transition:border-color .15s,background .15s; }
.dm-request.is-clickable:hover { border-color:#C4A35A;background:#1A1A20; }
.dm-request__preview { color:#8A8790;font-size:.72rem;line-height:1.45;margin-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }

/* Tam ekran özel mesaj düzeni: uzun mesajlarda composer kaybolmaz. */
.social-page--messages {
    /* --dm-vv-height: mobil klavyeyi hesaba katan görsel görünüm yüksekliği.
       social.js visualViewport ile günceller; tanımlı değilse 100dvh. */
    height: var(--dm-vv-height, 100dvh);
    min-height: 0;
    padding: 78px 14px 12px;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
}
.social-page--messages .dm-shell {
    height: 100%;
    max-height: none;
    min-height: 0;
    flex: 1 1 auto;
    grid-template-rows: minmax(0, 1fr);
}
.dm-main { min-height: 0; overflow: hidden; }
.dm-messages { min-height: 0; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.dm-composer { flex: 0 0 auto; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
@media (max-width: 760px) {
    .social-page--messages { padding: 74px 8px 8px; }
    .social-page--messages .dm-shell { height: 100%; min-height: 0; }
    .dm-composer { padding: 8px 8px max(8px, env(safe-area-inset-bottom)); }
    .dm-composer textarea { min-height: 40px; max-height: 110px; }
}

/* Siyah + koyu k?rm?z? tema uyumu */
.social-page { background: radial-gradient(circle at 20% 0%, rgba(178, 7, 16, .14), transparent 30rem), #050506; }
.social-profile, .dm-shell { background: #08080B; border-color: rgba(178, 7, 16, .22); }
.social-panel, .social-stat { background: #0A0A0D; border-color: rgba(178, 7, 16, .18); }
.social-banner__shade { background: linear-gradient(180deg, rgba(5, 5, 6, .05), rgba(8, 8, 11, .94)); }

.social-profile__notice {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(196, 163, 90, 0.35);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(196, 163, 90, 0.14), rgba(178, 7, 16, 0.08));
    color: #E8E3D9;
    font-size: 0.78rem;
    line-height: 1.55;
    max-width: 720px;
}
.social-profile__notice strong { color: #F5DE9B; }

/* ==========================================================================
   DM mesaj tepkileri
   ========================================================================== */
.dm-reactions {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
    align-items: center;
}
.dm-reaction {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid #30303A;
    background: #121218;
    color: #D8D2C8;
    font-size: 0.75rem;
    line-height: 1.4;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.dm-reaction:hover { border-color: #B20710; }
.dm-reaction.is-mine {
    border-color: rgba(229, 9, 20, .55);
    background: rgba(178, 7, 16, .18);
    color: #FFFFFF;
}
.dm-reaction__emoji { font-size: 0.82rem; line-height: 1; }
.dm-reaction__count { font-size: 0.66rem; font-weight: 800; color: #9A968E; }
.dm-reaction.is-mine .dm-reaction__count { color: #FFB0B7; }
.dm-reaction-add {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px dashed #3A3A46;
    background: transparent;
    color: #9A968E;
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}
.dm-reaction-add:hover { border-color: #B20710; color: #FFFFFF; }

/* Bildirim ses ayarları */
.nf-notify__settings {
    border-top: 1px solid #26262E;
    padding: 10px 14px 12px;
    display: grid;
    gap: 6px;
    background: #0C0C10;
}
.nf-notify__settings-title {
    color: #9A968E;
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.nf-notify__setting {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.76rem;
    color: #D8D2C8;
    cursor: pointer;
}
.nf-notify__setting input {
    width: 15px;
    height: 15px;
    accent-color: #E50914;
    margin: 0;
}

/* DM dosya ekleri */
.dm-attach-btn { width: 30px; min-width: 30px; padding: 0; }
.dm-attach-preview {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid #30303A;
    border-radius: 9px;
    background: #0F0F14;
    min-width: 0;
}
.dm-attach-preview__thumb {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 6px;
    overflow: hidden;
    background: #0A0A0E;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dm-attach-preview__thumb img,
.dm-attach-preview__thumb video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.dm-attach-preview__name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.72rem;
    color: #C8C3BA;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dm-attach-preview__cancel {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    background: #22222A;
    color: #C8C3BA;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}
.dm-attach-preview__cancel:hover { background: #7A1820; color: #fff; }
.dm-upload-progress {
    height: 4px;
    border-radius: 999px;
    background: #1E1E26;
    overflow: hidden;
}
.dm-upload-progress span {
    display: block;
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #8E0C13, #E50914);
    transition: width .15s ease;
}
.dm-attachment {
    margin-top: 6px;
    max-width: min(260px, 100%);
}
.dm-attachment img,
.dm-attachment video {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: #0A0A0E;
    cursor: zoom-in;
}
.dm-attachment video { cursor: default; }
.dm-message .dm-attachment { max-width: min(240px, 100%); }