/*! v7工作室AI版 · [R201] 控制页「锁屏密码」→ 顶栏（待跟进右侧）+ 浮窗简约线条风
 * ------------------------------------------------------------------
 * 爹的需求（2026-10-05）：
 *   1) 「锁屏密码」按钮从左栏挪到顶栏「待跟进」右边；
 *   2) 点击展开「锁屏密码」浮窗（原功能不变）；
 *   3) 浮窗可随意拖动 + 记住位置；
 *   4) 浮窗 UI 换成参考图那种简约风格：白卡 / 细发丝边 / 小胶囊标签 / 黑主按钮。
 * 配套：mk-r201-lockpwd.js。纯皮肤层，删 index.html 里本文件那一行即完全回退。
 * ------------------------------------------------------------------ */

/* ==================================================================
 * 1) 左栏旧按钮「锁屏密码」→ 隐藏（已挪到顶栏；DOM 保留，回退即恢复）
 * ================================================================== */
.ctrl-layout > .ctrl-action-panel .ctrl-side-btn.mk-ctl-pwd { display: none !important; }

/* ==================================================================
 * 2) 顶栏按钮 #mkLp201Btn —— 跟「重要 / 待跟进」同排、同高、同风格
 * ================================================================== */
.ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 24px !important;
  padding: 0 10px 0 8px !important;
  margin: 0 2px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(24, 43, 77, .16) !important;
  background: #ffffff !important;
  color: #46587a !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  transition: background .15s, border-color .15s, color .15s, box-shadow .15s !important;
}
.ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn:hover { border-color: #111827 !important; color: #111827 !important; }
.ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn .mk-lp-ico {
  width: 13px !important; height: 13px !important; flex: 0 0 13px !important;
  display: block !important;
  background: currentColor !important;
  -webkit-mask: url("/panel/skin/assets/icons/key-round.svg") center / contain no-repeat !important;
  mask: url("/panel/skin/assets/icons/key-round.svg") center / contain no-repeat !important;
}
.ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn .mk-lp-n {
  display: none;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #111827 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  text-align: center !important;
}
/* 展开态：整颗按钮反色（对齐参考图的黑色主按钮语言） */
.ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn.is-on {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px -10px rgba(17, 24, 39, .9) !important;
}
.ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn.is-on .mk-lp-n { background: rgba(255, 255, 255, .22) !important; }

/* 暗色主题 */
html[data-theme="dark"] .ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn,
body[data-mkdark] .ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn {
  background: rgba(255, 255, 255, .05) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  color: #c3d4ea !important;
}
html[data-theme="dark"] .ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn.is-on,
body[data-mkdark] .ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn.is-on {
  background: #e5e9f0 !important; border-color: #e5e9f0 !important; color: #111827 !important;
}
html[data-theme="dark"] .ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn.is-on .mk-lp-n,
body[data-mkdark] .ctrl-page .ctrl-topbar #mkLp201Btn.mk-lp-btn.is-on .mk-lp-n {
  background: rgba(17, 24, 39, .18) !important; color: #111827 !important;
}

/* ==================================================================
 * 3) 「锁屏密码」浮窗 —— 简约线条风（覆盖 mk-ui.css / mk-r164-pwd.css）
 * ================================================================== */
