/* /home/ubuntu/baoleme/frontend/hw-nav-ia.css
   HONGWU.SI — Terminal 顶栏导航 (V42, 2026-10-09 03:2x)
   老板令「顶栏下拉分组」: 顶栏只放 9 部门按钮, 点击/悬停弹该部门 tab 列表。
   旧版 (V40) 横排 chip + 组名标签 → 已弃用, 保留 .hw-nav-sep/.hw-nav-group 兼容类。
   ⚠️ 不改 #hwNav 高度/位置; 下拉为 absolute 浮层, 不挤占文档流。
   ─ V42: 修「点了没反应」——补 hover 桥接, 鼠标慢速穿过 6px 缝隙不再误关菜单。 */

/* ── 部门容器 ── */
.hv-dept{position:relative;flex:0 0 auto;display:flex;align-items:center}

/* ── 部门按钮 (顶栏可见) ── */
.hv-dept-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 13px;border-radius:999px;
  font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;
  color:var(--sub,#8e9aad);white-space:nowrap;cursor:pointer;
  background:transparent;border:1px solid transparent;
  transition:all .18s ease;user-select:none;
}
.hv-dept-btn .hv-caret{font-size:8px;opacity:.5;transition:transform .18s ease,opacity .18s ease}
.hv-dept:hover .hv-dept-btn{color:var(--txt,#eaf0f8);background:rgba(255,255,255,.055);border-color:var(--border,rgba(77,124,254,.2))}
.hv-dept:hover .hv-dept-btn .hv-caret{opacity:.9;transform:translateY(1px)}
.hv-dept.open .hv-dept-btn{color:var(--txt,#eaf0f8);border-color:rgba(77,124,254,.42);
  background:linear-gradient(135deg,rgba(77,124,254,.20),rgba(77,124,254,.10))}
.hv-dept.has-active .hv-dept-btn{color:var(--txt,#eaf0f8)}
.hv-dept.has-active .hv-dept-btn::after{content:'';position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--hw-brand,#4D7CFE),var(--pink,#f472b6));opacity:.9}

/* ── 下拉面板 ── */
.hv-drop{
  position:absolute;top:calc(100% + 6px);left:0;z-index:200;
  min-width:172px;padding:6px;border-radius:12px;
  display:none;flex-direction:column;gap:2px;
  background:linear-gradient(180deg,rgba(16,20,32,.98),rgba(10,13,20,.98));
  border:1px solid rgba(77,124,254,.24);
  box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset;
  animation:hvDropIn .16s cubic-bezier(.22,1,.36,1);
}
.hv-dept.open .hv-drop{display:flex}
@keyframes hvDropIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* V42(2026-10-09 老板: 点了没反应): top:calc(100%+6px) 留了 6px 透明缝隙,
   真鼠标慢速下移穿过缝隙 → .hv-dept 触发 mouseleave → 菜单在到达前就关。
   解法: 面板 ::before 向上延伸 10px 做透明「hover 桥」, 使缝隙属于面板热区。 */
.hv-drop::before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px;background:transparent}

/* ── 下拉开项 ── */
.hv-drop-item{
  display:flex;align-items:center;gap:8px;width:100%;
  padding:7px 11px;border-radius:8px;text-align:left;
  font-family:inherit;font-size:12.5px;font-weight:500;line-height:1;
  color:var(--sub,#8e9aad);white-space:nowrap;cursor:pointer;
  background:transparent;border:0;transition:all .15s ease;
}
.hv-drop-item:hover{background:rgba(77,124,254,.12);color:var(--txt,#eaf0f8)}
.hv-drop-item.active{background:linear-gradient(135deg,rgba(77,124,254,.22),rgba(77,124,254,.10));
  color:var(--txt,#eaf0f8);font-weight:700;
  box-shadow:inset 2px 0 0 0 var(--hw-brand,#4D7CFE)}
.hv-drop-item .badge{margin-left:auto;font-family:var(--mono,monospace);font-size:9.5px;font-weight:800;line-height:1;
  padding:2px 5px;border-radius:8px;background:rgba(77,124,254,.22);color:#9BB4FF;border:1px solid rgba(77,124,254,.3)}

/* ── 旧类兼容 (若别处仍引用, 不破坏) ── */
.hw-nav-sep{display:none}
.hw-nav-group{display:none}
.hv-dept-spacer{flex:1 1 auto;min-width:0}

/* ── 窄屏: 顶栏横滑, 下拉改为点开 ── */
@media(max-width:900px){
  .hv-dept-btn{padding:6px 10px;font-size:11.5px}
  .hv-dept-btn .hv-caret{display:none}
}