/* USER MENU (top bar) */
.user-menu-wrap{position:relative;}
.user-menu-btn{width:34px;height:34px;border-radius:50%;background:none;border:1px solid var(--bd2);padding:0;cursor:pointer;display:grid;place-items:center;}
.user-menu-btn:hover{border-color:var(--ac);}
.user-menu-btn:focus-visible{outline:2px solid var(--ac);outline-offset:2px;}
.um-avatar{width:30px;height:30px;border-radius:50%;background:var(--ac);color:#0a0d14;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0;}
.um-avatar-lg{width:38px;height:38px;font-size:13px;}

.user-menu-panel{position:fixed;top:62px;right:16px;width:260px;background:var(--sf);border:1px solid var(--bd2);border-radius:var(--r2);z-index:500;box-shadow:var(--sh2);padding:6px;}
.user-menu-panel[hidden]{display:none;}

.um-header{display:flex;align-items:center;gap:10px;padding:10px 8px 6px;}
.um-id{min-width:0;}
.um-name{font-size:13px;font-weight:700;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.um-email{font-size:11px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.um-role-row{padding:2px 8px 8px;}
.um-sep{height:1px;background:var(--bd);margin:4px 2px;}

.um-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:var(--tx);font-size:12.5px;padding:9px 10px;border-radius:var(--r);cursor:pointer;}
.um-item:hover{background:var(--sf2);}
.um-item:focus-visible{outline:2px solid var(--ac);outline-offset:-2px;}
.um-item.um-signout{color:var(--rd);}
.um-item.um-signout:hover{background:var(--rd-d);}

@media (max-width:640px){
  .user-menu-panel{position:fixed;top:var(--tb);left:0;right:0;width:auto;border-radius:0;border-left:none;border-right:none;}
}