/* ============================================================
   左侧导航 · 完整对齐 nav_tab-2（Ant Design 5 dark Sider + Menu + sider-trigger）
   来源：E:\工作对接\00 中台模块\导航栏_nav_tab-2
     - src/main.tsx   ConfigProvider token（colorPrimary #1b6fe4 / borderRadius 6 / fontSize 14）
                      components.Layout: siderBg #001529 / headerBg #ffffff
     - antd v5 dark algorithm 派生值：
                      colorItemBgSelected = #1b6fe4, colorItemBgHover = rgba(255,255,255,.08)
                      colorItemText = rgba(255,255,255,.85), colorItemTextHover = #fff, colorItemTextSelected = #fff
                      sider-trigger 48px 高 / border-top+bottom rgba(255,255,255,.12)
   加载顺序：在 workbench-desktop.css 之后，后定义者覆盖同名选择器。
   ============================================================ */
:root,html.vo-page,html[data-ui-lib],html.is-embed{
  --md-nav-width:224px;--sidebar-w:224px;
  --md-nav-collapsed-width:56px;--sidebar-collapsed-w:56px;
  --nav-primary:#1b6fe4;--nav-primary-hover:#4189ec;
  --sidebar-bg:#001529;
  /* antd dark Menu token 色值 */
  --menu-text:rgba(255,255,255,.85);
  --menu-text-hover:#fff;
  --menu-text-selected:#fff;
  --menu-bg-hover:rgba(255,255,255,.08);
  --menu-bg-selected:#1b6fe4;
  --menu-divider:rgba(255,255,255,.12);
}