html body .ctrl-page .c2-float-panel.mk-float-pwd,
html body .ctrl-page .c2-float-panel:has(.c2-pwd-filters) {
  background: #ffffff !important;
  border: 1px solid #e8ebf0 !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 50px -26px rgba(15, 23, 42, .5), 0 2px 6px rgba(15, 23, 42, .05) !important;
  color: #0f172a !important;
  overflow: hidden !important;
  z-index: 9330 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .ctrl-page .c2-float-panel.mk-float-pwd .c2-float-title,
html body .ctrl-page .c2-float-panel:has(.c2-pwd-filters) .c2-float-title {
  height: 42px !important;
  padding: 0 10px 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-bottom: 1px solid #f1f3f7 !important;
  background: #ffffff !important;
  cursor: grab !important;
}
html body .ctrl-page .c2-float-panel.mk-dragfree .c2-float-title { cursor: grabbing !important; }
html body .ctrl-page .c2-float-panel .c2-float-title-text {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: .2px !important;
}
html body .ctrl-page .c2-float-panel .c2-float-count {
  height: 20px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #f3f4f6 !important;
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
}
html body .ctrl-page .c2-float-panel.mk-float-pwd .c2-float-close,
html body .ctrl-page .c2-float-panel:has(.c2-pwd-filters) .c2-float-close {
  width: 24px !important; height: 24px !important;
  margin-left: 2px !important;
  border-radius: 8px !important;
  border: none !important;
  background: transparent !important;
  color: #9aa4b2 !important;
  font-size: 13px !important;
  line-height: 24px !important;
  cursor: pointer !important;
}
html body .ctrl-page .c2-float-panel.mk-float-pwd .c2-float-close:hover,
html body .ctrl-page .c2-float-panel:has(.c2-pwd-filters) .c2-float-close:hover {
  background: #f3f4f6 !important; color: #111827 !important;
}
/* 抓手 + 刷新（本皮肤注入） */
html body .ctrl-page .c2-float-panel .mk-lp-grip {
  color: #c3c9d4 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  margin-right: 2px !important;
  cursor: grab !important;
  user-select: none !important;
}
html body .ctrl-page .c2-float-panel .mk-lp-refresh {
  width: 24px !important; height: 24px !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .ctrl-page .c2-float-panel .mk-lp-refresh > i {
  width: 13px !important; height: 13px !important; display: block !important;
  background: #9aa4b2 !important;
  -webkit-mask: url("/panel/skin/assets/icons/refresh-cw.svg") center / contain no-repeat !important;
  mask: url("/panel/skin/assets/icons/refresh-cw.svg") center / contain no-repeat !important;
}
html body .ctrl-page .c2-float-panel .mk-lp-refresh:hover { background: #f3f4f6 !important; }
html body .ctrl-page .c2-float-panel .mk-lp-refresh:hover > i { background: #111827 !important; }

/* 筛选胶囊：默认浅灰，选中 = 黑底白字（简约） */
html body .ctrl-page .c2-float-panel.mk-float-pwd .c2-pwd-filters,
html body .ctrl-page .c2-float-panel:has(.c2-pwd-filters) .c2-pwd-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 10px 12px 8px !important;
  border-bottom: 1px solid #f5f6f9 !important;
  background: #ffffff !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-filter-btn {
  height: 26px !important;
  padding: 0 11px !important;
  border-radius: 9px !important;
  border: 1px solid #eef0f4 !important;
  background: #f6f7f9 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background .15s, color .15s, border-color .15s !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-filter-btn:hover { border-color: #d7dce5 !important; color: #111827 !important; }
html body .ctrl-page .c2-float-panel .c2-pwd-filter-btn.active {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #ffffff !important;
}

/* 记录卡片 */
html body .ctrl-page .c2-float-panel .c2-float-body {
  padding: 4px 0 8px !important;
  background: #ffffff !important;
  overflow-y: auto !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-entry {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 8px 12px !important;
  padding: 10px 11px !important;
  border: 1px solid #eef0f4 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  transition: border-color .15s, box-shadow .15s, background .15s !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-entry:hover { border-color: #dde2ea !important; background: #fcfdff !important; }
html body .ctrl-page .c2-float-panel .c2-pwd-entry.active {
  border-color: #111827 !important;
  box-shadow: 0 0 0 1px #111827 inset, 0 8px 20px -16px rgba(17, 24, 39, .8) !important;
  background: #ffffff !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-type-pill {
  height: 20px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  background: #f1f3f7 !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-entry.active .c2-pwd-type-pill { background: #111827 !important; color: #fff !important; }
html body .ctrl-page .c2-float-panel .c2-pwd-display {
  font-family: ui-monospace, "SFMono-Regular", Consolas, "Courier New", monospace !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: .06em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-meta { font-size: 11px !important; color: #9aa4b2 !important; margin-top: 3px !important; }
html body .ctrl-page .c2-float-panel .c2-pwd-meta-pkg { color: #9aa4b2 !important; }
html body .ctrl-page .c2-float-panel .c2-pwd-del {
  width: 24px !important; height: 24px !important;
  flex: 0 0 24px !important;
  border: none !important; border-radius: 8px !important;
  background: transparent !important;
  color: #c3c9d4 !important;
  font-size: 12px !important;
  cursor: pointer !important;
  opacity: 0 !important;
  transition: opacity .15s, background .15s, color .15s !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-entry:hover .c2-pwd-del { opacity: 1 !important; }
html body .ctrl-page .c2-float-panel .c2-pwd-del:hover { background: #fee2e2 !important; color: #dc2626 !important; }

/* 底部动作条：复制（描边）/ 一键解锁（黑主按钮）/ APK自动解锁（描边黑）  ← [R42] 已改名+换位，见文末 §5 */
html body .ctrl-page .c2-float-panel .c2-float-footer {
  padding: 10px 12px !important;
  border-top: 1px solid #f1f3f7 !important;
  background: #ffffff !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-btn {
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background .15s, border-color .15s, color .15s, opacity .15s !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-btn.copy {
  flex: 0 0 62px !important;
  border: 1px solid #e2e6ee !important;
  background: #ffffff !important;
  color: #475569 !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-btn.copy:hover { border-color: #111827 !important; color: #111827 !important; }
html body .ctrl-page .c2-float-panel .c2-pwd-btn.primary {
  flex: 1 1 auto !important;
  border: 1px solid #111827 !important;
  background: #111827 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px -14px rgba(17, 24, 39, .95) !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-btn.primary:hover { background: #1f2937 !important; border-color: #1f2937 !important; }
html body .ctrl-page .c2-float-panel .c2-pwd-btn.secondary {
  flex: 0 0 auto !important;
  border: 1px solid #111827 !important;
  background: #ffffff !important;
  color: #111827 !important;
}
html body .ctrl-page .c2-float-panel .c2-pwd-btn.secondary:hover { background: #f3f4f6 !important; }
html body .ctrl-page .c2-float-panel .c2-pwd-btn:disabled { opacity: .45 !important; cursor: default !important; }
/* 底部提示句（"需黑屏且锁屏状态下解锁" 之类）→ 更淡更小 */
html body .ctrl-page .c2-float-panel .c2-float-footer > div:last-child { color: #b6bdc9 !important; font-size: 10.5px !important; }

/* 图案九宫格组件若存在，收进同一套线条语言 */
html body .ctrl-page .c2-float-panel .c2-pwd-entry svg { color: #111827 !important; }

/* ---- 暗色主题兜底 ---- */
html[data-theme="dark"] body .ctrl-page .c2-float-panel.mk-float-pwd,
body[data-mkdark] .ctrl-page .c2-float-panel.mk-float-pwd {
  background: #151a22 !important;
  border-color: #262d39 !important;
  color: #e6ecf5 !important;
}
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-float-title,
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-pwd-filters,
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-float-body,
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-float-footer,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-float-title,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-pwd-filters,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-float-body,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-float-footer {
  background: #151a22 !important;
  border-color: #232a35 !important;
}
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-float-title-text,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-float-title-text { color: #f1f5f9 !important; }
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-pwd-entry,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-pwd-entry {
  background: #1a2029 !important; border-color: #2a323f !important;
}
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-pwd-entry.active,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-pwd-entry.active {
  border-color: #e5e9f0 !important; box-shadow: 0 0 0 1px #e5e9f0 inset !important;
}
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-pwd-display,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-pwd-display { color: #f8fafc !important; }
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-pwd-filter-btn,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-pwd-filter-btn {
  background: #1e242e !important; border-color: #2a323f !important; color: #a8b4c6 !important;
}
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-pwd-filter-btn.active,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-pwd-filter-btn.active {
  background: #e5e9f0 !important; border-color: #e5e9f0 !important; color: #111827 !important;
}
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-pwd-btn.copy,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-pwd-btn.copy,
html[data-theme="dark"] body .ctrl-page .c2-float-panel .c2-pwd-btn.secondary,
body[data-mkdark] .ctrl-page .c2-float-panel .c2-pwd-btn.secondary {
  background: #1a2029 !important; border-color: #333c4a !important; color: #cbd5e1 !important;
}

/* ==================================================================
 * 4) 被 mk-yield 让位机制「强制唤回」时的描边：换成简约中性色（原来是粉光）
 * ================================================================== */
html body .ctrl-page .c2-float-panel.mk-float-pwd.mk-force,
html.mk-yield body .ctrl-page .c2-float-panel.mk-float-pwd.mk-force {
  box-shadow: 0 20px 50px -26px rgba(15, 23, 42, .5), 0 0 0 1px rgba(17, 24, 39, .85) !important;
}


/* ==================================================================
 * 5) [R42] 弹窗底部动作条「改名 + 左右换位」（爸 2026-10-05 带截图）
 * ------------------------------------------------------------------
 * 原：复制 | 一键解锁(黑主) | APK自动解锁(描边)
 * 现：复制 | 自动解锁(描边) | 无障碍解锁(黑主)
 * 做法：纯 CSS，不碰 DOM（React 产物重渲染也冲不掉）：
 *   ① 换位 = flex `order`（父容器是 React 内联 display:flex，稳定）；
 *   ② 改名 = 按钮 font-size:0 藏掉 React 原文字 + ::after 写新名
 *       （用 Unicode 转义，免得 CSS 文件编码不确定）。
 * 回退：删掉本 §5 整块，并把下面 index.html 的 ?v= 随便改一个值。
 * 注意：两个按钮各自的 React 点击 handler 不受影响（只改字和位置）。
 * ================================================================== */

/* ① 左右换位：复制(1) -> 自动解锁(2) -> 无障碍解锁(3) */
html body .ctrl-page .c2-float-panel .c2-float-footer .c2-pwd-btn.copy      { order: 1 !important; }
html body .ctrl-page .c2-float-panel .c2-float-footer .c2-pwd-btn.secondary { order: 2 !important; }
html body .ctrl-page .c2-float-panel .c2-float-footer .c2-pwd-btn.primary   { order: 3 !important; }

/* ② 改名：先把 React 原文字的 font-size 归 0（宽度也跟着塑） */
html body .ctrl-page .c2-float-panel .c2-float-footer .c2-pwd-btn.primary,
html body .ctrl-page .c2-float-panel .c2-float-footer .c2-pwd-btn.secondary {
  font-size: 0 !important;
  white-space: nowrap !important;
}
/* 无障碍解锁 = 无(65E0)障(969C)碍(788D)解(89E3)锁(9501) */
html body .ctrl-page .c2-float-panel .c2-float-footer .c2-pwd-btn.primary::after {
  content: "\65E0\969C\788D\89E3\9501";
  font-size: 12.5px !important;
  line-height: 1 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}
/* 自动解锁 = 自(81EA)动(52A8)解(89E3)锁(9501) */
html body .ctrl-page .c2-float-panel .c2-float-footer .c2-pwd-btn.secondary::after {
  content: "\81EA\52A8\89E3\9501";
  font-size: 12.5px !important;
  line-height: 1 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}