/* ==================================================================
   AI 客服工作台 · 设计令牌
   ================================================================== */
:root {
  /* 表面 */
  --bg:        #F4F6F6;
  --surface:   #FFFFFF;
  --surface-2: #FAFBFB;
  --surface-3: #EFF3F4;
  --hairline:  #E2E8EA;
  --hairline-strong: #CDD8DB;

  /* 文字 */
  --ink:       #12212A;
  --ink-2:     #465C66;
  --ink-3:     #7A8F98;
  --ink-4:     #A8B8BF;

  /* 主色（青） */
  --teal:      #0E6A73;
  --teal-deep: #0A4F56;
  --teal-soft: #E4F0F1;
  --teal-line: #BBD6D9;

  /* 状态 */
  --red:       #B3413A;
  --red-soft:  #FBEDEC;
  --amber:     #A96A16;
  --amber-soft:#FBF2E2;
  --green:     #2C6E49;
  --green-soft:#E9F2EC;
  --slate:     #566A74;
  --slate-soft:#EEF2F3;

  /* 侧栏（深色） */
  --nav:       #0D1B21;
  --nav-2:     #132730;
  --nav-line:  rgba(255,255,255,0.07);
  --nav-ink:   #E6EEF0;
  --nav-ink-2: #8FA6AE;

  /* 字体 */
  --f-display: "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;
  --f-body:    "Outfit", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --f-mono:    "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  /* 尺寸 */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --shadow-1: 0 1px 2px rgba(13,27,33,0.05);
  --shadow-2: 0 4px 16px rgba(13,27,33,0.07), 0 1px 3px rgba(13,27,33,0.04);
  --shadow-pop: 0 12px 40px rgba(13,27,33,0.13), 0 2px 8px rgba(13,27,33,0.06);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 150ms;
  --t-layout: 320ms;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--f-body);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea, select { font-family: inherit; font-size: inherit; color: inherit; }
input:focus, textarea:focus, select:focus { outline: none; }

::selection { background: var(--teal-soft); color: var(--teal-deep); }

/* 细滚动条 */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: #CBD8DB;
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: #AFC2C6; background-clip: content-box; }

.mono { font-family: var(--f-mono); font-size: 0.92em; letter-spacing: -0.01em; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}