/* Compact member card: one 48px avatar beside two 22px lines plus a 4px gap. */
#app .user-card:has(.user-header img:is(.user-avatar,.user-avatar-large)){padding:14px 16px}
#app .user-card .user-header:has(img:is(.user-avatar,.user-avatar-large)){display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;margin:0 0 10px}
#app .user-card .user-header img:is(.user-avatar,.user-avatar-large){width:48px!important;height:48px!important;min-width:48px;box-sizing:border-box}
#app .user-card .user-header:has(img:is(.user-avatar,.user-avatar-large))>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0;height:48px}
#app .user-card .user-header:has(img:is(.user-avatar,.user-avatar-large)) :is(h3,h4){font-size:16px;line-height:22px;height:22px;max-width:100%;margin:0;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#app .user-card .user-header:has(img:is(.user-avatar,.user-avatar-large)) .user-level{height:22px;box-sizing:border-box;line-height:20px;font-size:12px;margin:0;padding:0 9px;white-space:nowrap}
#app .user-card:has(.user-header img:is(.user-avatar,.user-avatar-large)) .btn-post{height:40px;min-height:40px;padding:8px 12px;margin:0;border-radius:10px;box-sizing:border-box;line-height:22px}