/*! v7工作室AI版 · 控制页「AI 助理」标签 + 浮层样式（mk-ai-ctl.css） [R53 / 简约白 r55] */

.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.mk-ai-ctltab { position: relative; }
.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.mk-ai-ctltab .mk-i { color: #7c5cf0 !important; }
.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.mk-ai-ctltab:hover {
  border-color: rgba(124, 92, 240, .40) !important;
  color: #6d4df0 !important;
  background: rgba(124, 92, 240, .08) !important;
}
.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.mk-ai-ctltab.active {
  background: linear-gradient(135deg, #6d4df0 0%, #8b5cf6 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px -12px rgba(124, 92, 240, .75) !important;
}
.ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.mk-ai-ctltab.active .mk-i { color: #ffffff !important; }

/* ---------- 浮层面板（简约白） ---------- */
#mkAiCtlHost {
  position: fixed !important;
  z-index: 9120 !important;
  display: none;
  flex-direction: column !important;
  min-width: 320px !important;
  min-height: 240px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(24, 43, 77, .12) !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px -26px rgba(24, 43, 77, .48), 0 0 0 1px rgba(24, 43, 77, .05) !important;
  overflow: hidden !important;
}
#mkAiCtlHost.on { display: flex !important; }
#mkAiCtlHost .mkac-head {
  flex: 0 0 auto !important;
  display: flex !important; align-items: center !important; gap: 9px !important;
  height: 40px !important; min-height: 40px !important; padding: 0 8px 0 12px !important;
  background: linear-gradient(180deg, #ffffff, #f7f8fc) !important;
  border-bottom: 1px solid rgba(24, 43, 77, .12) !important;
  color: #1f2937 !important;
  font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .03em !important;
  font-family: "PingFang SC", "Microsoft YaHei UI", "Segoe UI", system-ui, sans-serif !important;
  user-select: none !important;
}
#mkAiCtlHost .mkac-dot {
  width: 8px !important; height: 8px !important; border-radius: 50% !important;
  background: #7c5cf0 !important; box-shadow: 0 0 0 3px rgba(124, 92, 240, .16) !important;
  flex: 0 0 auto !important;
}
#mkAiCtlHost .mkac-title { color: #1f2937 !important; }
#mkAiCtlHost .mkac-sub {
  font-weight: 400 !important; font-size: 11px !important; color: #6f7d92 !important;
  overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}
#mkAiCtlHost .mkac-sp { flex: 1 1 auto !important; }
#mkAiCtlHost .mkac-btn {
  height: 26px !important; padding: 0 11px !important; flex: 0 0 auto !important;
  border-radius: 8px !important; cursor: pointer !important;
  border: 1px solid rgba(24, 43, 77, .14) !important;
  background: #ffffff !important; color: #4d5b70 !important;
  font-size: 11.5px !important; line-height: 1 !important;
  font-family: inherit !important;
}
#mkAiCtlHost .mkac-btn:hover { background: rgba(124, 92, 240, .10) !important; color: #6d4df0 !important; border-color: rgba(124, 92, 240, .40) !important; }
#mkAiCtlHost .mkac-x { padding: 0 9px !important; border-color: rgba(239, 68, 68, .32) !important; background: #fef2f2 !important; color: #b91c1c !important; }
#mkAiCtlHost .mkac-x:hover { background: rgba(239, 68, 68, .16) !important; color: #991b1b !important; }
#mkAiCtlHost .mkac-body {
  flex: 1 1 auto !important; min-height: 0 !important; display: flex !important;
  background:
    radial-gradient(700px 380px at 50% 120%, rgba(124, 92, 240, .07), transparent 64%),
    linear-gradient(180deg, #eef1f6 0%, #e8ecf3 100%) !important;
}
#mkAiCtlHost .mkac-body iframe {
  flex: 1 1 auto !important; width: 100% !important; height: 100% !important;
  border: 0 !important; margin: 0 !important; display: block !important; background: transparent !important;
}

/* 深色主题下 AI 面板仍保持「简约白」，只把外框阴影调轻 */
html[data-theme="dark"] #mkAiCtlHost { box-shadow: 0 24px 60px -26px rgba(0, 0, 0, .75), 0 0 0 1px rgba(24, 43, 77, .05) !important; }

/* [R55] 浮层头部「密码专区 / AI 助理」区切换按钮 */
#mkAiCtlHost .mkac-zone { min-width: 62px !important; }
#mkAiCtlHost .mkac-zone.active {
  background: linear-gradient(135deg, #6d4df0 0%, #8b5cf6 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px -10px rgba(124, 92, 240, .85) !important;
}
#mkAiCtlHost .mkac-zone.active:hover { color: #ffffff !important; }