/* =========================================================
   TMS v10.4 顶部导航可读性修复
   作用范围：仅深海蓝 / 靛青紫主题的顶部导航及其弹出菜单。
   原则：
   - 深色顶栏：日期时间、版本、主题按钮、用户按钮使用白字。
   - 顶栏内白底控件：搜索框、主题下拉、用户下拉必须恢复深色文字。
   - 不修改 Dashboard / 调度中心 / 表单 / 数据卡片等业务内容区。
   ========================================================= */

/* ---------- 深色主题顶栏本体 ---------- */
html[data-tms-theme="navy"] .app-global-topbar,
html[data-tms-theme="indigo"] .app-global-topbar{
  color:#FFFFFF !important;
}

/* 日期与时间：深色底统一白字，避免被旧 ui-text 变量覆盖。 */
html[data-tms-theme="navy"] .app-global-topbar .global-clock,
html[data-tms-theme="indigo"] .app-global-topbar .global-clock,
html[data-tms-theme="navy"] .app-global-topbar .global-clock > span,
html[data-tms-theme="indigo"] .app-global-topbar .global-clock > span,
html[data-tms-theme="navy"] .app-global-topbar .global-clock > b,
html[data-tms-theme="indigo"] .app-global-topbar .global-clock > b{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
}
html[data-tms-theme="navy"] .app-global-topbar .global-clock > span,
html[data-tms-theme="indigo"] .app-global-topbar .global-clock > span{
  color:rgba(255,255,255,.90) !important;
  -webkit-text-fill-color:rgba(255,255,255,.90) !important;
}

/* 版本号：使用半透明主题顶栏胶囊，不再出现“白底白字”。 */
html[data-tms-theme="navy"] .app-global-topbar .tms-version-chip,
html[data-tms-theme="indigo"] .app-global-topbar .tms-version-chip{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.22) !important;
  opacity:1 !important;
  box-shadow:none !important;
}

/* ---------- 顶栏搜索：白底控件必须使用深色字 ---------- */
html[data-tms-theme="navy"] .app-global-topbar .global-search,
html[data-tms-theme="indigo"] .app-global-topbar .global-search{
  background:#FFFFFF !important;
  border-color:#E2E8F0 !important;
  color:#64748B !important;
  box-shadow:0 1px 2px rgba(15,23,42,.05) !important;
}
html[data-tms-theme="navy"] .app-global-topbar .global-search > span,
html[data-tms-theme="indigo"] .app-global-topbar .global-search > span,
html[data-tms-theme="navy"] .app-global-topbar .global-search :is(i,b,strong),
html[data-tms-theme="indigo"] .app-global-topbar .global-search :is(i,b,strong){
  color:#64748B !important;
  -webkit-text-fill-color:#64748B !important;
  opacity:1 !important;
}
html[data-tms-theme="navy"] .app-global-topbar .global-search > span:first-child,
html[data-tms-theme="indigo"] .app-global-topbar .global-search > span:first-child{
  color:#94A3B8 !important;
  -webkit-text-fill-color:#94A3B8 !important;
}

/* ---------- 当前主题按钮：主题深色底上保持白字 ---------- */
html[data-tms-theme="navy"] .app-global-topbar .theme-btn,
html[data-tms-theme="indigo"] .app-global-topbar .theme-btn{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#FFFFFF !important;
}
html[data-tms-theme="navy"] .app-global-topbar .theme-btn #themeName,
html[data-tms-theme="indigo"] .app-global-topbar .theme-btn #themeName,
html[data-tms-theme="navy"] .app-global-topbar .theme-btn > span,
html[data-tms-theme="indigo"] .app-global-topbar .theme-btn > span{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
}

