/* user/index */
.member-list h1 { font-size: 1.5rem; margin-bottom: 1rem; font-weight: 600; }
.member-list .member-name { width: 35%; }
.member-list .member-name a { color: var(--link); text-decoration: underline; }
.member-list .member-name a:hover { color: var(--link-hover); text-decoration: none; }
.member-list .member-rank { font-size: 0.9rem; color: var(--text-muted); }
.member-list .member-rank .rank-icon { vertical-align: -3px; margin-right: 0.25rem; }
.member-list .member-posts { text-align: right; white-space: nowrap; width: 5.5rem; font-variant-numeric: tabular-nums; }
.member-list .member-since { white-space: nowrap; font-size: 0.88rem; color: var(--text-muted); }

/* user/show */
.user-profile h1 { font-size: 1.35rem; margin: 0 0 0.75rem; font-weight: 600; }
.user-profile .profile-head { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1rem 1.25rem; margin-bottom: 1rem; }
.user-profile .avatar {
    width: 96px;
    height: 96px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid var(--border);
    background: var(--code-bg);
}
.user-profile dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 0.35rem 1.25rem; font-size: 0.95rem; }
.user-profile dt { color: var(--text-muted); margin: 0; }
.user-profile dd { margin: 0; }
.user-profile .bio {
    margin: 0.75rem 0 0;
    white-space: pre-wrap;
    font-size: 0.95rem;
    line-height: 1.5;
}
.user-profile .edit-link { margin-top: 1rem; font-size: 0.95rem; }
.user-profile .banned-badge {
    margin-left: 0.35rem;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 500;
    vertical-align: middle;
    background: var(--flash-error-bg);
    color: var(--flash-error-text);
}
.user-profile .rank-icon { vertical-align: -3px; margin-right: 0.25rem; }

/* online_users/index */
.online-users h1 { font-size: 1.5rem; margin-bottom: 0.35rem; font-weight: 600; }
.online-users .intro { font-size: 0.9rem; color: var(--text-muted); margin: 0 0 1rem; }
.online-users .col-user { width: 22%; }
.online-users .col-user a { color: var(--link); text-decoration: underline; }
.online-users .col-user a:hover { color: var(--link-hover); text-decoration: none; }
.online-users .col-time { white-space: nowrap; font-size: 0.88rem; color: var(--text-muted); width: 12rem; }
.user-profile .profile-meta { color: var(--text-muted); font-size: 0.9em; }