/* 小罡智能AI平台 - 客户现场兼容兜底
 * 1) 知识中心/管理员知识管理统一使用 viewport 高度，不再依赖父级默认 150px。
 * 2) 先写 vh 再写 dvh：旧 Chrome/Firefox 忽略 dvh 时仍有可靠 fallback。
 * 3) 欢迎词及兼容配置控件保持主站原有轻量视觉语言。
 */

#main .xg-knowledge-vue-shell,
#main .xg-knowledge-vue-frame,
.xg-knowledge-vue-shell,
.xg-knowledge-vue-frame {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 620px;
  height: calc(100vh - 180px);
  height: calc(100dvh - 180px);
}

#main .xg-knowledge-vue-shell {
  overflow: hidden;
}

#main .xg-knowledge-vue-frame,
.xg-knowledge-vue-frame {
  border: 0;
}

/* 管理员知识管理可能经过插件容器/卡片再包一层。旧 Chromium 在 flex/grid
 * 子项缺少 min-height:0/明确高度时会退回 iframe 默认 150px。 */
#main [data-xg-plugin="knowledge"],
#main [data-plugin-id="knowledge"],
#main [data-view="knowledge"],
#main [data-page="knowledge"],
#main .knowledge-management,
#main .knowledge-center {
  min-height: 620px;
  min-width: 0;
}

#main [data-xg-plugin="knowledge"] iframe,
#main [data-plugin-id="knowledge"] iframe,
#main iframe[data-xg-knowledge-frame="true"],
#main iframe[src*="/knowledge"] {
  display: block;
  width: 100%;
  min-height: 620px;
  height: calc(100vh - 180px);
  height: calc(100dvh - 180px);
  border: 0;
}

.xg-agent-welcome {
  max-width: 860px;
  margin: 10px auto 18px;
  padding: 14px 16px;
  box-sizing: border-box;
  border: 1px solid rgba(127, 127, 127, .22);
  border-radius: 12px;
  background: rgba(127, 127, 127, .06);
  line-height: 1.65;
  white-space: pre-wrap;
  word-break: break-word;
}

.xg-agent-welcome-title {
  margin-bottom: 4px;
  font-size: 12px;
  opacity: .65;
}

.xg-experience-field {
  margin-top: 12px;
}

.xg-experience-field label,
.xg-experience-field .xg-experience-label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
}

.xg-experience-field textarea {
  display: block;
  width: 100%;
  min-height: 84px;
  box-sizing: border-box;
  resize: vertical;
}

.xg-experience-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.xg-experience-help {
  margin-top: 5px;
  font-size: 12px;
  opacity: .62;
}

@media (max-width: 760px) {
  #main .xg-knowledge-vue-shell,
  #main .xg-knowledge-vue-frame,
  .xg-knowledge-vue-shell,
  .xg-knowledge-vue-frame,
  #main [data-xg-plugin="knowledge"] iframe,
  #main [data-plugin-id="knowledge"] iframe,
  #main iframe[data-xg-knowledge-frame="true"],
  #main iframe[src*="/knowledge"] {
    min-height: 520px;
    height: calc(100vh - 130px);
    height: calc(100dvh - 130px);
  }
}