/* 在全局 CSS 文件中 */
/* 选择 Ant Design Tabs 组件的 tab 栏 */
.ant-tabs-nav {
  @apply bg-[#edf8fb] backdrop-filter backdrop-blur-lg dark:border-[#6f7f95] dark:bg-[#6f7f95] dark:bg-opacity-60 h-14 px-6;
}
.ant-tabs-nav::before {
  @apply dark:border-[#6f7f95];
}
.ant-tabs-tab {
  @apply dark:text-slate-400;
}
/* 选择被激活的 Ant Design Tabs 组件的 tab */
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  @apply dark:text-white;
}
.ant-tabs-ink-bar {
  @apply dark:bg-white;
}

/* 定时任务页面：让 Tabs 内容区域可滚动，不影响其他页面 */
.scrollable-tabs.ant-tabs {
  height: 100%;
}
.scrollable-tabs .ant-tabs-content-holder {
  flex: auto;
  min-height: 0;
  overflow: auto !important;
}
.scrollable-tabs .ant-tabs-content {
  height: auto !important;
}
.scrollable-tabs .ant-tabs-tabpane {
  height: auto !important;
}

/* 定时任务:增强 Switch off(暂停)态在浅色磨砂背景上的对比度。
   antd5 用 cssinjs 动态注入样式,优先级与本规则相同(0,2,0)时注入顺序靠后会胜出,
   故用 !important 锁定;并改用实心灰(对齐页面 gray-400),不再依赖低透明度叠加 */
.scheduled-switch.ant-switch:not(.ant-switch-checked) {
  background: #9ca3af !important;
}
.scheduled-switch.ant-switch:not(.ant-switch-checked):hover:not(.ant-switch-disabled) {
  background: #6b7280 !important;
}
/* 滑块更立体,与灰色轨道拉开层次 */
.scheduled-switch.ant-switch .ant-switch-handle::before {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
/* 暗色模式:用稍亮的实心灰,避免在暗背景下又糊掉 */
.dark .scheduled-switch.ant-switch:not(.ant-switch-checked) {
  background: #6b7280 !important;
}
.dark .scheduled-switch.ant-switch:not(.ant-switch-checked):hover:not(.ant-switch-disabled) {
  background: #9ca3af !important;
}