/* ============================================================
   百行CRM 主题 - 完整覆盖 Twenty 设计系统变量
   参考 Arco Design 风格
   ============================================================ */

/* ===== 1. 字体 ===== */
:root {
  --t-font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  --t-code-font-family: 'DM Mono', 'SF Mono', Menlo, Consolas, monospace !important;
}

body, html {
  font-family: var(--t-font-family) !important;
  font-size: 14px !important;
  -webkit-font-smoothing: antialiased !important;
}

/* ===== 2. 主色调 - Arco Blue ===== */
:root {
  --t-accent-primary: #165DFF !important;
  --t-accent-secondary: #36CBCB !important;
  --t-accent-tertiary: #00B42A !important;
  --t-accent-quaternary: #FF7D00 !important;

  /* accent 色阶 */
  --t-accent-accent1: #165DFF !important;
  --t-accent-accent2: #2E7FFF !important;
  --t-accent-accent3: #4593FF !important;
  --t-accent-accent4: #5CA6FF !important;
  --t-accent-accent5: #73B8FF !important;
  --t-accent-accent6: #8AC4FF !important;
  --t-accent-accent7: #A1D1FF !important;
  --t-accent-accent8: #B8DDFF !important;
  --t-accent-accent9: #CFE9FF !important;
  --t-accent-accent10: #E6F3FF !important;
  --t-accent-accent11: #F0F7FF !important;
  --t-accent-accent12: #F5FAFF !important;
}

/* ===== 3. 背景色 ===== */
:root {
  --t-background-primary: #FFFFFF !important;
  --t-background-secondary: #F7F8FA !important;
  --t-background-tertiary: #F2F3F5 !important;
  --t-background-quaternary: #E5E6EB !important;

  --t-background-transparent-primary: rgba(22, 93, 255, 0.06) !important;
  --t-background-transparent-secondary: rgba(54, 203, 203, 0.06) !important;
  --t-background-transparent-light: rgba(0, 0, 0, 0.02) !important;
  --t-background-transparent-lighter: rgba(0, 0, 0, 0.01) !important;
  --t-background-transparent-medium: rgba(0, 0, 0, 0.04) !important;
  --t-background-transparent-strong: rgba(0, 0, 0, 0.08) !important;

  --t-background-transparent-blue: rgba(22, 93, 255, 0.06) !important;
  --t-background-transparent-orange: rgba(255, 125, 0, 0.06) !important;
  --t-background-transparent-success: rgba(0, 180, 42, 0.06) !important;
  --t-background-transparent-danger: rgba(245, 63, 63, 0.06) !important;

  --t-background-danger: rgba(245, 63, 63, 0.06) !important;
  --t-background-inverted-primary: #1D2129 !important;
  --t-background-inverted-secondary: #4E5969 !important;
  --t-background-primary-inverted: #FFFFFF !important;
  --t-background-primary-inverted-hover: #F7F8FA !important;
  --t-background-overlay-primary: rgba(255, 255, 255, 0.9) !important;
  --t-background-overlay-secondary: rgba(255, 255, 255, 0.7) !important;
  --t-background-overlay-tertiary: rgba(255, 255, 255, 0.5) !important;
}

/* ===== 4. 边框色 ===== */
:root {
  --t-border-color-light: #F2F3F5 !important;
  --t-border-color-medium: #E5E6EB !important;
  --t-border-color-strong: #C9CDD4 !important;
  --t-border-color-inverted: rgba(255, 255, 255, 0.1) !important;
  --t-border-color-secondary-inverted: rgba(255, 255, 255, 0.08) !important;
  --t-border-color-transparent-strong: rgba(0, 0, 0, 0.12) !important;
  --t-border-color-blue: #165DFF !important;
  --t-border-color-danger: #F53F3F !important;
}

/* ===== 5. 圆角 - Arco 风格较大圆角 ===== */
:root {
  --t-border-radius-xs: 3px !important;
  --t-border-radius-sm: 4px !important;
  --t-border-radius-md: 6px !important;
  --t-border-radius-rounded: 8px !important;
  --t-border-radius-xl: 12px !important;
  --t-border-radius-xxl: 16px !important;
  --t-border-radius-pill: 999px !important;
}

