/* Управление учётными записями */
.users-intro { margin-bottom: 10px; }
.users-table td { vertical-align: top; }
.users-center { text-align: center; }
.users-teams { font-size: 12px; color: var(--muted); max-width: 260px; }
.users-self { margin-left: 6px; }
.users-pill { font-size: 12px; padding: 2px 8px; border-radius: 999px; white-space: nowrap; background: var(--surface-2); color: var(--muted); border: 1px solid var(--border); }
.users-pill.ok { background: var(--ok-soft); color: var(--ok); border-color: transparent; }
.users-pill.warn { background: var(--warn-soft); color: var(--warn); border-color: transparent; }
.users-pill.danger { background: var(--danger-soft); color: var(--danger); border-color: transparent; }
.users-pill.accent { background: var(--accent-soft); color: var(--accent); border-color: transparent; }
.users-hint { font-size: 12px; }
.users-team-picker { border: 1px solid var(--border); border-radius: 10px; padding: 8px 10px; display: flex; flex-direction: column; gap: 8px; }
.users-team-toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.users-team-filter { flex: 1; min-width: 160px; }
.users-team-groups { max-height: 320px; overflow: auto; display: flex; flex-direction: column; gap: 8px; }
.users-team-head { display: flex; gap: 8px; align-items: center; font-weight: 600; font-size: 13px; }
.users-team-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 2px 12px; font-size: 13px; padding-left: 4px; }
.users-invite { display: flex; flex-direction: column; gap: 10px; }
.users-invite-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 24px; letter-spacing: 2px; text-align: center; padding: 12px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 10px; user-select: all; }
.users-invite-text { white-space: pre-wrap; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 10px; padding: 10px; user-select: all; }
