/* ===== OA 数据标题公共样式（唯一权威，2026-09-18 用户确定） =====
   标准来源：报销申请 biz.html 单据列。
   使用规范：所有表单数据列表第 1 列为「数据标题」——中文主标题粗体（.doc-title）
   + 编号副标题小字（.doc-sub）；点主标题查看该条详情；操作列不放「详情/明细/查看」按钮。
   有勾选列的表格（如外部工资单），数据标题放紧邻第 1 列的姓名列。
   样式一律走全站主题变量（--title/--text-sub/--primary），兼容四套主题。
   各列表页引入本文件即可，禁止页内重复定义（页面专属微调需注释说明）。 */
.doc-title { font-weight: 600; color: var(--title); cursor: pointer; transition: color .15s; }
.doc-title:hover { color: var(--primary); }
/* 副标题：比主标题小一号、浅一个灰度（opacity 基于 --text-sub 淡化，兼容四套主题，2026-09-18 用户定） */
.doc-sub { font-size: 10px; color: var(--text-sub); opacity: .75; margin-top: 2px; }
/* 卡片/明细行内嵌的单据链接主标题（费用分摊池、项目流水明细）与数据标题同风格 */
.doc-link { color: var(--title); text-decoration: none; font-weight: 600; cursor: pointer; transition: color .15s; }
.doc-link:hover { color: var(--primary); }
.doc-link + .doc-sub { display: block; }

/* 手机端：数据标题变卡片头部（配合 mob-list 表格卡片化，原在 oa-ui.css，2026-09-18 迁入） */
@media (max-width: 640px) {
  .mob-list td.no-lb .doc-title { display: flex; justify-content: space-between; align-items: center;
    gap: 8px; font-size: 15px; font-weight: 700; color: var(--title); cursor: pointer; }
  .mob-list td.no-lb .doc-title::after { content: "›"; color: var(--text-sub); font-size: 18px; line-height: 1; }
  .mob-list td.no-lb .doc-sub { font-size: 10.5px; color: var(--text-sub); opacity: .75; margin-top: 3px; }
  .doc-imgs img { max-width: 100%; max-height: 180px; }   /* 附件图片手机端限幅（2026-09-18 提权） */
}