/* ===== 6. 阴影 - Arco 柔和阴影 ===== */
:root {
  --t-box-shadow-color: rgba(0, 0, 0, 0.04) !important;
  --t-box-shadow-light: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
  --t-box-shadow-strong: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  --t-box-shadow-super-heavy: 0 8px 30px rgba(0, 0, 0, 0.04) !important;
  --t-box-shadow-underline: 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

/* ===== 7. 字体大小/字重 ===== */
:root {
  --t-font-size-xxs: 11px !important;
  --t-font-size-xs: 12px !important;
  --t-font-size-sm: 13px !important;
  --t-font-size-md: 14px !important;
  --t-font-size-lg: 16px !important;
  --t-font-size-xl: 18px !important;
  --t-font-size-xxl: 22px !important;

  --t-font-weight-regular: 400 !important;
  --t-font-weight-medium: 500 !important;
  --t-font-weight-semi-bold: 600 !important;
}

/* ===== 8. 字体颜色 ===== */
:root {
  --t-font-color-primary: #1D2129 !important;
  --t-font-color-secondary: #4E5969 !important;
  --t-font-color-tertiary: #86909C !important;
  --t-font-color-light: #C9CDD4 !important;
  --t-font-color-extra-light: #E5E6EB !important;
  --t-font-color-inverted: #FFFFFF !important;
  --t-font-color-danger: #F53F3F !important;
}

/* ===== 9. 色板覆盖 ===== */
:root {
  /* Blue = Primary */
  --t-color-blue: #165DFF !important;
  --t-color-blue1: #165DFF !important;
  --t-color-blue2: #2E7FFF !important;
  --t-color-blue3: #4593FF !important;
  --t-color-blue4: #5CA6FF !important;
  --t-color-blue5: #73B8FF !important;
  --t-color-blue6: #8AC4FF !important;
  --t-color-blue7: #A1D1FF !important;
  --t-color-blue8: #B8DDFF !important;
  --t-color-blue9: #CFE9FF !important;
  --t-color-blue10: #E6F3FF !important;
  --t-color-blue11: #F0F7FF !important;
  --t-color-blue12: #F5FAFF !important;

  /* Green = Success */
  --t-color-green: #00B42A !important;
  --t-color-green1: #00B42A !important;
  --t-color-green2: #1AC438 !important;
  --t-color-green3: #33CC4A !important;
  --t-color-green4: #4DD55C !important;
  --t-color-green5: #66DE6E !important;
  --t-color-green6: #80E780 !important;
  --t-color-green7: #99EE92 !important;
  --t-color-green8: #B3F4A4 !important;
  --t-color-green9: #CCF9B6 !important;
  --t-color-green10: #E5FDC8 !important;
  --t-color-green11: #F0FFE8 !important;
  --t-color-green12: #F7FFF0 !important;

  /* Orange = Warning */
  --t-color-orange: #FF7D00 !important;
  --t-color-orange1: #FF7D00 !important;
  --t-color-orange2: #FF8D1A !important;
  --t-color-orange3: #FF9D33 !important;
  --t-color-orange4: #FFAD4D !important;
  --t-color-orange5: #FFBD66 !important;
  --t-color-orange6: #FFCD80 !important;
  --t-color-orange7: #FFDD99 !important;
  --t-color-orange8: #FFEDB3 !important;
  --t-color-orange9: #FFF3CC !important;
  --t-color-orange10: #FFF9E5 !important;
  --t-color-orange11: #FFFBF0 !important;
  --t-color-orange12: #FFFEF7 !important;

  /* Red = Danger */
  --t-color-red: #F53F3F !important;
  --t-color-red1: #F53F3F !important;
  --t-color-red2: #F65555 !important;
  --t-color-red3: #F76B6B !important;
  --t-color-red4: #F88181 !important;
  --t-color-red5: #F99797 !important;
  --t-color-red6: #FAADAD !important;
  --t-color-red7: #FBC3C3 !important;
  --t-color-red8: #FCD9D9 !important;
  --t-color-red9: #FDE6E6 !important;
  --t-color-red10: #FEF0F0 !important;
  --t-color-red11: #FEF5F5 !important;
  --t-color-red12: #FEFAFA !important;

  /* Purple */
  --t-color-purple: #722ED1 !important;
  --t-color-purple1: #722ED1 !important;
  --t-color-purple2: #8344D9 !important;
  --t-color-purple3: #945AE0 !important;
  --t-color-purple4: #A571E7 !important;
  --t-color-purple5: #B687EE !important;
  --t-color-purple6: #C79DF5 !important;
  --t-color-purple7: #D8B4FC !important;
  --t-color-purple8: #E6C8FF !important;
  --t-color-purple9: #EFD9FF !important;
  --t-color-purple10: #F5E8FF !important;
  --t-color-purple11: #FAF2FF !important;
  --t-color-purple12: #FCF8FF !important;

  /* Turquoise/Cyan */
  --t-color-turquoise: #0AA7A7 !important;
  --t-color-cyan: #0AA7A7 !important;
  --t-color-cyan1: #0AA7A7 !important;
  --t-color-cyan2: #1AB5B5 !important;
  --t-color-cyan3: #2AC3C3 !important;
  --t-color-cyan4: #3AD1D1 !important;
  --t-color-cyan5: #4ADFDF !important;
  --t-color-cyan6: #5AED5A !important;
  --t-color-cyan7: #6AFBEA !important;
  --t-color-cyan8: #8AFCED !important;
  --t-color-cyan9: #AAFD5A !important;
  --t-color-cyan10: #CAFE7A !important;
  --t-color-cyan11: #E5FFF0 !important;
  --t-color-cyan12: #F2FFF7 !important;

  /* Yellow */
  --t-color-yellow: #FFC400 !important;
  --t-color-yellow1: #FFC400 !important;
  --t-color-yellow2: #FFCA1A !important;
  --t-color-yellow3: #FFD033 !important;
  --t-color-yellow4: #FFD64D !important;
  --t-color-yellow5: #FFDC66 !important;
  --t-color-yellow6: #FFE280 !important;
  --t-color-yellow7: #FFE899 !important;
  --t-color-yellow8: #FFEDB3 !important;
  --t-color-yellow9: #FFF3CC !important;
  --t-color-yellow10: #FFF9E5 !important;
  --t-color-yellow11: #FFFBF0 !important;
  --t-color-yellow12: #FFFEF7 !important;

  /* Gray */
  --t-color-gray: #86909C !important;
  --t-color-gray1: #1D2129 !important;
  --t-color-gray2: #272E3B !important;
  --t-color-gray3: #4E5969 !important;
  --t-color-gray4: #5C6677 !important;
  --t-color-gray5: #6B7280 !important;
  --t-color-gray6: #86909C !important;
  --t-color-gray7: #A1A8B3 !important;
  --t-color-gray8: #C9CDD4 !important;
  --t-color-gray9: #E5E6EB !important;
  --t-color-gray10: #F2F3F5 !important;
  --t-color-gray11: #F7F8FA !important;
  --t-color-gray12: #FBFBFC !important;
}

/* ===== 10. 按钮文字色 ===== */
:root {
  --t-buttons-secondary-text-color: #4E5969 !important;
}

/* ===== 11. 模糊 ===== */
:root {
  --t-blur-light: blur(4px) !important;
  --t-blur-medium: blur(8px) !important;
  --t-blur-strong: blur(16px) !important;
}

/* ===== 12. 动画 - 保持原始数值格式（纯数字=秒）===== */
:root {
  --t-animation-duration-instant: .1 !important;
  --t-animation-duration-fast: .2 !important;
  --t-animation-duration-normal: .3 !important;
  --t-animation-duration-slow: .5 !important;
}

/* ===== 13. 组件级覆盖 ===== */

/* 侧边栏 */
nav, aside {
  background-color: #FFFFFF !important;
  border-right: 1px solid var(--t-border-color-medium) !important;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
::-webkit-scrollbar-track {
  background: transparent !important;
}
::-webkit-scrollbar-thumb {
  background: #C9CDD4 !important;
  border-radius: 3px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #86909C !important;
}

/* 表头 */
th {
  background-color: #F7F8FA !important;
  font-weight: 500 !important;
  color: var(--t-font-color-tertiary) !important;
  font-size: 12px !important;
}

/* 输入聚焦 */
input:focus, textarea:focus, select:focus {
  border-color: #165DFF !important;
  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.1) !important;
}

/* 链接 */
a {
  color: #165DFF !important;
  text-decoration: none !important;
}
a:hover {
  color: #0E4FD6 !important;
}

/* 导航激活态 */
*[class*="active"][class*="nav"],
*[class*="selected"][class*="nav"] {
  background-color: rgba(22, 93, 255, 0.08) !important;
  color: #165DFF !important;
}

/* 卡片阴影 */
*[class*="card"],
*[class*="Card"] {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04) !important;
  border: none !important;
}

