/*! v7工作室 [R204e] 控制页：工具箱「假锁屏」三键 → 中列「文本输入」下面（一排三颗 · 纯皮肤层）
 * ---------------------------------------------------------------------------
 * 爹的诉求（2026-10-06 · 附图 2 张）：
 *   ① 图1 = 工具箱页「假锁屏」分组：假锁屏(PIN) / 假锁屏(九宫格) / 假锁屏(混合) / 假锁屏(自动) / 关闭假锁屏 / 网页注入
 *   ② 图2 = 控制页中部，红箭头指向「文本输入: [____] 发送」这一行
 *   →「把工具箱里面这几个按钮移动到 文本输入下面」
 *
 * 本文件只做两件事：
 *   1) 给 .mk-ctl-left（r31-phones.css 里定义的三行网格 "readers"/"rail"/"input"）补第 4 行 "flk"
 *      —— 位置＝「文本输入」行下面，宽度 656（与输入行/两台手机同宽）居中。
 *   2) 三颗按钮的线条风格：白底 + 1px 红系描边 + 9px 圆角 + 12px 字 —— 与 R204b 手机两侧方块键同一套语言。
 *
 * 回退：删掉 panel/index.html 里 mk-r204e-fakelock 的 css/js 两行即可完全恢复（原工具箱按钮会自动回来）。
 * ========================================================================== */

/* 1) 左栏网格：第 4 行 flk（在 input 下面） */
html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left.mk-ctl-left{
  grid-template-areas: "readers" "rail" "input" "flk" !important;
}

/* 2) 行容器：与「文本输入」同宽居中，透明无边框 */
html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-r204e-flk{
  grid-area: flk !important;
  display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
  align-items: center !important; justify-content: stretch !important;
  gap: 8px !important;
  width: 100% !important; max-width: 656px !important; min-width: 0 !important;
  justify-self: center !important;
  margin: 0 auto !important; padding: 0 !important;
  background: transparent !important; background-image: none !important;
  border: 0 !important; box-shadow: none !important;
}

/* 3) 三颗按钮（线条风 · 危险动作配色） */
html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-r204e-flk > button.mk-r204e-btn{
  flex: 1 1 0 !important; min-width: 0 !important;
  height: 32px !important; min-height: 32px !important; max-height: 32px !important;
  display: inline-flex !important; flex-direction: row !important;
  align-items: center !important; justify-content: center !important;
  gap: 6px !important;
  padding: 0 10px !important; margin: 0 !important;
  box-sizing: border-box !important;
  border-radius: 9px !important;
  background: #fff !important; background-image: none !important;
  border: 1px solid rgba(180, 69, 63, .30) !important;
  color: #b4453f !important;
  font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  text-align: center !important; cursor: pointer !important;
  box-shadow: none !important; filter: none !important;
  transition: background .12s ease, border-color .12s ease, color .12s ease !important;
}
html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-r204e-flk > button.mk-r204e-btn > i.mk-i{
  width: 15px !important; height: 15px !important; flex: 0 0 15px !important;
  color: inherit !important;
}
html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-r204e-flk > button.mk-r204e-btn > span{
  font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important;
  color: inherit !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-r204e-flk > button.mk-r204e-btn:hover{
  background: #fdf6f5 !important; border-color: rgba(180, 69, 63, .58) !important; color: #a5382f !important;
}
html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-r204e-flk > button.mk-r204e-btn.is-hit{
  background: rgba(180, 69, 63, .12) !important; border-color: rgba(180, 69, 63, .60) !important; color: #a5382f !important;
}
/* 指令真的发出去（服务端 ok）→ 短暂绿一下；被拒 → 短暂深红 */
html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-r204e-flk > button.mk-r204e-btn.is-ok{
  background: #eefaf3 !important; border-color: rgba(11, 123, 82, .55) !important; color: #0b7b52 !important;
}
html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-r204e-flk > button.mk-r204e-btn.is-err{
  background: rgba(180, 69, 63, .18) !important; border-color: rgba(180, 69, 63, .75) !important; color: #8f2c26 !important;
}

/* 4) 「移动」语义：工具箱里那 3 颗原按钮隐藏（想两处都留：localStorage.setItem('mk204eKeepSrc','1')） */
html body .ctrl-page .ctrl-content .ctrl-cmd-btn[data-mk204e-src="1"]{
  display: none !important;
}

/* 5) 窄屏（<1500）也不额外变形：容器照旧自适应 */
@media (max-width: 1499px){
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-r204e-flk{
    max-width: 100% !important;
  }
}