/* ============================================================
   AI 助手三页签版面重设计（两个主题通用，颜色走 CSS 变量）
   设计原则：细顶栏 + 操作区最大化 + 舒适字号
   加载顺序在 theme-xinmeiti.css 之后，深炭灰/蓝灰自动适配
   ============================================================ */

/* ---------- 共用：细顶栏（压缩大横幅，把空间还给操作区） ---------- */
.ai-command-hero,
.ai-knowledge-hero,
.ai-document-hero {
  min-height: 0;
  padding: 13px 20px;
  border-radius: 10px;
  align-items: center;
  gap: 16px;
}
.ai-command-identity { gap: 12px; }
.ai-command-identity .eyebrow,
.ai-knowledge-brand .eyebrow,
.ai-document-hero-copy .eyebrow {
  font-size: 10px;
  letter-spacing: 0.14em;
  margin-bottom: 2px;
}
.ai-command-identity h2,
.ai-knowledge-brand h2,
.ai-document-hero-copy h2 {
  font-size: 19px;
  letter-spacing: 0;
  line-height: 1.25;
}
.ai-command-identity p:last-child,
.ai-knowledge-brand p:last-child,
.ai-document-hero-copy p {
  font-size: 12.5px;
  margin-top: 2px;
}
.ai-command-mark {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 9px;
}
.ai-command-mark svg { width: 20px; }
.ai-knowledge-brand { gap: 12px; }
.ai-knowledge-brand-mark,
.ai-document-monogram {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 9px;
  font-size: 16px;
}
.ai-command-status {
  min-width: 190px;
  padding-left: 16px;
}
.ai-command-status > span { font-size: 10.5px; }
.ai-command-status strong { font-size: 13px; }
.ai-command-status small { font-size: 10.5px; }

/* 面板统一：细描边、轻阴影、适中圆角 */
.ai-conversation-panel,
.ai-radar-panel,
.ai-guardrail-panel,
.ai-pending-panel,
.ai-knowledge-toolbar,
.ai-knowledge-content > section,
.ai-document-workspace > section,
.ai-document-template-rail > * {
  border-radius: 10px;
}

/* ---------- 页签条：加大点击区与字号 ---------- */
.ai-assistant-page .module-subnav-button,
.ai-assistant-page [data-ai-view] {
  font-size: 13.5px;
}

/* ============ 01 业务指挥台 ============ */
.ai-command-layout {
  margin-top: 12px;
  grid-template-columns: minmax(0, 1fr) 302px;
  gap: 12px;
}
.ai-command-sidebar {
  display: grid;
  gap: 12px;
  align-content: start;
}

/* 对话面板：标题区紧凑，对话流占满 */
.ai-conversation-panel {
  min-height: 0;
  padding: 14px 16px 16px;
}
.ai-panel-heading span {
  font-size: 10.5px;
  letter-spacing: 0.14em;
}
.ai-panel-heading h3 {
  font-size: 16.5px;
  margin-top: 2px;
}
.ai-connection-pill {
  font-size: 11.5px;
  padding: 3px 10px;
}

/* 对话流上移，常用指令 chips 挪到输入框上方（符合聊天习惯） */
.ai-conversation-stream {
  order: 2;
  min-height: 430px;
  margin-top: 12px;
  font-size: 14.5px;
  line-height: 1.8;
}
.ai-quick-commands {
  order: 3;
  margin-top: 12px;
  gap: 6px;
}
.ai-quick-commands button {
  font-size: 12.5px;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
  color: var(--text);
  box-shadow: none;
}
.ai-quick-commands button:hover {
  border-color: var(--primary);
  color: var(--primary);
  background: var(--primary-soft);
  transform: none;
}

/* 输入区：更大字号、更舒展 */
.ai-command-composer {
  order: 4;
  margin-top: 10px;
}
.ai-command-composer > label {
  font-size: 11px;
  letter-spacing: 0.12em;
}
.ai-command-composer textarea {
  font-size: 14.5px;
  line-height: 1.7;
  min-height: 68px;
  padding: 10px 12px;
}
.ai-command-composer p {
  font-size: 11.5px;
}
.ai-command-submit {
  min-height: 46px;
  font-size: 13.5px;
  border-radius: 9px;
}

/* 工作雷达：紧凑数字卡 */
.ai-radar-panel,
.ai-pending-panel {
  padding: 13px 14px;
}
.ai-radar-grid {
  gap: 8px;
  margin-top: 10px;
}
.ai-radar-grid > * {
  padding: 10px 12px;
  border-radius: 8px;
}
.ai-radar-grid strong,
.ai-radar-grid .num {
  font-size: 20px;
  line-height: 1.2;
}
.ai-radar-grid span,
.ai-radar-grid small {
  font-size: 11.5px;
}

