/* 共享二级弹出菜单样式：为缺少菜单样式的页面提供基础外观。
   已自带菜单样式的页面因自身样式表在其后加载而不受影响。 */
.nav-group { position: relative; }
.nav-flyout {
  position: absolute;
  left: 56px;
  top: -8px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
  padding: 12px 0;
  z-index: 500;
  display: none;
  max-height: calc(100vh - 16px);
  overflow-y: auto;
}
.nav-flyout-col { padding: 0 8px; min-width: 170px; }
.nav-flyout-title {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px 6px;
  font-size: 11px;
  font-weight: 600;
  color: #9CA3AF;
  letter-spacing: 0.5px;
}
.flyout-title-icon { display: flex; align-items: center; justify-content: center; color: var(--color-primary, #059669); }
.nav-flyout-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  font-size: 13px;
  color: #374151;
  text-decoration: none;
  border-radius: 6px;
  margin: 1px 4px;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
  white-space: nowrap;
}
.nav-flyout-item:hover { background: var(--color-primary-light, rgba(5,150,105,0.08)); color: var(--color-primary, #059669); }
.nav-flyout-item.current {
  background: var(--color-primary-light, rgba(5,150,105,0.08));
  color: var(--color-primary, #059669);
  font-weight: 600;
}
.nav-flyout-item.current .flyout-icon { color: var(--color-primary, #059669); }
.nav-flyout-item.current::before {
  content: '';
  width: 3px;
  height: 14px;
  background: var(--color-primary, #059669);
  border-radius: 2px;
  margin-right: 2px;
}
.flyout-icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #9CA3AF;
}
.nav-flyout-item:hover .flyout-icon { color: var(--color-primary, #059669); }
.nav-flyout-badge {
  margin-left: auto;
  background: var(--state-error, #DC2626);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 10px;
}
.flyout-arrow {
  position: absolute;
  left: -6px;
  top: 16px;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: -2px 2px 6px rgba(0,0,0,0.06);
}
.flyout-arrow-bottom { top: auto; bottom: 16px; }
.flyout-pin-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 2px;
  color: #9CA3AF;
  cursor: pointer;
}
.flyout-pin-icon:hover { color: var(--color-primary, #059669); }

/* 订单状态树项：可点击 + 选中态 */
.ofp-tree-item { cursor: pointer; user-select: none; }
.ofp-tree-item:hover { background: rgba(5,150,105,.08); }
.ofp-tree-item.st-active { background: rgba(5,150,105,.16) !important; color: #059669 !important; font-weight: 600; }