/* ============================================================
   14. 组件级强制覆盖 - Arco Design 风格
   ============================================================ */

/* --- 全局背景 --- */
body {
  background-color: #F2F3F5 !important;
  color: #1D2129 !important;
}

/* --- 侧边栏 --- */
nav[class*="sider"],
aside[class*="sider"],
div[class*="navigation-drawer"],
div[class*="Sidebar"] {
  background: #FFFFFF !important;
  border-right: 1px solid #E5E6EB !important;
  box-shadow: 2px 0 8px rgba(0,0,0,0.03) !important;
}

/* --- 侧边栏菜单项 --- */
div[class*="navigation-menu-item"],
a[class*="navigation-menu-item"],
button[class*="navigation-menu-item"] {
  border-radius: 0 !important;
  margin: 2px 12px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #4E5969 !important;
  transition: all .2s ease !important;
  border: none !important;
  border-left: 3px solid transparent !important;
  background: transparent !important;
}

div[class*="navigation-menu-item"]:hover,
a[class*="navigation-menu-item"]:hover {
  background: #F2F3F5 !important;
  color: #1D2129 !important;
}

div[class*="navigation-menu-item"][class*="active"],
a[class*="navigation-menu-item"][class*="active"],
div[class*="navigation-menu-item"][class*="selected"],
a[class*="navigation-menu-item"][class*="selected"] {
  background: rgba(22, 93, 255, 0.06) !important;
  color: #165DFF !important;
  border-left: 3px solid #165DFF !important;
  font-weight: 600 !important;
}

