/* =========================
   DOVAU 最终收口补丁
   1) 修复左侧激活项数字看不见
   2) 修复右侧顶部和内容区过于贴边
   ========================= */

/* ---------- 左侧激活项：数字强制可见 ---------- */
/* 命中常见 badge / count / num 写法 */
.sidebar .active [class*="count"],
.sidebar .active [class*="badge"],
.sidebar .active [class*="num"],
.side-item.active [class*="count"],
.side-item.active [class*="badge"],
.side-item.active [class*="num"],
.category-nav .active [class*="count"],
.category-nav .active [class*="badge"],
.category-nav .active [class*="num"] {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08) !important;
  opacity: 1 !important;
}

/* 激活项 badge 里面的任何文字节点都强制深色 */
.sidebar .active [class*="count"] *,
.sidebar .active [class*="badge"] *,
.sidebar .active [class*="num"] *,
.side-item.active [class*="count"] *,
.side-item.active [class*="badge"] *,
.side-item.active [class*="num"] *,
.category-nav .active [class*="count"] *,
.category-nav .active [class*="badge"] *,
.category-nav .active [class*="num"] * {
  color: #0f172a !important;
  fill: #0f172a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* badge 尺寸统一，避免过小导致数字挤没 */
.sidebar [class*="count"],
.sidebar [class*="badge"],
.sidebar [class*="num"],
.side-item [class*="count"],
.side-item [class*="badge"],
.side-item [class*="num"],
.category-nav [class*="count"],
.category-nav [class*="badge"],
.category-nav [class*="num"] {
  min-width: 30px !important;
  height: 30px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* 左侧激活项副文案不要太亮，避免和数字抢视觉 */
.sidebar .active .meta,
.sidebar .active .desc,
.sidebar .active .sub,
.side-item.active .meta,
.side-item.active .desc,
.side-item.active .sub {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* ---------- 右侧内容区：增加右侧和顶部留白 ---------- */
/* 主内容列整体再留出一点呼吸感 */
.main-layout,
.page-layout,
.layout-main,
.content-wrap,
.content-layout {
  gap: 24px !important;
}

/* 右侧主面板 */
.main-content,
.page-content,
.content-main,
.right-content,
.main-panel {
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* 分类页顶部大白面板 / 搜索页 / 通用 section 面板 */
.section-panel,
.category-panel,
.search-panel,
.content-panel,
.panel,
.page-panel {
  padding-right: 28px !important;
  padding-left: 12px !important;
  box-sizing: border-box !important;
}

/* 标题区、工具数量、排序区域别贴边 */
.section-head,
.category-head,
.search-head,
.panel-head,
.page-head {
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* 排序工具条往左收一点 */
.section-toolbar,
.category-toolbar,
.search-toolbar,
.panel-toolbar {
  margin-right: 8px !important;
}

/* 顶部“返回首页 / 标题 / 数量 / 排序”区域再拉开 */
.category-header,
.search-header,
.section-header,
.page-header {
  padding-right: 20px !important;
  margin-bottom: 14px !important;
}

/* 工具网格自身右侧再留一点 */
.tool-grid,
.tools-grid,
.card-grid,
.grid-list {
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

/* 卡片右边缘与面板边缘之间留白更自然 */
.tool-card,
.card-item,
.tool-item {
  margin-right: 0 !important;
}

/* ---------- 左侧导航整体再轻一点 ---------- */
.sidebar,
.category-nav,
.side-nav {
  padding-right: 10px !important;
}

.sidebar .item,
.side-item,
.category-nav .item {
  min-height: 86px !important;
}

.sidebar .item .desc,
.side-item .desc,
.category-nav .item .desc {
  color: #8b98b1 !important;
}

/* 激活态整体更稳一点 */
.sidebar .active,
.side-item.active,
.category-nav .active {
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12) !important;
}