/* ============================================================
   WE 企业管理系统 · UI 整体升级层（Soft UI Evolution）
   注入方式：nginx sub_filter 在 </head> 前插入本文件
   回滚方式：删除 nginx 注入配置 + reload，或本文件置空
   规范：主色 #1a73e8 / 圆角 4px / 边框 1px #DDD / 无阴影 / 浅色侧栏
   ============================================================ */

/* ---------- 1. 全局设计令牌覆写 ---------- */
:root {
  /* 品牌色：知氏蓝 → Google 式交互蓝（统一双层主色割裂） */
  --color-primary-500: #1a73e8;
  --color-primary-600: #1a73e8;
  --color-primary-700: #1967d2;
  --color-info: #1a73e8;
  --color-border-active: #1a73e8;
  --color-bg-active: #e8f0fe;
  --color-calendar-schedule: #1a73e8;

  /* 侧栏浅色化（Canvas LMS 式白色工作台侧栏） */
  --color-bg-sidebar: #ffffff;
  --color-bg-sidebar-hover: #f1f5f9;
  --color-bg-sidebar-active: #e8f0fe;
  --color-text-sidebar: #1f2329;
  --color-text-sidebar-active: #1a73e8;

  /* 圆角与边框：4px 圆角 / 1px #DDD */
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-xl: 6px;
  --color-border-default: #dddddd;
}

/* Tailwind 调色板蓝色 → 统一 #1a73e8 家族（消除 text-blue-600 等散落蓝） */
.text-blue-500 { color: #1a73e8; }
.text-blue-600 { color: #1a73e8; }
.text-blue-700 { color: #1967d2; }
.bg-blue-500 { background-color: #1a73e8; }
.bg-blue-600 { background-color: #1a73e8; }
.bg-blue-700 { background-color: #1967d2; }
.border-blue-500 { border-color: #1a73e8; }
.border-blue-600 { border-color: #1a73e8; }
.hover\:text-blue-600:hover { color: #1a73e8; }
.hover\:bg-blue-600:hover { background-color: #1a73e8; }
.hover\:bg-blue-700:hover { background-color: #1967d2; }
.focus\:border-blue-500:focus { border-color: #1a73e8; }
.focus\:ring-blue-500:focus { --tw-ring-color: #1a73e8; }

/* ---------- 2. 侧边栏：白色扁平 + 蓝色强调条 ---------- */
.app-sidebar {
  border-right: 1px solid #e3e3e3;
}
.app-sidebar-brand {
  border-bottom: 1px solid #ececec;
}
.app-sidebar-logo {
  border: 0;
  background: #1a73e8;
  color: #fff;
}
.app-sidebar-close {
  color: #5f6368;
}
.app-sidebar-close:hover {
  color: #1f2329;
}
.app-sidebar-item,
.app-sidebar-child {
  color: #4a4f56;
}
.app-sidebar-item:hover,
.app-sidebar-child:hover {
  background: var(--color-bg-sidebar-hover);
  color: #1f2329;
}
.app-sidebar-item[data-active='true'] {
  position: relative;
  background: #e8f0fe;
  color: #1a73e8;
}
.app-sidebar-item[data-active='true']::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 2px;
  background: #1a73e8;
}
.app-sidebar-child[data-active='true'] {
  background: #eef4fd;
  color: #1a73e8;
}
.app-sidebar-footer {
  border-top: 1px solid #ececec;
  color: #8f959e;
}
.sidebar-scroll {
  scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}
/* TSX 内写死的白色文字（浅色侧栏下修正） */
.app-sidebar .text-white { color: #1f2329; }
.app-sidebar .text-white\/60 { color: #8f959e; }

/* ---------- 3. 阴影收敛：扁平化（去大阴影，卡片靠边框分层） ---------- */
.shadow-md, .shadow-lg, .shadow-xl, .shadow-2xl { box-shadow: none; }
.shadow-sm { box-shadow: none; }

/* ---------- 4. 金额与数字：右对齐 + 等宽数字 ---------- */
.tabular-nums, .font-mono { font-variant-numeric: tabular-nums; }