/* ---------- 主题下拉：白底深字（覆盖顶栏白字规则） ---------- */
html[data-tms-theme="navy"] .app-global-topbar #themePanel,
html[data-tms-theme="indigo"] .app-global-topbar #themePanel,
html[data-tms-theme="navy"] .app-global-topbar .theme-panel,
html[data-tms-theme="indigo"] .app-global-topbar .theme-panel{
  background:#FFFFFF !important;
  color:#333333 !important;
  border-color:#E5E7EB !important;
}
html[data-tms-theme="navy"] .app-global-topbar #themePanel button,
html[data-tms-theme="indigo"] .app-global-topbar #themePanel button,
html[data-tms-theme="navy"] .app-global-topbar .theme-panel button,
html[data-tms-theme="indigo"] .app-global-topbar .theme-panel button{
  color:#333333 !important;
  background:transparent !important;
}
html[data-tms-theme="navy"] .app-global-topbar #themePanel button span,
html[data-tms-theme="indigo"] .app-global-topbar #themePanel button span,
html[data-tms-theme="navy"] .app-global-topbar .theme-panel button span,
html[data-tms-theme="indigo"] .app-global-topbar .theme-panel button span{
  color:#333333 !important;
  -webkit-text-fill-color:#333333 !important;
}
html[data-tms-theme="navy"] .app-global-topbar #themePanel button.active span,
html[data-tms-theme="indigo"] .app-global-topbar #themePanel button.active span,
html[data-tms-theme="navy"] .app-global-topbar .theme-panel button.active span,
html[data-tms-theme="indigo"] .app-global-topbar .theme-panel button.active span{
  color:var(--accent-color) !important;
  -webkit-text-fill-color:var(--accent-color) !important;
}

/* ---------- 用户按钮：深色顶栏白字 ---------- */
html[data-tms-theme="navy"] .app-global-topbar .top-user-trigger,
html[data-tms-theme="indigo"] .app-global-topbar .top-user-trigger{
  color:#FFFFFF !important;
}
html[data-tms-theme="navy"] .app-global-topbar .top-user-trigger > i,
html[data-tms-theme="indigo"] .app-global-topbar .top-user-trigger > i{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* ---------- 用户下拉：白底区域强制恢复深色文字 ---------- */
html[data-tms-theme="navy"] .app-global-topbar .top-user-dropdown,
html[data-tms-theme="indigo"] .app-global-topbar .top-user-dropdown{
  background:#FFFFFF !important;
  color:#333333 !important;
  border-color:#E5E7EB !important;
}
html[data-tms-theme="navy"] .app-global-topbar .top-user-dropdown-head,
html[data-tms-theme="indigo"] .app-global-topbar .top-user-dropdown-head{
  background:#FFFFFF !important;
  border-bottom-color:#E5E7EB !important;
}
html[data-tms-theme="navy"] .app-global-topbar .top-user-dropdown-head > b,
html[data-tms-theme="indigo"] .app-global-topbar .top-user-dropdown-head > b{
  color:#333333 !important;
  -webkit-text-fill-color:#333333 !important;
  opacity:1 !important;
}
html[data-tms-theme="navy"] .app-global-topbar .top-user-dropdown-head > span,
html[data-tms-theme="indigo"] .app-global-topbar .top-user-dropdown-head > span{
  color:#666666 !important;
  -webkit-text-fill-color:#666666 !important;
  opacity:1 !important;
}

/* 退出登录保留原主按钮视觉，文字/图标必须白色。 */
html[data-tms-theme="navy"] .app-global-topbar .top-user-dropdown > button,
html[data-tms-theme="indigo"] .app-global-topbar .top-user-dropdown > button{
  color:#FFFFFF !important;
  background:var(--accent-color) !important;
  border-color:var(--accent-color) !important;
}
html[data-tms-theme="navy"] .app-global-topbar .top-user-dropdown > button :is(span,i),
html[data-tms-theme="indigo"] .app-global-topbar .top-user-dropdown > button :is(span,i){
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
html[data-tms-theme="navy"] .app-global-topbar .top-user-dropdown > button:hover,
html[data-tms-theme="indigo"] .app-global-topbar .top-user-dropdown > button:hover{
  background:var(--accent-hover) !important;
  border-color:var(--accent-hover) !important;
}