/*! v7工作室AI版 · 左侧栏「AI 助理」入口样式（mk-ai-nav.css） [R53] */

#mkAiNavBtn { position: relative; }
#mkAiNavBtn svg { color: #7c5cf0 !important; }
#mkAiNavBtn:hover { background: rgba(124, 92, 240, .08) !important; color: #6d4df0 !important; }
#mkAiNavBtn.active {
  background: var(--mk-grad-accent, linear-gradient(135deg, #6d4df0 0%, #8b5cf6 100%)) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: var(--mk-glow, 0 0 0 1px rgba(124, 92, 240, .35), 0 8px 26px -10px rgba(124, 92, 240, .55)) !important;
}
#mkAiNavBtn.active svg { color: #fff !important; }
#mkAiNavBtn.active .nav-label { color: #fff !important; }

/* AI 视图打开时：面板自身那个 active 导航由 JS 摘掉（mk-ai-nav.js stripOthers），
   这里只兜底把它的视觉状态抹平，避免两个高亮。 */
body.mk-ai-open .sidebar > a.nav-btn:not(#mkAiNavBtn).active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* AI 助理 iframe 宿主：占满内容区（与 .table-area 同位互换） */
#mkAiNavHost {
  display: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  background: radial-gradient(700px 380px at 50% 120%, rgba(124,92,240,.06), transparent 64%), radial-gradient(520px 320px at 2% -8%, rgba(124,92,240,.05), transparent 62%), linear-gradient(180deg, #eef1f6 0%, #e8ecf3 100%) !important;
  overflow: hidden !important;
}
#mkAiNavHost.on { display: flex !important; }
#mkAiNavHost iframe {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  border: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: radial-gradient(700px 380px at 50% 120%, rgba(124,92,240,.06), transparent 64%), radial-gradient(520px 320px at 2% -8%, rgba(124,92,240,.05), transparent 62%), linear-gradient(180deg, #eef1f6 0%, #e8ecf3 100%) !important;
}
body.mk-ai-open .table-area { display: none !important; }
body.mk-ai-open { overflow: hidden !important; }