/*
 * Admin users — role assignment, security info.
 */

.admin-user-roles {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.admin-user-role-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: var(--colour-primary-surface);
    color: var(--colour-primary);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    border-radius: var(--radius-full);
}

.admin-user-security {
    background: var(--colour-surface-sunken);
    border: 1px solid var(--colour-border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
}

.admin-user-security__title {
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    margin: 0 0 var(--space-3);
}