/* NN 客户主题 —— 在基础 style.css（GN 的经典表格）之上叠加的覆盖层。
 * 结构仍是表格/列表，只改观感做出与 GN 的区分：浅灰页面 + 更柔阴影/更大圆角 +
 * 三层背景层级 + 文件名加粗加深 + size/time 弱化 + 文件行图标 + 更浅分割线。 */

/* 页面背景：更浅的冷灰 #F7F8FA，与白色卡片拉开层级 */
body {
  background: #F7F8FA;
}

/* 容器：圆角更明显 + 阴影更柔和 */
.card {
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(17, 24, 39, 0.06);
}

/* 表头：加粗 + 略增字距提高清晰度；圆角随卡片放大；垂直居中 */
thead th {
  font-weight: 700;
  letter-spacing: 0.02em;
  vertical-align: middle;
}
thead th:first-child { border-top-left-radius: 8px; }
thead th:last-child { border-top-right-radius: 8px; }

/* 表格行：行高略增（呼吸感）；分割线更浅更柔和；内容垂直居中 */
tbody td {
  padding: 15px 16px;
  border-bottom: 1px solid #F0F1F4;
  vertical-align: middle;
}

/* 行悬浮：浅蓝高亮 #EEF4FF（页面浅灰 + 卡片白 + 行浅蓝 = 三层结构，反馈不刺眼） */
tbody tr:hover {
  background: #EEF4FF;
}

/* 文件名：字重强化 + 颜色加深，突出主信息（仍保留绿色作为下载链接的可点击信号） */
td.col-name a {
  font-weight: 600;
  color: #1F7A34;
}

/* 文件大小 / 修改时间：弱化为更浅灰，降低视觉权重 */
.col-size,
.col-mod {
  color: #9A9AA1;
}

/* 文件行：文件名前加统一文件图标（文件夹行已自带 📁，按 row-file 作用域排除） */
tr.row-file td.col-name a::before {
  content: "📄";
  margin-right: 6px;
}