/* 安全边界：压缩留白 */
.ai-guardrail-panel {
  padding: 14px 16px;
}
.ai-guardrail-panel > span {
  font-size: 10.5px;
  letter-spacing: 0.14em;
}
.ai-guardrail-panel h3 {
  font-size: 15.5px;
  margin-top: 2px;
}
.ai-guardrail-panel ul {
  margin-top: 10px;
  gap: 8px;
}
.ai-guardrail-panel li {
  font-size: 12.5px;
  line-height: 1.65;
}
.ai-guardrail-panel li i {
  font-size: 10px;
}

/* ============ 02 知识库与技能 ============ */
.ai-knowledge-shell {
  display: grid;
  gap: 12px;
  align-content: start;
}
.ai-knowledge-hero {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ai-knowledge-hero-actions {
  gap: 8px;
  align-items: center;
}
.ai-knowledge-hero-actions button {
  min-height: 34px;
  padding: 0 13px;
  font-size: 13px;
  border-radius: 8px;
}
.ai-local-draft-badge {
  font-size: 11.5px;
  padding: 3px 10px;
}

/* 工具条：页签左、搜索右，一行完成 */
.ai-knowledge-toolbar {
  padding: 9px 12px;
  gap: 12px;
}
.ai-knowledge-view-switch button {
  min-height: 34px;
  padding: 0 15px;
  font-size: 13.5px;
}
.ai-knowledge-search input {
  min-height: 36px;
  font-size: 13.5px;
  padding: 0 12px;
}

/* 内容区：统计数字与卡片字号规整 */
.ai-knowledge-content {
  font-size: 14px;
}
.ai-knowledge-overview strong,
.ai-knowledge-overview .num {
  font-size: 22px;
}
.ai-library-grid {
  gap: 12px;
}
.ai-library-grid > * {
  border-radius: 10px;
}
.ai-library-section-heading,
.ai-knowledge-content h3 {
  font-size: 15.5px;
}
.ai-knowledge-content p,
.ai-knowledge-content li {
  font-size: 13px;
  line-height: 1.7;
}
.ai-knowledge-document-list,
.ai-knowledge-files {
  font-size: 13px;
}

/* ============ 03 文档工作室 ============ */
.ai-document-studio-shell {
  display: grid;
  gap: 12px;
  align-content: start;
}
.ai-document-hero {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* 报告类型卡：半宽选择卡，选中态清晰 */
.ai-document-template-rail {
  gap: 12px;
}
.ai-document-template-rail > * {
  padding: 14px 16px;
}
.ai-document-template-rail h3,
.ai-document-template-rail strong {
  font-size: 15px;
}
.ai-document-template-rail p {
  font-size: 12.5px;
  line-height: 1.65;
}

/* 工作台：左表单右预览，留白收紧 */
.ai-document-workspace {
  gap: 12px;
  align-items: start;
}
.ai-document-form,
.ai-document-settings,
.ai-document-preview {
  padding: 15px 16px;
}
.ai-document-form h3,
.ai-document-settings h3,
.ai-document-preview h3,
.ai-document-paper-head h3 {
  font-size: 15.5px;
}
.ai-document-form label,
.ai-document-settings label {
  font-size: 13px;
}
.ai-document-form input,
.ai-document-form select,
.ai-document-form textarea,
.ai-document-settings input,
.ai-document-settings select,
.ai-document-settings textarea {
  font-size: 13.5px;
  min-height: 38px;
}
.ai-document-input-modes {
  gap: 8px;
}
.ai-document-input-modes > * {
  font-size: 12.5px;
}
.ai-document-generate {
  min-height: 44px;
  font-size: 14px;
  border-radius: 9px;
}
.ai-document-preview {
  font-size: 13.5px;
  line-height: 1.75;
}
.ai-document-empty {
  font-size: 13.5px;
}
.ai-document-actions button,
.ai-document-preview-actions button {
  min-height: 36px;
  font-size: 13px;
}

/* ============ 响应式：窄屏收单列 ============ */
@media (max-width: 1100px) {
  .ai-command-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .ai-command-sidebar {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
}
@media (max-width: 760px) {
  .ai-command-hero,
  .ai-knowledge-hero,
  .ai-document-hero {
    padding: 12px 14px;
    flex-direction: column;
    align-items: flex-start;
  }
  .ai-command-status {
    min-width: 0;
    padding-left: 0;
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 8px;
  }
  .ai-knowledge-hero-actions {
    flex-wrap: wrap;
  }
  .ai-knowledge-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .ai-knowledge-search {
    width: 100%;
  }
  .ai-conversation-stream {
    min-height: 320px;
  }
}