/* 轻列表：给「条目少、一眼看完」的简单页面用（待办、我的客户、供应商库、消息…）

   与 list-ui.css 的分工：
   - list-ui.css 给「一批单据」用（采购／销售／加工／应收／库存）：摘要行、搜索、筛选抽屉、状态条、卡片行、大数字、彩色标签；
   - list-lite.css 给「三五条就把事看完」的页面用：**一屏只留主线**——
     一行一件事（左=对象／事由，右=最关键的那个数）、副行最多一句、整行可点、
     行与行之间只用细线分隔（不做一张张卡片），不放摘要／搜索／筛选。
   判据（Judy 2026-09-17）：**这种简单功能用重样式反而看不清重点**。 */

.lite{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.lite-row{display:flex;align-items:center;gap:10px;padding:13px 14px;border-top:1px solid #eef4f1;color:inherit}
.lite-row:first-child{border-top:0}
.lite-row:active{background:#f7fbf9}
.lite-main{flex:1;min-width:0}
.lite-t{display:block;color:var(--ink);font-size:14.5px;font-weight:600}
.lite-s{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lite-v{flex:none;color:var(--ink);font-size:15px;font-weight:700;text-align:right}
.lite-v.warn{color:var(--red)}
.lite-v.dim{color:var(--muted);font-weight:400;font-size:12.5px}
.lite-v small{display:block;margin-top:2px;font-size:10.5px;font-weight:400;color:var(--muted)}
.lite-tag{margin-left:6px;padding:1px 6px;border-radius:4px;background:#f1f4f1;color:var(--muted);font-size:10px;font-weight:400;vertical-align:1px}
.lite-empty{padding:38px 16px;text-align:center;color:var(--muted);font-size:12.5px;line-height:1.7}