/* ==========================================================================
   制作进行 · 工具 —— 8 个工具、启用开关、本月调用汇总
   只作用于本页；外壳来自 admin.html / admin.css。
   ========================================================================== */

/* 页头 */
.phead h1{font-size:40px}
.m-v small.m-u{font-family:var(--mono);font-size:14px;font-weight:400;letter-spacing:.02em;color:var(--pp-62);margin-left:3px}
#mEnabled{color:var(--ppk)}

/* ---------- 工具表 ---------- */
.tools-tbl{margin-top:8px}
.tools-tbl td{padding:7px 0}
.tools-tbl .c-no{width:62px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--pp-55)}
.tools-tbl .c-calls{width:112px;padding-right:22px;text-align:right;font-family:var(--disp);font-weight:900;font-size:13px;
  letter-spacing:.02em;color:var(--pp-80)}
.tools-tbl .c-avg{width:104px;padding-right:20px;text-align:right;font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--pp-55)}
.tools-tbl .c-sw{width:132px;padding-left:14px}
.tools-tbl .c-open{width:70px;text-align:right}
.tools-tbl td{vertical-align:middle}
.t-name{display:block;font-size:14px;font-weight:700;letter-spacing:.01em;color:var(--pp);line-height:1.45;
  transition:color .15s var(--ease)}
.t-desc{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--pp-55);
  line-height:1.5;margin-top:1px}
.tools-tbl tbody tr:hover .t-name{color:var(--ppk)}

/* 开关行（开关本体在 admin.css 的 .switch 共享组件里） */
.switch-cell{display:flex;align-items:center;gap:9px}
.switch-label{font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--ppk-soft);white-space:nowrap;min-width:36px}
.trow.is-off .switch-label{color:var(--pp-55)}
.trow.is-off .t-name{color:var(--pp-62)}
.trow.is-off .t-desc{color:var(--pp-55)}
.trow.is-off .c-calls{color:var(--pp-55)}
.trow.is-off .c-no{color:var(--pp-55)}
.trow.is-off .c-open .arrow-link{color:var(--pp-55);border-color:var(--pline)}
.trow.is-off{background:color-mix(in srgb, var(--pp) 1.8%, transparent)}

/* 合计行 */
.tools-tbl tfoot td{border-bottom:0;border-top:3px solid var(--pp-62);padding:10px 0;
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--pp-55)}
.tools-tbl tfoot .c-calls{font-family:var(--disp);font-weight:900;font-size:13px;letter-spacing:.02em;color:var(--pp)}
.tools-tbl tfoot .c-avg{color:var(--pp-62)}
.tf-note{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--pp-55)}
.tf-note b{font-weight:500;color:var(--ppk-soft)}

/* 底部说明 */
.page-note{margin-top:24px;padding-top:12px;border-top:2px solid var(--pline);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--pp-55)}
.page-note b{font-weight:500;color:var(--pp-62)}

/* 新增工具弹层里的输入 */
.n-in{width:100%;margin-bottom:12px}
.dlg-box .p-k{margin-bottom:6px}
.dlg-box .p-k:not(:first-of-type){margin-top:2px}

/* 响应式 */
@media (max-width:1240px){
  .chapter{right:300px;font-size:100px}
}
@media (max-width:1100px){
  .chapter{right:18px;top:-26px;font-size:96px;opacity:.22}
  .tools-tbl .c-avg{display:none}
  .tools-tbl .c-sw{width:132px}
}
@media (max-width:900px){
  .chapter{display:none}
  .metrics{grid-template-columns:1fr 1fr}
  .tools-tbl{table-layout:auto}
  .tools-tbl .c-no{display:none}
  .tools-tbl tfoot .c-no{display:none}
  .tools-tbl .c-open{width:auto}
  .tools-tbl tfoot td[colspan]{display:none}
}
@media (max-width:600px){
  .tools-tbl .c-calls{width:auto}
  .tools-tbl .c-open{display:none}
  .tools-tbl tfoot .c-calls{display:none}
  .switch-label{display:none}
  .t-name{font-size:13px}
  .page-note{flex-direction:column;gap:4px}
}