/* @@SPLIT_HEADER@@
   css/pages/logs-marks.css —— VIII. 简称 / 日志 / 标色：样式
      由 redesign2.html 拆分而来（原行号 20754-20819），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* ---- VIII 自己的样式：类名全部带 viii- 前缀，绝不覆盖已有类 ---- */
.viii-sec{border-top:1px solid var(--line);padding:10px 2px;margin-top:2px}
.viii-sec:first-child{border-top:0;margin-top:0;padding-top:0}
.viii-hd{font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.viii-dim{font-weight:400;color:var(--faint);font-size:12px}
.viii-rule{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--text-2);margin-bottom:6px}
.viii-num{width:64px;text-align:center}
.viii-strip{width:96px;font-family:ui-monospace,Consolas,monospace}
.viii-opt{display:block;font-size:12px;color:var(--text-2);margin:3px 0;cursor:pointer}
.viii-prev{margin-top:8px;max-height:150px;overflow:auto;font-size:12px;color:var(--mut);
  background:var(--hover);border:1px solid var(--line);border-radius:6px;padding:6px 8px}
.viii-prev .r{display:flex;gap:8px;padding:1px 0;align-items:baseline}
.viii-prev .f{color:var(--mut);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
.viii-prev .a{color:var(--accent-hover);font-weight:600;flex:none}
.viii-plist{max-height:40vh;overflow:auto;border:1px solid var(--line);border-radius:6px;padding:2px}
.viii-prow{display:flex;align-items:center;gap:8px;padding:4px 6px;border-bottom:1px solid var(--line);font-size:12px}
.viii-prow:last-child{border-bottom:0}
.viii-prow.dirty{background:#fffbeb}
.viii-pimg{width:26px;height:26px;flex:none;border-radius:4px;background:var(--accent-weak);overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center}
.viii-pimg img{width:26px;height:26px;object-fit:cover}
.viii-pfull{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155}
.viii-pn{flex:none;color:#98a2b3;font-size:11px}
.viii-palias{flex:none;width:150px}
.viii-find{width:190px;margin-left:auto;font-weight:400}
/* ★ 行左侧 4px 色条：挂在勾选列上（.c-chk 本来就是 position:relative，见 1061 行），
   用 ::before 绝对定位 = **完全不参与布局**，不会让 22 列变宽/出横向滚动。 */
#tbody > tr[data-id] > td.c-chk::before{content:'';position:absolute;left:1px;top:2px;bottom:2px;
  width:4px;border-radius:2px;background:transparent;pointer-events:none;transition:background .12s}
#tbody > tr.viii-c-purple > td.c-chk::before{background:#a855f7}
#tbody > tr.viii-c-blue   > td.c-chk::before{background:#3b82f6}
#tbody > tr.viii-c-green  > td.c-chk::before{background:#22c55e}
#tbody > tr.viii-c-yellow > td.c-chk::before{background:#eab308}
#tbody > tr.viii-c-red    > td.c-chk::before{background:#ef4444}
/* 5 枚颜色 chip 前面点一个小色点：不然五枚长得一模一样，不知道哪枚是哪个色 */
#quickTags .chip[data-tag="purple"]::before,
#quickTags .chip[data-tag="blue"]::before,
#quickTags .chip[data-tag="green"]::before,
#quickTags .chip[data-tag="yellow"]::before,
#quickTags .chip[data-tag="red"]::before{content:'';width:8px;height:8px;border-radius:50%;flex:none}
#quickTags .chip[data-tag="purple"]::before{background:#a855f7}
#quickTags .chip[data-tag="blue"]::before{background:#3b82f6}
#quickTags .chip[data-tag="green"]::before{background:#22c55e}
#quickTags .chip[data-tag="yellow"]::before{background:#eab308}
#quickTags .chip[data-tag="red"]::before{background:#ef4444}
/* 颜色选择器（单行 / 批量共用） */
.viii-colors{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.viii-color{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;
  border:1px solid var(--line);border-radius:6px;background:var(--card);font-size:13px;color:var(--text-2);cursor:pointer}
.viii-color:hover{border-color:#94a3b8}
.viii-color.on{border-color:var(--accent-hover);box-shadow:0 0 0 2px #dbe6ff}
.viii-color i{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none}
.viii-color i.none{background:linear-gradient(135deg,var(--card) 44%,#ef4444 45%,#ef4444 55%,var(--card) 56%);border:1px solid #cbd5e1}
/* 打印日志 */
.viii-plbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--text-2);margin-bottom:8px}
.viii-stat{font-size:12px;color:var(--mut);background:var(--hover);border:1px solid var(--line);
  border-radius:6px;padding:6px 10px;margin-bottom:8px;line-height:1.7}
.viii-stat b{color:#0f172a}
.viii-tbl{width:100%;border-collapse:collapse;font-size:12px}
.viii-tbl th{text-align:left;font-weight:500;color:var(--faint);padding:5px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.viii-tbl td{padding:5px 8px;border-bottom:1px solid var(--line);color:var(--text-2);white-space:nowrap}
.viii-tbl tr:hover td{background:#fafbfc}
.viii-miss{color:#c2c8d1}
.viii-oid{color:var(--accent-hover);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.viii-pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:8px;font-size:12px;color:#475569}
.viii-empty{padding:26px 10px;text-align:center;color:var(--faint);font-size:13px;line-height:1.8}