/* 平台导航单组件 v2 增量样式（spec 20260909-platform-ia-tools-center P1 · FR-1.1）。
   基础样式复用 ml/css/dtb-navbar.css（.dtb-nav 家族，交互 dtb-navbar.js 零改动）；
   本文件只放 v2 差异：工作台壳内显示与高度对齐、四列分组 mega、行式 mega 卡、
   帮助下拉。令牌全部来自 tokens.css，不引入新色（设计稿 §12）。 */

/* 工作台壳显示平台顶导（2026-10-01 起 workbench.css 不再隐藏 .dtb-nav）。
   v2 是唯一顶导，高度与 --wb-topnav-h（60px）对齐，
   工具页 calc(100dvh - var(--dtb-nav-h)) 的 map-first 高度口径才不漏 4px。 */
body.wb-shell:not(.fullscreen-app) .dtb-nav.dtb-nav--v2 { display: block !important; }
/* 沉浸式编辑器（制图 maker-page / 快速成图 simple-page / 边界绘制 draw-page，均带 fullscreen-app）：
   不显示平台顶导（2026-07-13 P0 决策）。上一条已排除 fullscreen-app；这里再给出更高优先级的隐藏，
   并把 --dtb-nav-h 置 0，壳高度（shell.css）、抽屉 top（maker_page.css）统一按无顶导计算。
   顶导片段仍挂载（脚本/配额弹窗照常），仅视觉隐藏。回归：tests/app/test_immersive_nav_hidden.py */
body.wb-shell.fullscreen-app { --dtb-nav-h: 0px; }
body.wb-shell.fullscreen-app .dtb-nav.dtb-nav--v2,
body.wb-shell.fullscreen-app .dtb-navbar,
body.wb-shell.fullscreen-app #dtb-context-bar-slot { display: none !important; }
body.wb-shell.wb-topshell .dtb-nav--v2 .dtb-nav__inner { min-height: var(--wb-topnav-h, 60px); }
/* 工作台壳原为顶导全宽铺满（2026-07-20 裁定）；v2 统一跟随内容壳变量，
   宿主未声明 --nav-shell-* 时回落 dtb-navbar.css 原值。 */

/* 一级项（设计稿 §01 注记 2）：原 14/500；2026-09-19 用户指令「再大一号」→ 15px，
   字重不变，激活 600 + 品牌下划线（沿用 .is-active）。
   v2 一级项无图标，左右留白略收以放下 6 项 + 三组 caret。 */
.dtb-nav--v2 .dtb-nav__link { padding: 8px 10px; font-size: 15px; }
/* 组项「文字 + caret」：dtb-navbar.css 的 caret 用 margin-left:-8px 回吃链接右 padding（旧链接
   右 padding 11px → 净间距 5px）；v2 链接右 padding 收到 10px 后若仍用负 margin，caret 会贴字。
   桌面用 gap 拉开文字与箭头，caret 点击热区仍 ≥ 24px。 */
@media (min-width: 1024px) {
    .dtb-nav--v2 .dtb-nav__group { gap: 8px; }
    .dtb-nav--v2 .dtb-nav__link--group { padding-right: 6px; }
    .dtb-nav--v2 .dtb-nav__group-caret { margin-left: 0; padding: 8px 10px 8px 0; }
    .dtb-nav--v2 .dtb-nav__link--group.is-active::after { right: 6px; }
}
/* 产品 / 帮助 / 账号：CJK 与 FA chevron 左侧重，标签包成 span 后 gap 才能稳定生效 */
.dtb-nav--v2 .dtb-nav__switcher-btn { gap: 12px; }
.dtb-nav--v2 .dtb-nav__help-btn { gap: 12px; }
.dtb-nav--v2 .dtb-nav__user-toggle { gap: 10px; }
.dtb-nav--v2 .dtb-nav__user-toggle .dtb-nav__caret { margin-inline-start: 4px; }

/* ── 分组 mega（地址解析一组 / 工具中心三组 / 地理数据两组）──
   列数随组数自适应（grid-auto-flow: column）：工具中心从四组减为三组后不留空列。 */
