/* ==================================================================================
 * [R207] 设备列表「操作」列三颗红按钮 —— 修复「删除」白字看不见
 * ----------------------------------------------------------------------------------
 * 病根：mk-light.css 的「7a 清底规则」
 *   html[data-theme="light"] .table-area .table-wrap.mk-dark *:not(svg):not(path) {
 *     background: transparent !important; background-image: none !important; }
 *   它只清 background、保留 color / border-color。而这三颗按钮的配色是 React 内联 style
 *   写死的深色主题值（内联样式只能被 !important 覆盖）：
 *     拉黑  bg #fef2f2 / color #b91c1c  → 背景被清后「深红字 + 白底」还能看见
 *     删除  bg #7f1d1d / color #ffffff  → 背景被清后「白字 + 白底」= 直接消失
 *     销毁  bg #450a0a / color #fca5a5  → 背景被清后「浅粉字 + 白底」≈ 看不见
 *   本层按语义把这三种状态在浅色主题下补回来（破坏性从弱到强：浅红 → 实红 → 暗红）。
 *
 * 回退：删掉 panel/index.html 里 mk-r207-ops.css 那一行即可（零副作用）。
 * ================================================================================== */

html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="拉黑："] {
  background: #fef2f2 !important;
  background-image: none !important;
  border: 1px solid #fecaca !important;
  color: #b91c1c !important;
}
html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="拉黑："]:hover {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
}

html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="删除："] {
  background: #b91c1c !important;
  background-image: none !important;
  border: 1px solid #991b1b !important;
  color: #ffffff !important;
}
html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="删除："]:hover {
  background: #991b1b !important;
  border-color: #7f1d1d !important;
}

html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="销毁："] {
  background: #7f1d1d !important;
  background-image: none !important;
  border: 1px solid #450a0a !important;
  color: #fecaca !important;
}
html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="销毁："]:hover {
  background: #991b1b !important;
  border-color: #7f1d1d !important;
  color: #ffffff !important;
}

/* 三颗都保留内联的排版（padding / 字号 / 字重 / 圆角 / nowrap / margin 由内联负责），
   这里只补「看得见」所需的背景与前景色；按下时给一点点回弹反馈。 */
html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="拉黑："],
html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="删除："],
html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="销毁："] {
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
}
html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="拉黑："]:active,
html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="删除："]:active,
html[data-theme="light"] body .app .main .table-area .table-wrap button[title^="销毁："]:active {
  transform: scale(.96);
}