header{background:var(--panel);border-bottom:1px solid var(--border);padding:0 14px;display:flex;align-items:center;height:42px;flex-shrink:0;gap:8px;}
.h-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;}
.h-me{display:flex;align-items:center;gap:7px;overflow:hidden;flex-shrink:1;}
.h-me-mobile{display:none;}
.h-me-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0;}
.h-me-name{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px;}

.status-wrap{position:relative;display:flex;align-items:center;}
.status-dot-btn{width:10px;height:10px;border-radius:50%;border:2px solid var(--border);cursor:pointer;flex-shrink:0;}
.status-dot-btn.online{background:var(--online);}
.status-dot-btn.away{background:var(--idle);}
.status-dot-btn.dnd{background:var(--dnd);}
.status-menu{position:absolute;top:22px;right:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 6px 20px rgba(0,0,0,.2);display:none;z-index:100;min-width:130px;}
.status-menu.open{display:block;}
.status-opt{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text);}
.status-opt:hover{background:var(--panel2);}
.status-opt .sd{width:9px;height:9px;border-radius:50%;flex-shrink:0;}

.h-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;}
.h-btn:hover{color:var(--text);background:var(--panel2);}
#themeBtn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;color:var(--text);display:flex;align-items:center;}
#themeBtn:hover{background:var(--panel2);}

.room-header{padding:0 14px;background:var(--panel);border-bottom:1px solid var(--border);font-size:13px;color:var(--muted);flex-shrink:0;display:flex;align-items:center;gap:8px;height:44px;}
.room-header .rh-name{color:var(--text);font-weight:700;}
.rh-dm-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;overflow:hidden;position:relative;}
.rh-dm-avatar img{width:100%;height:100%;object-fit:cover;}
.rh-dm-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--panel);background:var(--offline);}
.rh-dm-dot.online{background:var(--online);}.rh-dm-dot.away{background:var(--idle);}.rh-dm-dot.dnd{background:var(--dnd);}
.rh-dm-info{display:flex;flex-direction:column;gap:0;}
.rh-dm-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.2;}
.rh-dm-status{font-size:11px;color:var(--muted);}