/* ============================================================================
   侧栏身份块 · 全站唯一实现（2026-11-08）
   ----------------------------------------------------------------------------
   用途：会员端 / 代理端 / 推广端 / 会员工作台，凡左侧栏顶部，只认这一个组件。
   页面只引这一份 CSS，DOM 走 view/common/side_id.html，禁止再各写一套。
   尺寸（与站点侧栏 56px 头对齐）：高 56 / 左右 16 / 头像 30 / 圆角 8 / 名 13.5 / 身份 11.5
   颜色：头像 #FF4400（朱砂橙），姓名 var(--sid-ink)，身份 var(--sid-role)，证件图标跟在身份后面
   ========================================================================== */

html{
  --sid-ink:#1F2329;
  --sid-role:#8F959E;
  --sid-ic:#9A9EA6;
  --sid-av:#FF4400;
  --sid-av-fg:#FFFFFF;
}
html[data-theme="dark"]{
  --sid-ink:#E8E9EB;
  --sid-role:#8B9199;
  --sid-ic:#7C838C;
  --sid-av:#FF6A3D;
  --sid-av-fg:#1A0A03;
}

.sid{
  display:flex;align-items:center;gap:8px;
  height:56px;flex:0 0 56px;box-sizing:border-box;
  padding:0 16px;
  background:transparent;
  border:0;border-bottom:1px solid var(--line,#EFEDE7);border-radius:0;
  text-decoration:none;color:var(--sid-ink);
}
.sid:hover{background:var(--card,var(--panel2,rgba(0,0,0,.03)));border-bottom-color:var(--line,#EFEDE7);color:var(--sid-ink)}

.sid-av{
  width:30px;height:30px;flex:0 0 30px;box-sizing:border-box;
  border-radius:8px;background:var(--sid-av);color:var(--sid-av-fg);
  display:flex;align-items:center;justify-content:center;
  font-style:normal;font-size:13px;font-weight:600;line-height:1;
}
.sid-tx{
  min-width:0;flex:0 1 auto;
  display:flex;flex-direction:column;gap:1px;
}
.sid-tx b{
  font-size:13.5px;font-weight:600;line-height:1.25;color:var(--sid-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sid-sub{display:flex;align-items:center;gap:6px;min-width:0}
.sid-sub s{
  text-decoration:none;font-size:11.5px;line-height:1.25;color:var(--sid-role);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sid-ic{
  width:15px;height:15px;flex:0 0 15px;
  fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
  color:var(--sid-ic);
}

/* 侧栏折叠态：身份块让位给窄栏（与原有折叠逻辑一致） */
[data-side="fold"] .sid{display:none}