/* ---- 侧栏：绘制隔离（hover/选中只重绘侧栏，避免整页 paint）---- */
.sidebar{background:#001529;contain:paint}

/* ---- Logo 行：高度与顶栏 52px 对齐，底边同线 ---- */
.sb-brand{height:52px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar.collapsed .sb-brand{justify-content:center;padding:0}

/* ---- 骨架页动作按钮（新建/复制/清除/保存）：与左侧 tab 同一行，靠最右 ---- */
.wp-tabbar .wp-skel-acts{justify-content:flex-end}

/* ============================================================
   菜单 · 完全对齐 antd v5 dark Menu（inline mode / fontSize 14 / borderRadius 6）
   antd 派生值（参考 main.tsx ConfigProvider + dark algorithm）：
     colorItemBgHover      = rgba(255,255,255,.08)
     colorItemBgSelected   = colorPrimary = #1b6fe4
     colorItemText         = rgba(255,255,255,.85)
     colorItemTextHover    = #fff
     colorItemTextSelected = #fff
     item border-radius    = borderRadius token = 6px
     inline item padding   = 0 16px（antd 默认）
     item height           = 40px（inline）
     submenu item padding  = 0 48px 0 48px（antd dark inline padding）/ 或用 indent 24px 累加
   ============================================================ */

/* 导航容器左右不留白（覆盖 workbench-desktop.css 的 padding-left:8px / padding-right:4px）*/
.sidebar .nav{padding-left:0;padding-right:0}

/* 菜单项（顶层）*/
.navi{border-radius:6px;margin:2px 0}
.navi{height:40px;padding:0 16px;font-size:14px;color:var(--menu-text)}
/* 分组头：左右撑满、直角（不做圆角），与子菜单色条保持一致 */
.nav-group{border-radius:0;margin:2px 0;height:40px;padding:0 16px;font-size:14px;color:var(--menu-text)}

/* antd inline 子菜单项：额外缩进 24px + padding-right 保持 16px（与顶层一致）*/
.nav-children .navi{padding-left:40px;padding-right:16px;color:rgba(255,255,255,.85)}
/* 展开的子菜单区域：更深一层底色（antd v5 dark 派生 #000c17），与顶层菜单区分 */
.sidebar .nav-children .nc-inner{background:#000c17;border-radius:0}
/* 子菜单项选中态：左右各内缩 3px（顶层菜单项不缩，分组头不变）*/
.nav-children .navi.active{margin-left:3px;margin-right:3px}
/* 选中子项同样用 colorPrimary */
.nav-children .navi.active{background:var(--menu-bg-selected);color:#fff}
/* 子项 hover 与顶层一致 */
.nav-children .navi:hover{background:var(--menu-bg-hover);color:#fff}

/* hover — antd dark（合并重复规则，减少样式匹配）*/
.navi:hover,.nav-group:hover{background:var(--menu-bg-hover);color:var(--menu-text-hover)}

/* active（选中）—— antd colorPrimary + 白字 */
.navi.active{background:var(--menu-bg-selected);color:var(--menu-text-selected);font-weight:400}
.navi.active:hover{background:var(--nav-primary-hover);color:#fff}

/* 展开中的分组（aria-expanded="true"）—— antd 展开态：文字变亮、背景保持 */
.nav-group[aria-expanded="true"]{color:#fff;background:var(--menu-bg-hover)}

/* 图标 */
.navi svg,.nav-group .nav-group-icon svg{width:14px;height:14px;flex:0 0 14px}
.navi svg{color:inherit}

/* 暗色 Sider 细滚动条（模板 index.css .ant-menu 滚动条） */
.sidebar .nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;overscroll-behavior:contain}
.sidebar .nav::-webkit-scrollbar{width:6px}
.sidebar .nav::-webkit-scrollbar-track{background:transparent}
.sidebar .nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:99px}
.sidebar .nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.32)}

/* ---- 折叠态 ---- */
.sidebar.collapsed .navi,.sidebar.collapsed .nav-group{justify-content:center;padding:0}
.sidebar.collapsed .navi .navi-txt,
.sidebar.collapsed .nav-group .nav-group-title,
.sidebar.collapsed .nav-group .nav-chevron{display:none}
.sidebar.collapsed .nav-group .nav-children{display:none}
.sidebar.collapsed .navi svg,.sidebar.collapsed .nav-group svg{width:18px;height:18px}

/* ============================================================
   侧栏底部 · 对齐 antd .ant-layout-sider-trigger
     height=48px / border-top + border-bottom rgba(255,255,255,.12) / 满宽 / 居中图标
   ============================================================ */
.sidebar .data-tools{
  flex:0 0 auto;display:flex;flex-direction:column;background:transparent;
  padding:0;margin:0;gap:0;           /* 覆盖 workbench-desktop.css 的 var(--md-s-2)/var(--md-s-3) padding */
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
/* 折叠态同样清零 padding/gap（workbench-desktop.css 的 .sidebar.collapsed .data-tools 特异性更高，必须显式覆盖）*/
.sidebar.collapsed .data-tools{padding:0;margin:0;gap:0}
.sidebar .data-tools .collapse-btn,
.sidebar.collapsed .data-tools .collapse-btn{
  width:100%;height:48px;min-height:48px;box-sizing:border-box;
  border:none;cursor:pointer;
  background:transparent;border-radius:0;padding:0;margin:0;  /* 覆盖 .dt-btn padding */
  color:rgba(255,255,255,.85);font-size:16px;line-height:48px;
  display:flex;align-items:center;justify-content:center;
  transition:color .15s,background .15s;
}
.sidebar .data-tools .collapse-btn:hover{color:#fff;background:rgba(255,255,255,.06)}
.sidebar .data-tools .collapse-btn svg{width:16px;height:16px;transition:transform .25s}
.sidebar.collapsed .data-tools .collapse-btn svg{transform:rotate(180deg)}

/* collapsed 侧栏下：触发器仍保持满宽 48px */
.sidebar.collapsed .data-tools .collapse-btn{justify-content:center;padding:0}

/* 隐藏顶部栏里可能残留的折叠按钮 */
.topbar .collapse-btn{display:none !important}