/* --- 顶栏 --- */
header[class*="top-bar"],
div[class*="top-bar"],
div[class*="TopBar"] {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E5E6EB !important;
  box-shadow: none !important;
  height: 56px !important;
  min-height: 56px !important;
}

/* --- 主内容区背景 --- */
main[class*="content"],
div[class*="page-content"],
div[class*="main-content"] {
  background: #F2F3F5 !important;
}

/* --- 表格容器 --- */
div[class*="entity-table"],
div[class*="EntityTable"],
table[class*="entity-table"] {
  background: #FFFFFF !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.04) !important;
  border: none !important;
}

/* --- 表格行 --- */
tr[class*="entity-table-row"],
tr[class*="EntityTableRow"] {
  border-bottom: 1px solid #F2F3F5 !important;
  transition: background-color .15s ease !important;
}

tr[class*="entity-table-row"]:hover,
tr[class*="EntityTableRow"]:hover {
  background-color: #F7F8FA !important;
}

/* --- 表头 --- */
thead th,
th[class*="header"] {
  background: #F7F8FA !important;
  color: #86909C !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  text-transform: none !important;
  border-bottom: 1px solid #E5E6EB !important;
  padding: 12px 16px !important;
}

/* --- 表格单元格 --- */
td[class*="entity-table-cell"],
td[class*="cell"] {
  padding: 10px 16px !important;
  font-size: 13px !important;
  color: #1D2129 !important;
}

/* --- 按钮 --- */
button[class*="primary"],
button[class*="filled"],
button[class*="accent"] {
  background: #165DFF !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  padding: 6px 16px !important;
  transition: all .2s ease !important;
  box-shadow: none !important;
}

