/* 工作台内嵌页 · 配色跟小保站点一致 ＋ 图标文字放大
 *
 * 用户要求（2026-10-28）：
 *   1) 工作台配色要跟网站一致（现在是深蓝，改成站点墨绿）；
 *   2) 下面的图标文字稍微大一点，现在太小。
 *
 * 做法：不改 /workbench/index.html 原文件（原版基线），只在统一站里加一层覆盖：
 *   选择器一律以 #wbHost 开头（工作台就挂在这个容器里），
 *   属性用 !important 压过挂载时注入的原版样式（原版 <style> 后插入 head，优先级相同）。
 *
 * 回滚：删掉 index.html 里加载本文件的 <link> 即可。
 */

/* ---------- 1. 顶栏 / 锁屏：深蓝 → 站点墨绿 ---------- */
#wbHost .top-bar {
  background: linear-gradient(135deg, #175c46, #2f8a68) !important;
}
#wbHost .lock-screen {
  background: linear-gradient(135deg, #175c46, #2f8a68) !important;
}
#wbHost .lock-btn {
  color: #175c46 !important;
}

/* ---------- 2. 卡片标题 / 说明 / 按钮：蓝 → 墨绿 ---------- */
#wbHost .card h2 {
  color: #175c46 !important;
  font-size: 14.5px !important;
}
#wbHost .card h2 .b {
  background: #e9f3ee !important;
  color: #175c46 !important;
  font-size: 11px !important;
}
#wbHost .guide {
  background: #e9f3ee !important;
  color: #14503d !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  padding: 8px 12px !important;
}
#wbHost .guide a,
#wbHost .ft a,
#wbHost .lk {
  color: #175c46 !important;
}
#wbHost .sb span {
  background: #175c46 !important;
}
#wbHost .btn-sm {
  background: #e9f3ee !important;
  color: #175c46 !important;
  font-size: 12px !important;
}

/* 「重要不紧急」原来用蓝色，改成站点绿系，保持四个象限还能分开 */
#wbHost .q2 {
  background: #f2f9f5 !important;
  border-color: #cfe3d9 !important;
}
#wbHost .q2 h3 {
  color: #175c46 !important;
}

/* 原版写死在行内样式里的深蓝文字（日历标题、优先级条目等） */
#wbHost [style*="color:#1a3a5c"],
#wbHost [style*="color: #1a3a5c"],
#wbHost [style*="color:#1e3a5f"] {
  color: #175c46 !important;
}

/* ---------- 3. 图标文字放大（今日打卡 / 优先级 / 表格） ---------- */
/* 今日打卡：emoji 与文字都在 .ci-l 里，一起放大 */
#wbHost .ci-l {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #2b2b31 !important;
}
#wbHost .ci-h {
  padding: 8px 10px !important;
  gap: 8px !important;
}
#wbHost .ci-b {
  width: 19px !important;
  height: 19px !important;
  font-size: 12px !important;
}
#wbHost .ci-n textarea {
  font-size: 12.5px !important;
  height: 40px !important;
}

/* 优先级四象限条目 */
#wbHost .qi-i {
  font-size: 13.5px !important;
}
#wbHost .qi-t {
  font-size: 13px !important;
  color: #175c46 !important;
}
#wbHost .qi-p {
  font-size: 11.5px !important;
}
#wbHost .qi-h {
  padding: 7px 8px !important;
  gap: 6px !important;
}
#wbHost .qi-e textarea {
  font-size: 12.5px !important;
  height: 40px !important;
}
#wbHost .qu h3 {
  font-size: 12.5px !important;
}

/* 客户表格 */
#wbHost .tbl {
  font-size: 12px !important;
}
#wbHost .tbl th {
  font-size: 11px !important;
  padding: 5px 5px !important;
}
#wbHost .tbl td {
  padding: 5px 5px !important;
}
#wbHost .tbl .nm {
  font-size: 13px !important;
}
#wbHost .tbl .sb {
  font-size: 11px !important;
}

/* 顶栏日期与副标题也别太小 */
#wbHost .top-date .m {
  font-size: 11.5px !important;
}
#wbHost .top-date .w {
  font-size: 10.5px !important;
}
#wbHost .top-info h1 {
  font-size: 18px !important;
}
#wbHost .top-info .sub {
  font-size: 11.5px !important;
  opacity: .85 !important;
}

/* 手机上一栏显示时，字号稍收一点，避免挤 */
@media (max-width: 480px) {
  #wbHost .ci-l {
    font-size: 13.5px !important;
  }
  #wbHost .qi-t {
    font-size: 12.5px !important;
  }
}