/* EAI 数字员工平台 — 全局样式 */
/* 参考：docs/08_Design_Rules/DR01_Theme_System.md */

:root {
  --nav-width: 189px;
  --ai-panel-width: 360px;
  --header-height: 0px; /* 无顶部导航 */
  --top-rail-height: 72px;
  --surface-bg: #ffffff;
  --surface-border: #e4e7ed;
  --surface-muted: #909399;
  --surface-text: #303133;
  --surface-soft: #f7f8fa;

  /* Element Plus 主题色覆盖 */
  --el-color-primary: #409eff;
  --el-color-success: #67c23a;
  --el-color-warning: #e6a23c;
  --el-color-danger: #f56c6c;
}

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

html, body, #app {
  height: 100%;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans SC', sans-serif;
  background-color: #f5f7fa;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}
::-webkit-scrollbar-track {
  background: transparent;
}

/* 通用页面容器 */
.page-container {
  padding: 24px;
  height: 100%;
  overflow-y: auto;
}

/* AI 聊天气泡 */
.ai-bubble-user {
  background-color: #ecf5ff;
  border-radius: 12px 12px 4px 12px;
  padding: 10px 14px;
  margin: 8px 0;
  max-width: 85%;
  align-self: flex-end;
  font-size: 14px;
  line-height: 1.6;
}

.ai-bubble-assistant {
  background-color: #f0f2f5;
  border-radius: 12px 12px 12px 4px;
  padding: 10px 14px;
  margin: 8px 0;
  max-width: 85%;
  align-self: flex-start;
  font-size: 14px;
  line-height: 1.6;
}

/* 隐藏所有工具页面的类别胶囊 */
.category-bar {
  display: none;
}