/* Site overrides. Loaded last (after main.css and theme CSS), so these rules win. */

/* ===== User list: icon size and alignment ===== */
.user_item_icon { width:22px; line-height:0; }
.user_item_icon img { display:block; margin:0 auto; }
.user_item_icon.icrank { width:36px; }
.list_rank { height:32px; width:32px; display:block; margin:0 auto; vertical-align:initial; }
.list_rank[src$="/member.png"], .list_rank[src*="/member.png?"] { width:24px; height:24px; }
.list_mute, .list_mob, .list_ghost { height:14px; }
.list_flag { height:12px; }

/* ===== User list: rank groups ===== */
.ulist_group { margin-bottom:6px; }
.ulist_group_title { padding:6px 10px 4px; font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; opacity:0.6; }
.ulist_group_count { font-weight:normal; }

/* ===== User list: Staff / Room Staff cards ===== */
.ulist_group_card { position:relative; margin:4px 0 10px; padding:4px 4px 6px; border-radius:10px; background:rgba(128,128,128,0.08); border:1px solid rgba(128,128,128,0.16); overflow:hidden; }
.ulist_group_staff { border-left:3px solid #b8860b; }
.ulist_group_roomstaff { border-left:3px solid rgba(128,128,128,0.45); }
.ulist_group_head { display:flex; align-items:center; gap:8px; padding:6px 8px; margin-bottom:2px; border-bottom:1px solid rgba(128,128,128,0.14); }
.ulist_group_icon { font-size:13px; width:16px; text-align:center; }
.ulist_group_staff .ulist_group_icon { color:#b8860b; }
.ulist_group_name { flex:1; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:0.6px; }
.ulist_group_badge { min-width:20px; height:20px; line-height:20px; padding:0 6px; border-radius:10px; font-size:11px; font-weight:bold; text-align:center; }
.ulist_group_card .user_item { padding:5px 6px; border-radius:7px; }

/* ===== Private messages: read receipts ===== */
.prtick { display:inline-block; margin-left:4px; line-height:1; vertical-align:-1px; }
.prtick svg { display:block; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.prtick { color:#8696a0; }
.prtick_read { color:#2fa8e0; }