/* Vue « Utilisateurs » */
.users-actions { display: flex; justify-content: flex-end; gap: var(--s-2); flex-wrap: wrap; }
.users-me { margin-left: var(--s-2); padding: 1px var(--s-2); border-radius: var(--r-pill); background: var(--accent-bg, var(--hover)); color: var(--accent-fg, var(--ink-2)); font-size: var(--fs-xs); font-weight: 600; }
.users-note { margin-top: var(--s-3); }
.users-intro { margin: 0 0 var(--s-4); }

.users-secret { padding: var(--s-4); border: 1px solid var(--line-strong); border-radius: var(--r); background: var(--paper); }
.users-secret__label { font-size: var(--fs-xs); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.users-secret__label + .users-secret__value { margin-top: var(--s-1); }
.users-secret__value { font-family: var(--font-mono); font-size: var(--fs-xl); font-weight: 600; color: var(--ink); word-break: break-all; user-select: all; }
.users-secret__value--sm { font-size: var(--fs-md); font-weight: 500; margin-bottom: var(--s-3); }

@media (max-width: 900px) {
  .users-actions { justify-content: flex-start; }
}