/* ══════════════════════════════════════════════════════════════
   ADMIN: KULLANICI LİSTESİ (admin-users.js)

   Liste satırı bir DÜĞME: klavyeyle gezilebilir ve tıklanabilir
   olduğu belli olur. Detay ayrı bir katman olarak listenin üstüne
   biner — liste ve arama kutusu yerinde kalır, kapatınca aynı
   arama sonucuna dönülür.
══════════════════════════════════════════════════════════════ */

#au-search{
  width:100%; box-sizing:border-box;
  background:rgba(0,0,0,.28);
  border:1px solid var(--bdr2, #33415f);
  border-radius:10px; color:var(--txt, #eef2fd);
  /* 16px: iOS Safari daha küçük yazıda alanı otomatik yakınlaştırır */
  padding:.55rem .75rem; font-size:16px; outline:none;
  font-family:var(--font-ui, sans-serif);
}
#au-search:focus{ border-color:var(--accent, #7B61FF); }

.au-count{
  font-family:var(--font-mono, monospace); font-size:.62rem;
  color:var(--muted, #95a3c6); flex-shrink:0;
}

.au-list{
  display:flex; flex-direction:column; gap:2px;
  overflow-y:auto; min-height:120px; flex:1;
}
.au-list::-webkit-scrollbar{ width:3px; }
.au-list::-webkit-scrollbar-thumb{ background:var(--bdr, #1f2b47); border-radius:2px; }

/* ── Satır ── */
.au-row{
  display:grid; grid-template-columns:30px 1fr auto auto;
  align-items:center; gap:.55rem;
  width:100%; text-align:left; cursor:pointer;
  background:rgba(var(--surf3-rgb, 28,40,66), .38);
  border:1px solid transparent; border-radius:10px;
  padding:.42rem .55rem; font-family:inherit; color:var(--txt, #eef2fd);
  transition:background .14s ease, border-color .14s ease;
}
.au-row:hover{
  background:rgba(var(--accent-rgb, 123,97,255), .13);
  border-color:rgba(var(--accent-rgb, 123,97,255), .34);
}
.au-row:focus-visible{
  outline:2px solid var(--accent, #7B61FF); outline-offset:1px;
}
.au-row.banned{ background:rgba(220,38,38,.10); }

.au-av{
  width:30px; height:30px; border-radius:9px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono, monospace); font-size:.62rem; font-weight:800;
  background:linear-gradient(135deg, rgba(var(--accent-rgb, 123,97,255),.34), rgba(var(--accent-rgb, 123,97,255),.12));
  color:var(--txt, #eef2fd);
}
.au-av.big{ width:44px; height:44px; border-radius:12px; font-size:.85rem; }

.au-main{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.au-name{
  display:flex; align-items:center; gap:.3rem; min-width:0;
  font-size:.78rem; font-weight:700; color:var(--txt, #eef2fd);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.au-sub{
  font-family:var(--font-mono, monospace); font-size:.58rem;
  color:var(--muted, #95a3c6);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.au-px{
  font-family:var(--font-mono, monospace); font-size:.72rem; font-weight:800;
  color:var(--accent-text, var(--accent)); flex-shrink:0;
  font-variant-numeric:tabular-nums;
}
.au-px i{ font-style:normal; font-size:.5rem; opacity:.6; margin-left:1px; }
.au-seen{
  font-family:var(--font-mono, monospace); font-size:.56rem;
  color:var(--muted, #95a3c6); flex-shrink:0;
  min-width:26px; text-align:right;
}

/* ── Rozetler ── */
.au-tag{
  flex-shrink:0;
  font-family:var(--font-mono, monospace); font-size:.46rem; font-weight:900;
  letter-spacing:.08em; text-transform:uppercase;
  padding:.08rem .26rem; border-radius:4px;
}
.au-tag.ban{ background:rgba(220,38,38,.22); color:#ff8a8a; }
.au-tag.adm{ background:rgba(13,148,136,.24); color:#5eead4; }
.au-tag.mod{ background:rgba(59,130,246,.22); color:#93c5fd; }
.au-tag.vip{ background:rgba(247,179,43,.22); color:#f7b32b; }
.au-tag.ok { background:rgba(var(--surf3-rgb, 28,40,66),.8); color:var(--muted, #95a3c6); }

/* ── DETAY KATMANI ── */
#au-detail{
  position:fixed; inset:0; z-index:975; padding:16px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.72);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
.au-card{
  width:420px; max-width:94vw; max-height:88vh; overflow-y:auto;
  background:linear-gradient(165deg, var(--surf2, #111a2e), var(--surf, #0a1020));
  border:1px solid var(--bdr2, #33415f); border-radius:18px;
  padding:1.1rem 1.2rem 1.2rem;
  display:flex; flex-direction:column; gap:.7rem;
  box-shadow:0 24px 64px rgba(0,0,0,.75);
}
.au-dhead{ display:flex; align-items:center; gap:.6rem; }
.au-dtitle{ flex:1; min-width:0; display:flex; flex-direction:column; gap:.2rem; }
.au-dname{
  font-family:var(--font-display, sans-serif);
  font-size:1rem; font-weight:900; color:var(--txt, #eef2fd);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.au-dtags{ display:flex; flex-wrap:wrap; gap:.22rem; }
.au-x{
  flex-shrink:0; border:none; background:transparent; cursor:pointer;
  color:var(--muted, #95a3c6); font-size:.95rem; line-height:1;
  padding:.2rem .35rem; border-radius:6px;
}
.au-x:hover{ color:var(--txt, #fff); background:rgba(255,255,255,.07); }

/* Üç büyük sayı */
.au-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem; }
.au-big{
  display:flex; flex-direction:column; align-items:center;
  padding:.5rem .2rem; border-radius:10px;
  background:rgba(var(--surf3-rgb, 28,40,66), .55);
  border:1px solid var(--pf-hair, rgba(255,255,255,.075));
}
.au-big b{
  font-family:var(--font-mono, monospace); font-size:.95rem; font-weight:800;
  color:var(--txt, #eef2fd); line-height:1.2; font-variant-numeric:tabular-nums;
}
.au-big span{
  font-size:.5rem; font-weight:700; letter-spacing:.04em;
  text-transform:uppercase; color:var(--muted, #95a3c6); text-align:center;
}

/* Anahtar/değer satırları */
.au-kvs{ display:flex; flex-direction:column; gap:1px; }
.au-kv{
  display:flex; align-items:baseline; gap:.5rem;
  padding:.28rem .35rem; border-radius:6px; font-size:.7rem;
}
.au-kv:nth-child(odd){ background:rgba(128,140,180,.055); }
.au-kv > span{ color:var(--muted, #95a3c6); flex:0 0 40%; }
.au-kv > b{
  flex:1; min-width:0; color:var(--txt, #eef2fd); font-weight:700;
  overflow-wrap:anywhere;
}
.au-kv.warn{ background:rgba(220,38,38,.12); }
.au-kv.warn > b{ color:#ff8a8a; }
.au-uid{ font-family:var(--font-mono, monospace); font-size:.58rem; opacity:.85; }

/* Eylemler */
.au-acts{ display:flex; gap:.4rem; flex-wrap:wrap; }
.au-btn{
  flex:1 1 auto; cursor:pointer;
  border:1px solid var(--bdr2, #33415f); background:transparent;
  color:var(--txt, #eef2fd); border-radius:9px;
  padding:.45rem .6rem; font-size:.72rem; font-weight:700;
  font-family:var(--font-ui, sans-serif);
}
.au-btn:hover{ border-color:var(--accent, #7B61FF); background:rgba(var(--accent-rgb, 123,97,255), .1); }
.au-btn.danger{ border-color:rgba(220,38,38,.5); color:#ff8a8a; }
.au-btn.danger:hover{ background:rgba(220,38,38,.14); border-color:#dc2626; }
.au-btn.ok{ border-color:rgba(34,211,165,.5); color:#22d3a5; }
.au-btn.ok:hover{ background:rgba(34,211,165,.12); }
.au-btn:disabled{ opacity:.5; cursor:not-allowed; }

@media (max-width:520px){
  .au-row{ grid-template-columns:26px 1fr auto; gap:.4rem; }
  .au-seen{ display:none; }        /* telefonda yer yok — detayda yazıyor */
  .au-av{ width:26px; height:26px; }
  .au-kv > span{ flex:0 0 46%; }
}