@import url('/assets/css/main.css');

.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;margin-top:.6rem;max-height:540px;overflow-y:auto;padding:.2rem}
.name-item{display:flex;align-items:center;gap:.65rem;background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:10px;padding:.45rem .6rem;cursor:pointer;transition:border .15s,transform .15s}
.name-item:hover{border-color:var(--primary);transform:translateY(-2px)}
.name-item .dot{width:30px;height:30px;border-radius:8px;flex:0 0 30px;border:1px solid rgba(255,255,255,.18)}
.name-item .nm{font-size:.86rem;font-weight:600;line-height:1.25}
.name-item .hx{font-size:.74rem;color:var(--muted);font-family:ui-monospace,monospace}