/*!
 * web/assets/css/remark-thread.css —— 备注「按人一条」面板的样式
 * =============================================================================
 * 归属：#475 立组件（api/remarks.php + RemarkThread）、#484 重做观感与交互、
 *       #478 把它接进管理端（web/admin.html 的采购单编辑页）。
 *
 * 为什么单独一个文件、而不是留在 index/04-components.css 里：
 *   这份面板现在被**两个入口**共用（主站四处 + 管理端一处），而 admin.html 不加载
 *   index 那套样式表。留在 04-components.css 只有两条路，都不对：
 *     ① 给 admin 再抄一份 .rt —— 一份版式两份真身，改一处忘一处（本项目反复判过的形状）；
 *     ② 让 admin 整份引 04-components.css —— 主站的组件规则会去改管理端界面。
 *   所以按 stepper.css 的既有先例：一块**跨入口共用**的组件样式放 assets/css/ 顶层，
 *   两个入口各自 <link> 一次（同一份文件、同一个 ?v= 归属，见 check_static_stamps 的归属规则）。
 *
 * 令牌为什么带兜底值：--cb / --pci / --wci 这一套（含"主色当墨水"专用的墨色档）只定义在
 *   index/01-animations.css 的 :root 表里，admin.html 不加载那张表。没有下面这层兜底，
 *   同一份组件在管理端就是"面板背景透明 + 强调文字继承正文字色" —— 两端长得不一样，
 *   而 CSS 不会为未定义的 var() 报任何错。值与 index 的令牌表逐字相同（浅色 #F2F2F7/#0069DC/
 *   #9F5D00，暗黑 #2C2C2E/#3596FF/#FF9500）；入口定义了就用入口的，暗黑照样跟着入口的
 *   :root.dark 走，这里只补它没有的那一档。
 *
 * 三条不变量（都是别的批次判过、这里不许退回的）：
 *   1. 可点的三处（折叠头 / 重试 / 展开正文）高度 ≥44px —— 触摸下限，见约束 §42.3、§76；
 *   2. 「收起」必须真截（-webkit-line-clamp），只挂类名不截 = 白做（#484 的判据之一）；
 *   3. 颜色只用语义令牌，不写品牌色当文字色（约束 §142/#364）。
 */
.rt{--rt-card:var(--cb,#F2F2F7);--rt-ink:var(--pci,#0069DC);--rt-warn:var(--wci,#9F5D00)}
:root.dark .rt{--rt-card:var(--cb,#2C2C2E);--rt-ink:var(--pci,#3596FF);--rt-warn:var(--wci,#FF9500)}
.rt{margin:8px 0 2px;padding:0 10px 6px;border:1px solid var(--bd);border-radius:10px;background:var(--rt-card)}
.rt__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px}
.rt__title{color:var(--tc);font-size:14px;font-weight:600}
.rt__chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--bg);color:var(--rt-ink);font-size:12px;font-weight:600}
.rt__note{color:var(--ts);font-size:12px}
.rt__toggle{margin-left:auto;display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 8px;border:0;background:none;color:var(--ts);font-size:13px;cursor:pointer}
.rt__caret{font-size:12px}
.rt__body{padding-top:2px;border-top:1px solid var(--bd)}
.rt__rule{margin:8px 0 0;padding:0;color:var(--ts);font-size:12px;line-height:1.6}
.rt__tip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 2px;color:var(--ts);font-size:13px;line-height:1.6}
.rt__retry{min-height:44px;padding:0 12px;border:1px solid var(--bd);border-radius:8px;background:var(--rt-card);color:var(--tc);font-size:13px;cursor:pointer}
.rt__list{margin:0;padding:0;list-style:none}
.rt__item{display:flex;gap:8px;padding:10px 0;border-top:1px solid var(--bd)}
.rt__item:first-child{border-top:0}
.rt__ava{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg);color:var(--rt-ink);font-size:13px;font-weight:600}
.rt__main{flex:1 1 auto;min-width:0}
.rt__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;color:var(--ts);font-size:12px}
.rt__meta strong{color:var(--tc);font-size:13px;font-weight:600}
.rt__tag{padding:1px 7px;border-radius:999px;font-style:normal;font-size:12px;color:var(--rt-ink);background:var(--bg)}
.rt__tag--legacy{color:var(--rt-warn);background:rgba(255,149,0,.16)}
.rt__time{margin-left:auto;color:var(--ts);font-size:12px}
.rt__text{margin-top:4px;color:var(--tc);font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}
.rt__text--clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rt__more{min-height:44px;padding:0 6px;border:0;background:none;color:var(--rt-ink);font-size:13px;cursor:pointer}
.rt__item--me .rt__ava{background:var(--pc);color:#fff}