diff --git a/index.html b/index.html
index f3c0c58..059dd5e 100644
--- a/index.html
+++ b/index.html
@@ -527,7 +527,8 @@ function setDialog(b,i){
   dAva.textContent=SHORT[b.rol].charAt(0);
   dAva.style.background=col; dAva.style.color='#0a0e14'; dAva.style.boxShadow='0 0 14px '+col;
   const hl=b.hedef&&H2L[b.hedef], hshort=hl?SHORT[hl]:(b.hedef==='Herkes'?'Herkese':null);
-  dName.innerHTML='<span style="color:'+col+'">'+SHORT[b.rol].toUpperCase()+'</span>'
+  dName.innerHTML='<span style="background:#21262d;border:1px solid '+col+';border-radius:6px;padding:1px 7px;margin-right:9px;color:#e6edf3;font-size:12px;font-weight:700">ID '+i+'</span>'
+    +'<span style="color:'+col+'">'+SHORT[b.rol].toUpperCase()+'</span>'
     +(hshort?'<span class="arrow">➜</span><span class="target">'+hshort.toUpperCase()+'</span>':'')
     +((mode==='tr'&&!TR_READY())?' <span class="badge">ses hazırlanıyor</span>':'');
   const main=(mode==='tr')?b.tr:b.orig, sub=(mode==='tr')?b.orig:b.tr;