/* 全局样式。
 *
 * 颜色跟原型 v4 保持一致，改之前先看看原型：
 * https://qux.ilapage.cn/#/apps/6a97c618191a826306a7f5f7
 */

:root {
  /* 侧边栏 */
  --sb-bg: #111827;
  --sb-brand: #0b1220;
  --sb-active: #1e293b;
  --sb-text: #cbd5e1;
  --sb-dim: #64748b;

  /* 内容区 */
  --bg: #f3f4f6;
  --card: #ffffff;
  --line: #e5e7eb;
  --row: #fcfcfd;
  --head: #fafafb;

  /* 文字 */
  --ink: #111827;
  --muted: #6b7280;
  --faint: #9ca3af;

  /* 状态色 */
  --primary: #2563eb;
  --ok: #059669;
  --warn: #d97706;
  --bad: #dc2626;

  /* 侧边栏宽度。收起时由 JS 换成 --sb-mini。 */
  --sb-open: 176px;
  --sb-mini: 64px;
}

* {
  box-sizing: border-box;
}

html,
body,
#app {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

body {
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px;
  color: var(--ink);
  background: var(--bg);
  /* 桌面程序里选中文字通常是误操作，只在表格和日志里允许。 */
  user-select: none;
}

/* 表格内容和日志要能复制，排查问题时需要。 */
.selectable,
.log-body {
  user-select: text;
}