.role-card {
        background: var(--color-background);
        border-radius: var(--border-radius-sm);
        padding: 16px;
        margin-bottom: 12px;
    }

    .role-card h3 {
        margin: 0 0 4px 0;
        font-size: var(--font-size-base, 16px);
        color: var(--color-secondary);
    }

    .role-code {
        font-family: monospace;
        font-size: var(--font-size-xs, 12px);
        color: var(--color-text-muted);
        margin: 0 0 var(--spacing-sm) 0;
    }

    .role-card p:last-child {
        margin: 0;
        font-size: var(--font-size-sm, 14px);
        color: var(--color-text);
    }