.dtb-nav--v2 .dtb-nav__mega--groups { width: min(880px, calc(100vw - 48px)); padding: 16px 16px 12px; }
.dtb-nav--v2 .dtb-nav__mega--groups.dtb-nav__mega--anon { width: min(560px, calc(100vw - 48px)); }
.dtb-nav--v2 .dtb-nav__mega--groups.dtb-nav__mega--address { width: min(600px, calc(100vw - 48px)); }
/* 选址分析：三助手单列；400px 让脚注说明与两个脚链放在一行 */
.dtb-nav--v2 .dtb-nav__mega--groups.dtb-nav__mega--site { width: min(400px, calc(100vw - 48px)); }
.dtb-nav__mega-groups { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 18px; }
.dtb-nav__mega-groups--data { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.dtb-nav__mega--anon .dtb-nav__mega-groups--data { grid-template-columns: minmax(0, 1fr); }
.dtb-nav__mega-groups--address, .dtb-nav__mega-groups--site { grid-template-columns: minmax(0, 1fr); }
.dtb-nav__mega-group { min-width: 0; }
.dtb-nav__mega-group-title {
    margin: 0 0 8px; padding: 0 8px;
    font-size: 12px; font-weight: 600; letter-spacing: .04em;
    color: var(--muted); text-transform: none;
}
.dtb-nav__mega-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.dtb-nav__mega-list--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 10px; }
.dtb-nav__mega-list li { list-style: none; }
/* 行式卡：28px 图标 + 名称 / 一句话（设计稿 §01：mega 卡 28px 图标，圆角 8） */
.dtb-nav--v2 .dtb-nav__mega-card--row {
    flex-direction: row; align-items: center; gap: 10px;
    padding: 8px; border-color: transparent; height: auto;
}
.dtb-nav--v2 .dtb-nav__mega-card--row i {
    width: 28px; height: 28px; flex: none;
    display: inline-grid; place-items: center;
    font-size: 14px; border-radius: 8px;
    background: var(--brand-soft); color: var(--dtb-brand);
}
.dtb-nav--v2 .dtb-nav__mega-card--row span { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
.dtb-nav--v2 .dtb-nav__mega-card--row strong { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dtb-nav--v2 .dtb-nav__mega-card--row small { font-size: 12px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dtb-nav--v2 .dtb-nav__mega-card--row.is-active { border-color: var(--dtb-brand); }
.dtb-nav--v2 .dtb-nav__mega-foot { justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; }
.dtb-nav__mega-foot-note { font-size: 12.5px; color: var(--muted); }
/* 脚链多出口（P2：找数据 / 我的数据、全部工具 / 我的工具任务）并排右对齐 */
.dtb-nav__mega-foot-links { display: inline-flex; gap: 16px; align-items: center; }

/* ── 帮助▾（右区弱化入口，沿用 .dtb-nav__menu-dropdown 面板样式）── */
.dtb-nav__help { position: relative; display: inline-flex; }
.dtb-nav__help.is-open .dtb-nav__menu-dropdown { opacity: 1; transform: translateY(0); pointer-events: auto; }
.dtb-nav__help.is-open .dtb-nav__caret { transform: rotate(180deg); }
.dtb-nav__help-menu { min-width: 180px; }

/* 紧凑桌面：ghost 钮在 dtb-navbar.css 里整体隐藏，帮助菜单随之退场（抽屉内仍可达） */
@media (min-width: 1024px) and (max-width: 1366.98px) {
    .dtb-nav--v2 .dtb-nav__mega--groups { width: min(760px, calc(100vw - 48px)); }
    .dtb-nav__mega-groups { gap: 12px; }
    /* 登录态一级七项（2026-09-30 加选址分析）：只收水平内边距，不改 15px 字号（20260919 D-6） */
    .dtb-nav--v2 .dtb-nav__link { padding-left: 7px; padding-right: 7px; }
    .dtb-nav--v2 .dtb-nav__link--group { padding-right: 4px; }
    .dtb-nav--v2 .dtb-nav__group { gap: 4px; }
}

/* 抽屉态（<1024px）：分组 mega 退化为手风琴列表，组标题保留作分隔 */
@media (max-width: 1023.98px) {
    .dtb-nav__mega-groups, .dtb-nav__mega-groups--data, .dtb-nav__mega--anon .dtb-nav__mega-groups--data, .dtb-nav__mega-groups--address, .dtb-nav__mega-groups--site { grid-auto-flow: row; grid-template-columns: 1fr; gap: 6px; }
    .dtb-nav__mega-list--cols-2 { grid-template-columns: 1fr; }
    .dtb-nav__mega-group-title { padding: 6px 12px 2px; }
    .dtb-nav--v2 .dtb-nav__mega-card--row small { display: none; }
    .dtb-nav--v2 .dtb-nav__mega-foot { flex-direction: column; align-items: flex-start; gap: 4px; }
    .dtb-nav__help { width: 100%; }
    .dtb-nav__help .dtb-nav__btn--ghost { display: inline-flex; width: 100%; }
    .dtb-nav__help-menu { position: static; opacity: 1; transform: none; pointer-events: auto; box-shadow: none; border: 0; padding: 0; background: var(--surface-soft); width: 100%; }
}