button[class*="primary"]:hover,
button[class*="filled"]:hover,
button[class*="accent"]:hover {
  background: #0E4FD6 !important;
}

button[class*="secondary"],
button[class*="outline"],
button[class*="bordered"] {
  background: #FFFFFF !important;
  color: #4E5969 !important;
  border: 1px solid #C9CDD4 !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  padding: 6px 16px !important;
  transition: all .2s ease !important;
}

button[class*="secondary"]:hover,
button[class*="outline"]:hover,
button[class*="bordered"]:hover {
  border-color: #165DFF !important;
  color: #165DFF !important;
  background: #FFFFFF !important;
}

/* --- 输入框 --- */
input[class*="text-input"],
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 1px solid #E5E6EB !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  color: #1D2129 !important;
  background: #FFFFFF !important;
  transition: all .2s ease !important;
  outline: none !important;
}

input[class*="text-input"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: #165DFF !important;
  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.1) !important;
}

/* --- 标签/Chip --- */
span[class*="chip"],
span[class*="tag"],
span[class*="badge"] {
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 2px 8px !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* --- 看板列 --- */
div[class*="kanban-column"],
div[class*="KanbanColumn"] {
  background: #F7F8FA !important;
  border-radius: 10px !important;
  padding: 12px !important;
  border: none !important;
}

/* --- 看板卡片 --- */
div[class*="kanban-card"],
div[class*="KanbanCard"],
div[class*="board-card"] {
  background: #FFFFFF !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  padding: 12px !important;
  margin-bottom: 8px !important;
  border: none !important;
  transition: all .2s ease !important;
  cursor: pointer !important;
}

div[class*="kanban-card"]:hover,
div[class*="KanbanCard"]:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
  transform: translateY(-1px) !important;
}

/* --- 下拉菜单 --- */
div[class*="dropdown"],
div[class*="popover"],
div[class*="menu-dropdown"] {
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  border: 1px solid #F2F3F5 !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
}

div[class*="dropdown"] *[class*="item"]:hover,
div[class*="menu-dropdown"] *[class*="item"]:hover {
  background: #F2F3F5 !important;
}

/* --- 模态框 --- */
div[class*="modal-content"],
div[class*="Modal"] {
  border-radius: 12px !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.12) !important;
}

/* --- 页面标题 --- */
h1 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1D2129 !important;
}

h2 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1D2129 !important;
}

h3 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1D2129 !important;
}

/* --- 分割线 --- */
hr,
div[class*="divider"] {
  border-color: #F2F3F5 !important;
  margin: 16px 0 !important;
}

/* --- 头像 --- */
div[class*="avatar"],
img[class*="avatar"] {
  border-radius: 50% !important;
}

/* --- 工具提示 --- */
div[class*="tooltip"] {
  border-radius: 4px !important;
  font-size: 12px !important;
  background: #1D2129 !important;
  color: #FFFFFF !important;
  padding: 4px 8px !important;
}

/* --- 选中文本 --- */
::selection {
  background: rgba(22, 93, 255, 0.15) !important;
  color: #165DFF !important;
}

/* --- 进度条 --- */
div[class*="progress-bar"],
div[class*="Progress"] {
  border-radius: 999px !important;
  background: #F2F3F5 !important;
}

div[class*="progress-bar"] > *,
div[class*="Progress"] > * {
  border-radius: 999px !important;
  background: #165DFF !important;
}

/* --- 开关 --- */
button[class*="switch"],
div[class*="switch"] {
  border-radius: 999px !important;
}

/* --- 选项卡 --- */
div[class*="tabs-tab"][class*="active"],
button[class*="tabs-tab"][class*="active"] {
  color: #165DFF !important;
  border-bottom: 2px solid #165DFF !important;
  font-weight: 500 !important;
}

div[class*="tabs-tab"],
button[class*="tabs-tab"] {
  color: #86909C !important;
  border-bottom: 2px solid transparent !important;
  transition: all .2s ease !important;
}

div[class*="tabs-tab"]:hover,
button[class*="tabs-tab"]:hover {
  color: #4E5969 !important;
}