/* ============================================================================
 * 工作台顶部栏 · 公共库（2026-09-18 文哥定）
 *   结构：.wtop > .wtop-title ｜ .wtop-tabs > .wtop-tab … + .wtop-user
 *         .wsub > .wsub-tab …（二级 tab 行，紧贴顶栏下方）
 *   层级：顶栏内 = 一级（黑下划线，14px）＞ 二级行（浅底 + 黑下划线，13.5px）
 *   字号：标题 16px ／ 一级 tab 13px ／ 二级 tab 13.5px（2026-09-18 文哥定：菜单字比原来 15px 小一档；2026-09-19 文哥定：标题与一级 tab 再各缩一号）
 *   注意：本文件只做顶部栏；表格件在 /common/table.css。各工作台引用本文件即得统一样式。
 * ========================================================================== */
.wtop {
  background: #fff; border-bottom: 1px solid var(--line, var(--border, #e8ecf3));
  padding: 0 24px; height: 58px; display: flex; align-items: center; gap: 20px;
  position: relative; z-index: 20;
}
.wtop .wtop-title { font-size: 16px; font-weight: 600; color: #000; white-space: nowrap; }   /* 2026-09-19 文哥定：17→16 */

/* 一级 tab：顶栏内一行，选中 = 底部黑线（贴住顶栏下边线） */
.wtop .wtop-tabs { display: flex; align-items: stretch; height: 100%; gap: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.wtop .wtop-tabs::-webkit-scrollbar { display: none; }
.wtop .wtop-tab {
  display: inline-flex; align-items: center; height: 100%; padding: 0 15px;
  cursor: pointer; color: #595959; font-size: 13px; font-weight: 500; white-space: nowrap; flex-shrink: 0;   /* 2026-09-19 文哥定：14→13 */
  border-bottom: 2px solid transparent;
}
.wtop .wtop-tab:hover { color: #262626; }
.wtop .wtop-tab.active { color: #000; font-weight: 600; border-bottom-color: #000; }
.wtop .wtop-tab.dim { opacity: .38; cursor: default; }
.wtop .wtop-tab.dim:hover { color: #595959; }
.wtop .wtop-tab .n-no { font-size: 12px; font-weight: 600; opacity: .55; margin-right: 6px; }

.wtop .wtop-spacer { flex: 1 1 auto; }
.wtop .wtop-divider { width: 1px; height: 20px; background: #e2e8f2; flex-shrink: 0; }
.wtop .wtop-user { margin-left: auto; font-size: 13px; color: #8b95a6; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; }
.wtop .wtop-user .tag { background: #f0f2f5; color: #6b7280; border-radius: 20px; padding: 4px 12px; font-size: 12px; }

/* 二级 tab 行：紧贴顶栏下方一行（浅底 + 黑色下划线；字号/行高比一级小一档，靠这两点分层级）2026-09-18 文哥定 */
.wsub {
  display: flex; align-items: center; gap: 2px; padding: 0 24px; background: #fbfcfe;
  border-bottom: 1px solid var(--line, var(--border, #e8ecf3)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
}
.wsub::-webkit-scrollbar { display: none; }
.wsub .wsub-tab {
  display: inline-flex; align-items: center; height: 42px; padding: 0 14px; cursor: pointer;
  color: #595959; font-size: 13.5px; white-space: nowrap; flex-shrink: 0; border-bottom: 2px solid transparent;
}
.wsub .wsub-tab:hover { color: #262626; }
.wsub .wsub-tab.active { color: #000; font-weight: 700; border-bottom-color: #000; }   /* 2026-09-18 文哥定：二级 tab 也用黑色（不用蓝色） */
.wsub .wsub-tab.dim { opacity: .38; cursor: default; }

@media (max-width: 768px) {
  .wtop { height: auto; min-height: 54px; padding: 0 12px; gap: 12px; flex-wrap: wrap; }
  .wtop .wtop-tab { height: 44px; padding: 0 12px; font-size: 13.5px; }
  .wsub { padding: 0 12px; }
}