/* Máy tính: tab con của module thành cây thư mục mở từ thanh trên (bms-desktop-nav-tree.js, anh Hiệp 2026-10-28).
   Chỉ áp dụng khi không ở khung điện thoại; lớp html.dnt-<module> do script bật cho module đang mở. */
@media (min-width: 901px) {
  /* đường dẫn: "BMS / Nhân sự / Chấm công" — chỉ hiển thị, không bấm chọn (anh Hiệp 2026-10-29: đã có thanh tab trong trang) */
  html.dnt-on:not(.bms-phone-v2) .topbar .shell-breadcrumbs > #shellBreadcrumbCurrent { display: none; }
  /* cây hiện to hơn (anh Hiệp 06:42Z): đường dẫn 17px */
  html.dnt-on:not(.bms-phone-v2) .topbar .shell-breadcrumbs { align-items: center; font-size: 17px; line-height: 1.3; }
  html.dnt-on:not(.bms-phone-v2) .topbar .shell-breadcrumbs > :where(.shell-breadcrumb-root):is(.shell-breadcrumb-root, span[aria-hidden]), html.dnt-on:not(.bms-phone-v2) .topbar .shell-breadcrumbs > :where(span):is(.shell-breadcrumb-root, span[aria-hidden]) { font-size: 17px; }
  html:not(.bms-phone-v2) .topbar .dnt-trigger { position: relative; display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 520px; margin: 0; padding: 0; border: 0; background: none; color: var(--bms-text, #0F172A); font: inherit; cursor: default; }
  html:not(.bms-phone-v2) .topbar .dnt-trigger .dnt-mod { flex: 0 0 auto; font-weight: 650; }
  html:not(.bms-phone-v2) .topbar .dnt-trigger .dnt-sep { flex: 0 0 auto; color: #94A3B8; }
  html:not(.bms-phone-v2) .topbar .dnt-trigger .dnt-cur { min-width: 0; overflow: hidden; color: inherit; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }

  /* hàng tab ngang và nút chọn cấp 2 trong trang VẪN HIỆN (anh Hiệp 2026-10-29): cây thư mục trên thanh trên
     chỉ hiện đường dẫn, không thay thế thanh tab trên đầu trang nghiệp vụ. */
  /* tiêu đề nhỏ trùng tên tab: ẩn khỏi mắt, còn cho trình đọc màn hình */
  html.dnt-on:not(.bms-phone-v2) .dnt-dup { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
}

/* thanh tab trên đầu trang nghiệp vụ sát lên gần thanh trên (anh Hiệp 2026-10-29 05:36Z): cách thanh trên ~10px thay vì 27–41px.
   Kéo cả khung trang lên 28px và chừa 8px phía trên hàng tab để số đếm (badge) ở góc tab không bị cắt (05:58Z). */
@media (min-width: 901px) {
  html:not(.bms-phone-v2) body .content > section.panel.active:is([data-panel="tasks"], [data-panel="crm"], [data-panel="srm"], [data-panel="hrm"], [data-panel="tpm"], [data-panel="ifm"], [data-panel="warehouse"], [data-panel="settings"], [data-panel="users"]):not(#\#) { margin-top: -28px; }
  html:not(.bms-phone-v2) body .content > section.panel.active :where(#tasksHubTabs):is(#tasksHubTabs, .panel[data-panel="crm"] .relationship-tabs, .srm-v2-main-tabs, #hrmTabs, .ifm-tabs, .wk-tabs, .settings-subtabs, #permissionModeTabs):not(#\#), html:not(.bms-phone-v2) body .content > section.panel.active :where(.relationship-tabs):is(#tasksHubTabs, .panel[data-panel="crm"] .relationship-tabs, .srm-v2-main-tabs, #hrmTabs, .ifm-tabs, .wk-tabs, .settings-subtabs, #permissionModeTabs):not(#\#), html:not(.bms-phone-v2) body .content > section.panel.active :where(.srm-v2-main-tabs):is(#tasksHubTabs, .panel[data-panel="crm"] .relationship-tabs, .srm-v2-main-tabs, #hrmTabs, .ifm-tabs, .wk-tabs, .settings-subtabs, #permissionModeTabs):not(#\#), html:not(.bms-phone-v2) body .content > section.panel.active :where(#hrmTabs):is(#tasksHubTabs, .panel[data-panel="crm"] .relationship-tabs, .srm-v2-main-tabs, #hrmTabs, .ifm-tabs, .wk-tabs, .settings-subtabs, #permissionModeTabs):not(#\#), html:not(.bms-phone-v2) body .content > section.panel.active :where(.ifm-tabs):is(#tasksHubTabs, .panel[data-panel="crm"] .relationship-tabs, .srm-v2-main-tabs, #hrmTabs, .ifm-tabs, .wk-tabs, .settings-subtabs, #permissionModeTabs):not(#\#), html:not(.bms-phone-v2) body .content > section.panel.active :where(.wk-tabs):is(#tasksHubTabs, .panel[data-panel="crm"] .relationship-tabs, .srm-v2-main-tabs, #hrmTabs, .ifm-tabs, .wk-tabs, .settings-subtabs, #permissionModeTabs):not(#\#), html:not(.bms-phone-v2) body .content > section.panel.active :where(.settings-subtabs):is(#tasksHubTabs, .panel[data-panel="crm"] .relationship-tabs, .srm-v2-main-tabs, #hrmTabs, .ifm-tabs, .wk-tabs, .settings-subtabs, #permissionModeTabs):not(#\#), html:not(.bms-phone-v2) body .content > section.panel.active :where(#permissionModeTabs):is(#tasksHubTabs, .panel[data-panel="crm"] .relationship-tabs, .srm-v2-main-tabs, #hrmTabs, .ifm-tabs, .wk-tabs, .settings-subtabs, #permissionModeTabs):not(#\#) { margin-top: 0; padding-top: 8px; }
  html:not(.bms-phone-v2) body .content > section.panel.active[data-panel="tpm"] .pms-head:not(#\#) { margin-top: 0; padding-top: 0; }
}