/* ════════════════════════════════════════════════════════════
 * markdown.css — B3.3 mesaj biçimlendirme stilleri (Discord birebir)
 * ════════════════════════════════════════════════════════════ */

/* satır içi kod */
.msg-text code.md-code {
  font-family: Consolas, "Andale Mono", monospace;
  font-size: .85em;
  background: #1e1f22;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 4px;
  padding: .1em .35em;
  white-space: pre-wrap;
}

/* çok satırlı kod bloğu */
.msg-text pre.md-codeblock {
  background: #1e1f22;
  border: 1px solid #2b2d31;
  border-radius: 4px;
  padding: 8px 10px;
  margin: 4px 0;
  max-width: 90%;
  overflow-x: auto;
}
.msg-text pre.md-codeblock code {
  font-family: Consolas, "Andale Mono", monospace;
  font-size: .85em;
  color: #dbdee1;
  white-space: pre;
  background: none;
  border: none;
  padding: 0;
}

/* alıntı (blockquote) */
.msg-text blockquote.md-quote {
  border-left: 4px solid #4e5058;
  margin: 2px 0;
  padding: 0 8px 0 12px;
  color: #dbdee1;
}

/* spoiler */
.msg-text .md-spoiler {
  background: #1e1f22;
  border-radius: 4px;
  padding: 0 2px;
  cursor: pointer;
  color: transparent;
  transition: background .1s, color .1s;
}
.msg-text .md-spoiler > * { visibility: hidden; }
.msg-text .md-spoiler.revealed {
  background: rgba(255,255,255,.1);
  color: inherit;
  cursor: auto;
}
.msg-text .md-spoiler.revealed > * { visibility: visible; }

/* link */
.msg-text a.md-link {
  color: #00a8fc;
  text-decoration: none;
  word-break: break-word;
}
.msg-text a.md-link:hover { text-decoration: underline; }

/* #kanal pili */
.msg-text .md-channel {
  background: rgba(88,101,242,.15);
  color: #c9cdfb;
  border-radius: 4px;
  padding: 0 2px;
  font-weight: 500;
}
.msg-text .md-channel-link { cursor: pointer; }
.msg-text .md-channel-link:hover {
  background: rgba(88,101,242,.35);
  color: #fff;
}

/* @başka kullanıcı bahsetme (kendine/everyone hariç soft pill) */
.msg-text .mention-word.mention-other {
  background: rgba(88,101,242,.15);
  color: #c9cdfb;
}

/* biçim öğeleri taşmasın */
.msg-text strong { font-weight: 700; }
.msg-text em { font-style: italic; }
.msg-text u { text-decoration: underline; }
.msg-text s { text-decoration: line-through; }

/* B4.2: "Yeni Mesajlar" ayracı */
.new-msg-divider { position:relative; height:0; border-top:1px solid #f23f43; margin:8px 16px; }
.new-msg-divider .nmd-label {
  position:absolute; right:10px; top:-8px; background:#f23f43; color:#fff;
  font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  padding:1px 6px; border-radius:8px;
}

/* B7.1: özel emoji (mesaj içi) */
.msg-text img.custom-emoji { width: 1.4em; height: 1.4em; vertical-align: -0.32em; object-fit: contain; margin: 0 1px; }

/* mention/#kanal otomatik tamamlama dropdown öğeleri (B3.4) */
.mention-item .m-avatar.m-icon {
  display: flex; align-items: center; justify-content: center;
  background: #5865f2; color: #fff; font-weight: 700; font-size: 15px;
}
.mention-item .m-name { font-weight: 500; }
.mention-item .m-sub { margin-left: auto; font-size: 12px; color: #949ba4; }