/* ===== Discord tarzi mesaj duzeni ===== */
.msg{
  display:flex;align-items:flex-start;gap:16px;
  padding:2px 16px;
  line-height:1.375;word-wrap:break-word;
  position:relative;
}
.msg:not(.grouped){margin-top:14px;}
.msg:hover{background:var(--msg-hover);}

.msg-avatar{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:700;color:#fff;cursor:pointer;overflow:hidden;
  margin-top:2px;
}
.msg-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:auto;}

/* ardisik mesaj: avatar yerine hover'da gorunen kucuk saat */
.msg-gutter{
  width:40px;flex-shrink:0;text-align:right;
  font-size:10px;line-height:1.6;color:var(--muted);
  padding-top:3px;opacity:0;user-select:none;
}
.msg.grouped:hover .msg-gutter{opacity:1;}

.msg-main{flex:1;min-width:0;}
.msg-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:2px;}
.msg-head .nick{font-weight:600;font-size:15px;cursor:pointer;line-height:1.2;}
.msg-head .nick:hover{text-decoration:underline;}
.msg-head .time{font-size:11px;color:var(--muted);font-weight:500;flex-shrink:0;}

.msg-text{font-size:15px;line-height:1.4;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;}
.msg-img{max-width:400px;max-height:300px;border-radius:8px;margin-top:4px;cursor:zoom-in;display:block;object-fit:contain;}

.badge{font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;border:1px solid transparent;text-transform:uppercase;}
.badge.admin{background:transparent;color:var(--dnd);border:1px solid var(--dnd);}
.badge.moderator{background:#9b59b6;color:#fff;}
.badge.vip{background:#e2c23b;color:#000;}

.msg.mention{background:var(--mention-bg)!important;box-shadow:inset 2px 0 0 var(--mention-border);}
.msg.mention .mention-word{color:var(--mention-color);font-weight:600;}

.system{color:var(--system);font-style:italic;font-size:12px;text-align:center;padding:6px 0;}