.auth-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 12px 7px 7px; border-radius: 999px; border: 1px solid var(--border, var(--line-light));
  background: var(--surface, #fff); color: var(--text, var(--ink)); font-size: 13px; font-weight: 600;
  cursor: pointer; font-family: 'Noto Sans Georgian', sans-serif; transition: border-color 0.15s ease;
}
.auth-chip:hover { border-color: var(--ink); }
.auth-chip img.auth-avatar { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; display: block; }
.auth-login-btn { padding: 9px 14px; gap: 8px; }
.auth-name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.auth-chip.auth-avatar-only {
  padding: 0; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; flex-shrink: 0;
}
.auth-chip.auth-avatar-only img.auth-avatar { width: 100%; height: 100%; }
.auth-avatar-fallback {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
  background: var(--red); color: #fff; font-weight: 700; font-size: 14px;
}