/* ============================================================
 * 简洁版视觉覆盖（clean.css）— 加载在 style.css 之后
 * 目标：白底 / 藏青顶栏 / 独立统计卡 / 轻盈表格 / 柔和状态色
 * 只改外观，不动任何结构与功能；删除本文件即可回退。
 * ============================================================ */

/* ---- 全局基底：更轻的背景、更柔和的文字、去掉重投影 ---- */
body {
  background: #f4f6f9;
  color: #1d2733;
  -webkit-font-smoothing: antialiased;
}

/* ---- 顶栏：保留藏青，加一条极轻底影 ---- */
.topbar { box-shadow: 0 1px 3px rgba(13, 43, 78, .10); }
.logo-badge { border-radius: 8px; }

/* ---- 统计：连续白条 → 分离的白卡（对齐简洁版） ---- */
.stat-strip {
  background: transparent;
  border-bottom: 0;
  padding: 18px 20px;
  gap: 14px;
}
.stat {
  background: #fff;
  border: 1px solid #e8ecf1;
  border-radius: 12px;
  padding: 16px 26px;
  min-width: 116px;
  box-shadow: 0 1px 2px rgba(16, 42, 74, .05);
}
.stat b { font-size: 26px; color: #0D2B4E; font-weight: 700; }
.stat span { color: #8a97a6; }

/* ---- 左侧导航：更透气、圆角更柔 ---- */
.sidenav { background: #fff; border-right: 1px solid #e8ecf1; padding: 16px 12px; }
.nav-item {
  border-radius: 8px;
  color: #3d5165;
  font-size: 13.5px;
  padding: 10px 12px;
}
.nav-item:hover { background: #f4f6f9; }
.nav-item.active { background: #0D2B4E; box-shadow: 0 2px 6px rgba(13, 43, 78, .18); }

/* ---- 内容区留白、标题 ---- */
.content { padding: 24px 28px; }
.tab-panel h2 { color: #0D2B4E; font-weight: 600; font-size: 18px; margin-bottom: 16px; }
.hint { color: #8a97a6; }

/* ---- 表格：轻边框、白底卡、垂直居中 ---- */
.table-wrap {
  border: 1px solid #e8ecf1;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 42, 74, .04);
}
.tbl th {
  background: #f7f9fc;
  color: #64748b;
  font-weight: 600;
  padding: 12px 16px;
  border-bottom: 1px solid #e8ecf1;
}
.tbl td {
  padding: 13px 16px;
  border-bottom: 1px solid #f1f4f8;
  vertical-align: middle;
  color: #1d2733;
}
.tbl tr:hover td { background: #fafbfc; }
.tbl .muted { color: #9aa7b5; }
/* 行内操作链接：简洁版用红色（对应截图"禁用/编辑/删除"） */
.tbl .link { color: #d94a4a; }
.tbl .link:hover { color: #b93a3a; }

/* ---- 状态标签：更小更柔的胶囊 ---- */
.tag { border-radius: 999px; padding: 3px 10px; font-size: 11.5px; }
.tag-open    { background: #eaf4fd; color: #1a73c2; }
.tag-assigned{ background: #e9f7f0; color: #14855a; }
.tag-replied { background: #f3edff; color: #6a3fc0; }
.tag-closed  { background: #f1f3f6; color: #7a8ea3; }
.tag-new     { background: #fdefe6; color: #e0692f; }
.tag-done    { background: #e9f7f0; color: #14855a; }
.tag-super   { background: #fdf5dd; color: #a07800; }
.unread { background: #e94b4b; }

/* ---- 小按钮 / 下拉 ---- */
.btn-mini { border-color: #dbe2ea; border-radius: 7px; color: #4a5b6e; }
.btn-mini:hover { border-color: #0D2B4E; color: #0D2B4E; background: #fff; }
select.mini { border-color: #dbe2ea; border-radius: 7px; }

/* ---- 模态框：圆角更柔 ---- */
.modal-box { border-radius: 14px; }