/* @@SPLIT_HEADER@@
   css/pages/table-look.css —— XV. 表格外观
      由 redesign2.html 拆分而来（原行号 27699-27743），业务逻辑原样搬运；加载顺序见 index.html / README.md */
/* ---- XV 面板里那一组「表格外观」的样式（全部 xv- 前缀，只在 #colSetPop 内生效）----
   ★ 为什么不用 .colset-pop 现成的 .cs-* 类：那些是别人的样式（列清单用的），
     我借用它们就等于把两件事绑在一起，以后谁改一处会连带影响我。 */
#colSetPop .xv-look{margin:14px 0 2px;padding-top:11px;border-top:1px solid #eef2f7}
#colSetPop .xv-hd{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;
  margin-bottom:7px;font-size:12px;font-weight:600;color:#334155}
/* 标题不许折行（面板只有 420px，旁边那段说明会把「表格外观」挤成「表格外/观」）；
   说明自己 wrap 到下一行去。 */
#colSetPop .xv-ttl{flex:none;white-space:nowrap}
#colSetPop .xv-tip{font-size:11px;font-weight:400;color:#9ca3af}
#colSetPop .xv-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);
  align-items:center;gap:4px 8px;margin-bottom:6px}
#colSetPop .xv-k{font-size:12px;color:#6b7280}
#colSetPop .xv-f{display:flex;align-items:center;gap:4px;min-width:0;
  font-size:12px;color:#475569}
#colSetPop .xv-num{width:44px;flex:none;height:24px;padding:0 4px;font:inherit;
  font-size:12px;text-align:center;color:var(--text);background:var(--card);
  border:1px solid var(--line-strong);border-radius:6px}
#colSetPop .xv-num::placeholder{color:#cbd5e1;font-size:11px}
#colSetPop .xv-col{flex:none;width:26px;height:24px;padding:0;background:var(--card);
  border:1px solid var(--line-strong);border-radius:6px;cursor:pointer}
#colSetPop .xv-hex{width:70px;flex:none;height:24px;padding:0 5px;font:inherit;
  font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--text);background:var(--card);border:1px solid var(--line-strong);border-radius:6px}
#colSetPop .xv-hex.bad{border-color:var(--danger);background:#fef2f2}
#colSetPop .xv-reset{height:24px;padding:0 8px;font:inherit;font-size:12px;
  border:1px solid var(--line-strong);border-radius:6px;background:var(--card);color:var(--mut);cursor:pointer}
#colSetPop .xv-reset:hover{border-color:var(--accent-line);color:#1d4ed8}
#colSetPop .xv-cols{margin-top:4px;border:1px solid var(--line);border-radius:8px;background:#fcfdff}
#colSetPop .xv-cols>summary{display:flex;align-items:baseline;gap:8px;padding:6px 9px;
  font-size:12px;color:var(--mut);cursor:pointer;list-style:none}
#colSetPop .xv-cols>summary::-webkit-details-marker{display:none}
#colSetPop .xv-cols>summary::before{content:'\25B8';color:var(--faint);font-size:10px}
#colSetPop .xv-cols[open]>summary::before{content:'\25BE'}
#colSetPop .xv-cols[open]>summary{border-bottom:1px solid #f1f5f9}
#colSetPop .xv-collist{padding:3px 9px 8px;max-height:230px;overflow:auto}
#colSetPop .xv-crow{display:grid;grid-template-columns:minmax(0,1fr) 44px 102px 18px;
  align-items:center;gap:6px;padding:2px 0}
#colSetPop .xv-cname{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
#colSetPop .xv-clr{width:18px;height:18px;padding:0;line-height:1;border:0;border-radius:5px;
  background:none;color:var(--faint);font-size:14px;cursor:pointer}
#colSetPop .xv-clr:hover{background:var(--danger-bg);color:#dc2626}
#colSetPop .xv-note{margin-top:7px;font-size:11px;line-height:1.5;color:#9ca3af}
#colSetPop .xv-note a{color:#2563eb}