/* ============================================================
   大棚用工管理系统 · 设计系统
   高级 / 极简 / 大气 / 反 AI 化
   暖纸底 · 克制墨绿强调色 · 8px 栅格 · 柔和阴影
   ============================================================ */
:root {
  --bg: #F4F4F0;          /* 暖纸灰底 */
  --surface: #FFFFFF;
  --ink: #1B1E1A;         /* 暖近黑 */
  --ink-2: #5F665E;       /* 次级文字 */
  --ink-3: #9AA092;       /* 弱化文字 */
  --line: #E7E7E0;        /* 发丝边 */
  --line-2: #EFEFE9;
  --accent: #27674B;      /* 克制墨绿 */
  --accent-ink: #1E5040;
  --accent-weak: #E9F1EC;
  --on-accent: #FFFFFF;
  --amber: #A9761B;
  --amber-weak: #FAF2E1;
  --red: #B1402F;
  --red-weak: #FBECEA;
  --blue: #2E6B86;
  --blue-weak: #E9F1F5;

  --r: 0px;
  --r-sm: 0px;
  --r-pill: 0px;
  --shadow-sm: 0 1px 2px rgba(20,24,18,.05);
  --shadow: 0 1px 2px rgba(20,24,18,.05), 0 10px 28px rgba(20,24,18,.05);
  --shadow-lg: 0 6px 16px rgba(20,24,18,.10), 0 18px 40px rgba(20,24,18,.10);
  --gap: 12px;
  --pad: 20px;
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.6;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.wrap { max-width: 720px; margin: 0 auto; padding: var(--pad); }
.wrap.narrow { max-width: 460px; }
.hidden { display: none !important; }
.muted { color: var(--ink-3); font-size: 13px; }

/* ---------- 顶部标题 ---------- */
.topbar {
  background: var(--surface);
  border-bottom: 1px solid var(--line);
  padding: 18px var(--pad) 16px;
}
.topbar h1 {
  margin: 0;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: .3px;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 9px;
}
.topbar h1 .mark {
  width: 9px; height: 9px; border-radius: 0;
  background: var(--accent);
  display: inline-block;
}
.topbar .sub { font-size: 13px; color: var(--ink-3); margin-top: 3px; letter-spacing: .2px; }
.topbar .date { float: right; font-size: 13px; color: var(--ink-3); font-variant-numeric: tabular-nums; }

/* ---------- 卡片 ---------- */
.card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: var(--pad);
  margin-bottom: var(--gap);
  box-shadow: var(--shadow-sm);
}
h2 { margin: 0 0 14px; font-size: 19px; font-weight: 600; letter-spacing: .2px; }
h3 { margin: 0 0 14px; font-size: 16px; font-weight: 600; letter-spacing: .2px; display: flex; align-items: center; justify-content: space-between; }
h3 .muted { font-weight: 400; }

/* ---------- 标签 / 导航 ---------- */
.nav, .tabs {
  display: flex;
  gap: 6px;
  background: rgba(255,255,255,.82);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  padding: 8px;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 30;
}
.tab {
  flex: 1;
  text-align: center;
  padding: 11px 4px;
  border-radius: var(--r-sm);
  background: transparent;
  color: var(--ink-2);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  letter-spacing: .3px;
  transition: background .18s ease, color .18s ease;
  border: none;
  position: relative;
}
.tab.on { background: var(--accent); color: var(--on-accent); }
.tab .dot {
  display: inline-block;
  min-width: 18px;
  padding: 0 5px;
  border-radius: var(--r-pill);
  background: var(--red);
  color: #fff;
  font-size: 11px;
  margin-left: 5px;
  line-height: 16px;
}
.tab.on .dot { background: rgba(255,255,255,.28); }

/* ---------- 表单 ---------- */
label { display: block; font-size: 13px; color: var(--ink-2); margin: 16px 0 7px; letter-spacing: .2px; }
input[type=text], input[type=tel] {
  width: 100%;
  height: 48px;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  padding: 0 14px;
  font-size: 16px;
  font-family: var(--font);
  color: var(--ink);
  background: #FCFCFB;
  transition: border-color .18s ease, background .18s ease;
}
input:focus { outline: none; border-color: var(--accent); background: #fff; }

/* ---------- 按钮 ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 52px;
  border: none;
  border-radius: var(--r-sm);
  font-size: 17px;
  font-weight: 600;
  font-family: var(--font);
  letter-spacing: .5px;
  color: var(--on-accent);
  background: var(--accent);
  margin-top: 16px;
  white-space: nowrap;
  cursor: pointer;
  transition: transform .08s ease, background .18s ease, opacity .18s ease, box-shadow .18s ease;
  box-shadow: var(--shadow-sm);
}
.btn:hover { background: var(--accent-ink); }
.btn:active { transform: scale(.985); opacity: .92; }
.btn:disabled { background: #E6E6E0; color: #B4B8AE; box-shadow: none; cursor: not-allowed; }
.btn.sub { background: #fff; color: var(--accent); border: 1px solid var(--accent); box-shadow: none; }
.btn.sub:hover { background: var(--accent-weak); }
.btn.gray { background: #F0F0EB; color: var(--ink-2); box-shadow: none; }
.btn.gray:hover { background: #E8E8E1; }
.btn.red { background: #fff; color: var(--red); border: 1px solid var(--red); box-shadow: none; }
.btn.red:hover { background: var(--red-weak); }
.btn.sm { width: auto; height: 40px; font-size: 14px; padding: 0 16px; margin-top: 0; border-radius: var(--r-sm); letter-spacing: .3px; }
.btn.sm.gray { background: #F0F0EB; color: var(--ink-2); }
.row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.row .btn { margin-top: 0; flex: 1; width: auto; }
.row > .btn:not(.sm):not(.xs) { height: 48px; }
.fb-group .btn { width: auto; flex: none; }

/* ---------- 提示 / 警示 ---------- */
.tip { color: var(--accent); font-size: 14px; text-align: center; margin-top: 12px; }
.warn { color: var(--red); font-size: 13px; margin-top: 10px; }
.link { color: var(--accent); font-size: 14px; text-align: center; margin-top: 12px; cursor: pointer; }
.link:hover { color: var(--accent-ink); }
.muted { color: var(--ink-3); }

/* ---------- 工种 / 标签 chip ---------- */
.jobs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.job {
  padding: 11px 20px;
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  background: #FCFCFB;
  font-size: 15px;
  color: var(--ink-2);
  cursor: pointer;
  transition: all .16s ease;
}
.job.on { background: var(--accent); color: #fff; border-color: var(--accent); }
.job.on:hover { background: var(--accent-ink); }
.chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: var(--r-pill);
  background: var(--accent-weak);
  color: var(--accent-ink);
  margin: 4px 6px 0 0;
  font-size: 13px;
  white-space: nowrap;
}
.chip b { margin-left: 7px; color: var(--red); cursor: pointer; font-weight: 700; line-height: 1; }
.presets span { cursor: pointer; user-select: none; }
.presets { margin-top: 8px; }

/* ---------- 分段控件 ---------- */
.seg { display: inline-flex; background: #F0F0EB; border-radius: var(--r-sm); padding: 3px; margin-bottom: 14px; flex-wrap: wrap; min-height: 40px; align-items: center; box-sizing: border-box; }
.seg span { padding: 0 16px; min-height: 34px; border-radius: 0; font-size: 13.5px; color: var(--ink-2); cursor: pointer; white-space: nowrap; letter-spacing: .2px; transition: all .16s ease; display: inline-flex; align-items: center; justify-content: center; }
.seg span.on { background: #fff; color: var(--accent); font-weight: 600; box-shadow: var(--shadow-sm); }

/* ---------- 徽章 ---------- */
.badge { display: inline-block; padding: 3px 10px; border-radius: var(--r-pill); font-size: 12px; font-weight: 600; letter-spacing: .2px; white-space: nowrap; }
.badge.pending { background: var(--amber-weak); color: var(--amber); }
.badge.approved { background: var(--accent-weak); color: var(--accent-ink); }
.badge.rejected { background: var(--red-weak); color: var(--red); }

/* ---------- 评分星 ---------- */
.stars { font-size: 22px; letter-spacing: 4px; cursor: pointer; white-space: nowrap; line-height: 1; user-select: none; }
.stars .s { color: #DADBD2; transition: color .12s ease; }
.stars .s.on { color: #C8922A; }

/* ---------- 照片 ---------- */
.ph {
  width: 100%;
  height: 184px;
  border: 1px dashed var(--line);
  border-radius: var(--r-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-3);
  background: #FCFCFB;
  overflow: hidden;
  cursor: pointer;
  margin-top: 4px;
  font-size: 14px;
  transition: border-color .18s ease;
}
.ph:hover { border-color: var(--accent); }
.ph img { width: 100%; height: 100%; object-fit: cover; }

/* 审核卡片中已上传照片的展示 */
.shot { width: 100%; max-height: 220px; object-fit: contain; border-radius: var(--r-sm); background: #FCFCFB; border: 1px solid var(--line-2); margin-top: 10px; }

/* ---------- 元信息网格（替代 emoji 行）---------- */
.kv { display: grid; grid-template-columns: 46px 1fr; row-gap: 9px; column-gap: 14px; margin-top: 12px; }
.kv .k { color: var(--ink-3); font-size: 13px; align-self: center; }
.kv .v { color: var(--ink); font-size: 14px; align-self: center; }
.kv .v b { color: var(--ink); font-weight: 600; }

/* ---------- 记录行（审核卡片）---------- */
.rec { display: flex; gap: 12px; align-items: flex-start; }
.rec .chk { margin-top: 5px; width: 18px; height: 18px; accent-color: var(--accent); flex-shrink: 0; cursor: pointer; }
.meta { font-size: 13px; color: var(--ink-2); }
.meta b { color: var(--ink); font-weight: 600; }

/* ---------- 统计块（固定列数，消除末行被拉伸导致的大小不一）---------- */
.stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; align-items: stretch; grid-auto-rows: 1fr; }
@media (min-width: 560px) { .stats { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .stats { grid-template-columns: repeat(6, 1fr); } }
.stats.c3 { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; }   /* 强制 3 列：3 项累计状态块 */
.stats.c4 { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; }   /* 强制 4 列：4 项统计块 */
.stat { background: #FCFCFB; border: 1px solid var(--line-2); border-radius: var(--r-sm); padding: 14px 8px; text-align: center; height: 92px; min-height: 92px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.stat b { display: block; font-size: 27px; font-weight: 600; color: var(--accent); letter-spacing: .3px; font-variant-numeric: tabular-nums; line-height: 1.1; }
.stat span { font-size: 12px; color: var(--ink-3); letter-spacing: .2px; margin-top: 4px; }
.stat.alt b { color: var(--blue); }
.stat.warn { margin-top: 0; }
.stat.warn b { color: var(--amber); }
.stat.red b { color: var(--red); }

/* ---------- 筛选 / 日期工具栏（统一一行，避免换行错位）---------- */
.filterbar { display: flex; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; }
.fb-group { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fb-group .meta { white-space: nowrap; }
.fb-group input[type=date] { width: auto; min-width: 168px; height: 40px; border: 1px solid var(--line); border-radius: 0; padding: 0 10px; font-size: 15px; font-family: var(--font); background: var(--surface); color: var(--ink); }
.fb-label { white-space: nowrap; text-align: right; color: var(--ink-2); margin-left: auto; }
.filterbar .seg { margin-bottom: 0; display: flex; }

/* 工资核算结果展示 */
.stat.pay-total b { font-size: 28px; font-weight: 700; }
.pay-amt { font-weight: 600; color: var(--accent); font-variant-numeric: tabular-nums; }
.job-detail { display: flex; flex-wrap: wrap; gap: 6px; }
.job-pill {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--accent-weak); color: var(--ink-2);
  border: 1px solid var(--line); border-radius: var(--r-pill);
  padding: 4px 10px; font-size: 12.5px; white-space: nowrap;
}
.job-pill b { color: var(--accent); font-weight: 600; }

/* 工资核算筛选栏：与审核 rev-filter 区分开，单独一套紧凑布局 */
.pay-filter .pf { display: flex; align-items: center; gap: 8px; margin: 0; }
.pay-filter .pf > .meta { color: var(--ink-2); font-size: 13.5px; font-weight: 500; }
.pay-filter .pf input[type=date],
.pay-filter .pf select {
  width: auto; min-width: 150px; height: 40px; box-sizing: border-box;
  border: 1px solid var(--line); border-radius: 0; padding: 0 10px;
  font-size: 15px; font-family: var(--font); background: var(--surface); color: var(--ink);
}
.pay-filter .pf select { min-width: 170px; }
.pay-filter .btn { height: 40px; margin-top: 0; width: auto; min-width: 80px; padding: 0 18px; }
.pay-filter #prLabel { margin-left: auto; }
@media (max-width: 819px) {
  .pay-filter .fb-group { width: 100%; align-items: stretch; }
  .pay-filter .pf { width: 100%; }
  .pay-filter .pf input[type=date], .pay-filter .pf select { flex: 1; min-width: 0; }
  .pay-filter .btn { width: 100%; }
  .pay-filter #prLabel { margin-left: 0; margin-top: 4px; }
}

/* ---------- 表格 ---------- */
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--ink-3); font-weight: 600; font-size: 13px; letter-spacing: .2px; }
td { color: var(--ink); }

/* ---------- 告警 / 状态标记 ---------- */
.alert { background: var(--red-weak); border: 1px solid #F2CFC9; color: var(--red); border-radius: var(--r-sm); padding: 10px 14px; margin-bottom: 10px; font-size: 14px; }
.alert.warn { background: var(--amber-weak); border-color: #F0DFBC; color: var(--amber); }
.sess { border-left: 3px solid var(--line); background: #FCFCFB; border-radius: var(--r-sm); padding: 11px 14px; margin: 8px 0; }
.sess.warn { border-left-color: var(--amber); }
.sess.err { border-left-color: var(--red); }
.sess.paused { border-left-color: var(--blue); }
.flag { display: inline-block; background: var(--amber-weak); color: var(--amber); border-radius: 0; padding: 2px 8px; font-size: 12px; margin-left: 6px; letter-spacing: .2px; }
.flag.err { background: var(--red-weak); color: var(--red); }
.flag.pause { background: var(--blue-weak); color: var(--blue); }

/* ---------- 统一审核条（底部悬浮）---------- */
.batchbar {
  position: sticky;
  bottom: 0;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid var(--line);
  padding: 12px 16px;
  margin: 14px -20px -20px;
  border-radius: 0;
  box-shadow: 0 -4px 16px rgba(20,24,18,.05);
  display: none;
  z-index: 25;
}
.batchbar.show { display: block; }

.legend { font-size: 12px; color: var(--ink-3); margin-top: 10px; letter-spacing: .2px; }
.legend .flag { margin-left: 0; margin-right: 5px; }

/* ---------- 区域平面图 · 异常看板 ---------- */
.board-toolbar { display: flex; align-items: center; gap: 14px; margin: 10px 0 4px; flex-wrap: wrap; }
.board-toolbar .seg { margin-bottom: 0; }
.floor { display: flex; flex-direction: column; gap: 16px; }
.plot { border: 1px solid var(--line); border-radius: 16px; background: #FBFBF8; overflow: hidden; box-shadow: var(--shadow); }
.plot-head { display: flex; align-items: center; gap: 8px; padding: 13px 18px; background: #F3F3EC; font-weight: 800; font-size: 17px; color: var(--ink-1); border-bottom: 1px solid var(--line); position: relative; }
.plot-head .muted { font-weight: 400; font-size: 13px; }
.plot-stat { font-weight: 400; font-size: 13px; color: var(--ink-2); margin-left: 4px; }
.sacols { display: grid; grid-template-columns: 1fr; gap: 0; }
.sacol { padding: 10px 8px 14px; }
.sacol:last-child { border-right: none; }
.sahead { font-size: 17px; color: var(--ink-1); text-align: center; padding: 6px 0 12px; font-weight: 800; position: relative; border-bottom: 1px solid #E6E6DE; margin-bottom: 14px; letter-spacing: .5px; }
.sahead::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; width: 64px; height: 3px; background: var(--accent); border-radius: 2px; }
.sagrid { display: grid; grid-template-columns: repeat(13, 1fr); gap: 7px; }
.rcell { position: relative; aspect-ratio: 1 / 1; min-width: 0; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; color: var(--ink-3); background: #F4F4EE; border: 1px solid #E7E7DF; border-radius: 8px; cursor: default; transition: background .15s, transform .12s; }
.rcell:hover { background: #ECECE2; transform: translateY(-1px); }
.rcell.r-done { background: var(--accent-weak); border-color: #CFE6D6; color: var(--accent-ink); }
.rcell.r-active { background: var(--amber-weak); border-color: #EAD9B0; color: var(--amber); font-weight: 700; }
.rpin { position: absolute; top: -6px; right: -6px; min-width: 15px; height: 15px; padding: 0 3px; border-radius: 9px; background: var(--red); color: #fff; font-size: 10px; line-height: 15px; text-align: center; font-weight: 700; box-shadow: 0 1px 3px rgba(180,40,30,.4); cursor: pointer; z-index: 3; }
.rpin.rp { background: var(--red); }
.rpin:not(.rp) { background: var(--ink-3); }
.rpin.lg { position: static; display: inline-block; min-width: 0; height: auto; padding: 2px 8px; line-height: 1.2; border-radius: 0; box-shadow: none; }
.sahead .rpin { top: -4px; right: 4px; }
.plot-head .rpin { position: static; min-width: 0; height: auto; padding: 1px 7px; line-height: 1.4; border-radius: 9px; margin-left: 8px; }

/* ---------- 看板层层递进：面包屑 ---------- */
.board-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 2px; margin: 0 0 12px; font-size: 13.5px; }
.crumb { color: var(--accent); cursor: pointer; padding: 3px 8px; border-radius: 7px; transition: background .15s; }
.crumb:hover { background: var(--accent-weak); }
.crumb.on { color: var(--ink-1); font-weight: 600; cursor: default; }
.crumb-sep { color: var(--ink-3); margin: 0 1px; }

/* ---------- 看板两栏布局：左区域 / 右异常通知栏 ---------- */
.board-layout { display: flex; gap: 18px; align-items: flex-start; }
.board-main { flex: 1 1 auto; min-width: 0; }
/* 看板顶栏：标题 + 3D/平面 切换 */
.board-bar { display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px; }
.board-bar .seg { margin-bottom: 0; }
.board-bar .seg span { padding: 0 18px; }
/* 3D 实景画布 */
#board3d { display: block; position: relative; width: 100%; height: 640px; border-radius: var(--r);
  overflow: hidden; border: 1px solid #14323a;
  background:
    radial-gradient(120% 90% at 50% 0%, #0f2030 0%, #0a1320 45%, #060b14 100%);
  box-shadow: inset 0 0 60px rgba(0,0,0,.55), var(--shadow); }
#board3d canvas { display: block; width: 100% !important; height: 100% !important; cursor: grab; }
#board3d canvas:active { cursor: grabbing; }
#board2d { display: none; }
.board3d-legend { position: absolute; left: 14px; bottom: 14px; display: flex; gap: 14px; z-index: 5;
  background: rgba(8,14,24,.6); border: 1px solid rgba(120,230,200,.25); border-radius: 10px; padding: 8px 12px;
  font-size: 12.5px; color: #cfe9e2; backdrop-filter: blur(6px); }
.board3d-legend span { display: inline-flex; align-items: center; gap: 6px; }
.board3d-legend i { width: 11px; height: 11px; border-radius: 3px; display: inline-block; box-shadow: 0 0 8px currentColor; }
.board3d-tip { position: absolute; right: 14px; bottom: 14px; z-index: 5; font-size: 12px; color: #8fb8b0;
  background: rgba(8,14,24,.5); border-radius: 8px; padding: 6px 10px; }
.gh3d-tip { position: absolute; z-index: 9; pointer-events: none; display: none; transform: translateZ(0);
  background: rgba(10,18,30,.92); border: 1px solid rgba(120,230,200,.45); color: #eaf6ff;
  font-size: 12.5px; padding: 6px 10px; border-radius: 8px; white-space: nowrap; box-shadow: var(--shadow); }
.gh3d-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: #cfe9e2; font-size: 14px; text-align: center; padding: 20px; }
.rep-sidebar { flex: 0 0 340px; max-width: 340px; position: sticky; top: 12px; align-self: flex-start;
  display: flex; flex-direction: column; max-height: calc(100vh - 96px);
  border: 1px solid var(--line); border-radius: var(--r); background: #fff; box-shadow: var(--shadow-sm); overflow: hidden; }
.rep-head { padding: 12px 14px 10px; border-bottom: 1px solid var(--line); background: #F7F7F2; }
.rep-head-t { font-size: 15px; font-weight: 700; color: var(--ink-1); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.rep-head .seg { width: 100%; }
.rep-counts { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 12px 4px; }
.rc-chip { font-size: 12px; color: var(--ink-2); background: #F1F1EA; border-radius: 9px; padding: 2px 9px; }
.rc-chip.p { background: var(--red-weak); color: var(--red); }
.rc-chip.a { background: var(--blue-weak); color: var(--blue); }
.rc-chip.h { background: var(--accent-weak); color: var(--accent-ink); }
.rep-list { flex: 1 1 auto; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 8px; }
.rep-card { display: flex; gap: 10px; padding: 10px; border: 1px solid var(--line); border-left: 4px solid var(--ink-3);
  border-radius: 10px; background: #fff; cursor: pointer; transition: box-shadow .15s, border-color .15s, transform .12s; }
.rep-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-1px); }
.rep-card.s-pending { border-left-color: var(--red); background: #FFF8F7; }
.rep-card.s-accepted { border-left-color: var(--blue); background: #F6FAFE; }
.rep-card.s-handled { border-left-color: var(--accent); }
.rep-thumb-wrap { flex: 0 0 56px; }
.rep-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 7px; border: 1px solid var(--line); display: block; }
.rep-card-body { flex: 1 1 auto; min-width: 0; }
.rep-card-top { display: flex; align-items: center; gap: 7px; margin-bottom: 4px; }
.rep-badge { font-size: 11.5px; font-weight: 700; padding: 1px 8px; border-radius: 9px; flex: none; }
.rep-badge.b-pending { background: var(--red); color: #fff; }
.rep-badge.b-accepted { background: var(--blue); color: #fff; }
.rep-badge.b-handled { background: var(--accent); color: #fff; }
.rep-loc { font-size: 12.5px; color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rep-card-desc { font-size: 14px; color: var(--ink-1); line-height: 1.45; word-break: break-word;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rep-card-meta { font-size: 11.5px; color: var(--ink-3); margin-top: 4px; }
/* 平面图行高亮（点击通知栏定位） */
.rcell.r-focus { box-shadow: 0 0 0 2px var(--red); background: #FFF1EF; }
.rcell.flash { animation: repFlash 2.2s ease-out; }
@keyframes repFlash {
  0% { box-shadow: 0 0 0 3px var(--red); background: #FFE9E6; }
  100% { box-shadow: 0 0 0 2px var(--red); background: #FFF1EF; }
}
@media (max-width: 880px) {
  .board-layout { flex-direction: column; }
  .rep-sidebar { flex: none; max-width: none; width: 100%; position: static; max-height: 420px; }
}

/* ---------- 第 0 层：所有大区卡片 ---------- */
.region-home { }
.rh-tip { margin-bottom: 12px; }
.region-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(264px, 1fr)); gap: 20px; }
.region-card { position: relative; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg, #FFFFFF, #FAFBF9); padding: 22px 24px 20px; cursor: pointer; overflow: hidden; transition: transform .16s, box-shadow .2s, border-color .16s; box-shadow: var(--shadow); }
.region-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, var(--accent), var(--accent-ink)); opacity: .9; }
.region-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: var(--accent); }
.rc-name { font-size: 23px; font-weight: 800; color: var(--ink-1); letter-spacing: .5px; }
.rc-meta { font-size: 13px; color: var(--ink-3); margin: 8px 0 16px; }
.rc-stats { display: flex; gap: 28px; }
.rc-stat { display: flex; flex-direction: column; }
.rc-stat b { font-size: 25px; font-weight: 800; color: var(--ink-1); font-variant-numeric: tabular-nums; line-height: 1.1; }
.rc-stat b.warn { color: var(--red); }
.rc-stat span { font-size: 12px; color: var(--ink-3); margin-top: 3px; }
.rc-go { margin-top: 16px; color: var(--accent); font-weight: 700; font-size: 14px; }

/* ---------- 第 1 层：大区小区平面图（模拟实际区域）---------- */
.gh-plan { border: 1px solid var(--line); border-radius: 16px; background: #FBFBF8; overflow: hidden; box-shadow: var(--shadow); }
.gh-edge { text-align: center; font-size: 13px; font-weight: 700; color: var(--ink-2); background: #EDEDE6; padding: 9px 0; letter-spacing: 3px; }
.gh-edge.south { border-top: 1px solid var(--line); }
.gh-area { padding: 20px 18px 14px; }
.gh-sas { display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); gap: 16px; }
.sa-block { border: 1px solid #DCDCD2; border-radius: 14px; background: #fff; padding: 18px 20px; cursor: pointer; transition: transform .16s, box-shadow .2s, border-color .16s; min-height: 124px; display: flex; flex-direction: column; box-shadow: var(--shadow-sm); }
.sa-block:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: var(--accent); }
.sa-b-name { font-size: 20px; font-weight: 800; color: var(--ink-1); letter-spacing: .5px; }
.sa-b-meta { font-size: 12.5px; color: var(--ink-3); margin: 4px 0 12px; }
.sa-b-stats { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.sa-b-act { font-size: 13px; color: var(--amber); font-weight: 700; }
.sa-b-err { font-size: 13px; color: var(--red); font-weight: 700; }
.sa-b-go { margin-top: auto; padding-top: 10px; color: var(--accent); font-weight: 700; font-size: 13.5px; }
.gh-gate { margin: 16px auto 6px; width: max-content; padding: 6px 22px; border-radius: 10px; background: var(--accent); color: #fff; font-size: 13.5px; font-weight: 700; box-shadow: var(--shadow-sm); letter-spacing: 1px; }

/* 异常上报弹窗 */
.modal { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; }
.modal.hidden { display: none; }
.modal-mask { position: absolute; inset: 0; background: rgba(20,24,18,.45); }
.modal-box { position: relative; width: min(520px, 92vw); max-height: 88vh; overflow: auto; background: #fff; border-radius: var(--r); box-shadow: var(--shadow-lg); padding: 18px 20px 20px; }
.modal-h { font-size: 16px; font-weight: 700; margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; }
.modal-h .x { cursor: pointer; color: var(--ink-3); font-size: 22px; line-height: 1; padding: 0 4px; }
.rep-line { display: flex; gap: 10px; margin-bottom: 8px; font-size: 14px; line-height: 1.5; }
.rep-line .meta { flex: 0 0 64px; color: var(--ink-3); font-size: 13px; }
.rep-desc { flex: 1; white-space: pre-wrap; word-break: break-word; }
.rep-photo-wrap { margin: 8px 0 12px; }
.rep-photo { max-width: 100%; border-radius: var(--r-sm); border: 1px solid var(--line); display: block; }
.rep-form { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.rep-lbl { font-size: 13px; color: var(--ink-2); font-weight: 600; }
.rep-lbl .req { color: var(--red); }
.rep-input { width: 100%; border: 1px solid var(--line); border-radius: var(--r-sm); padding: 10px 12px; font: inherit; font-size: 15px; color: var(--ink); background: #FCFCFB; box-sizing: border-box; resize: vertical; transition: border-color .18s ease, background .18s ease; }
.rep-input:focus { outline: none; border-color: var(--accent); background: #fff; }
.rep-input[readonly] { background: #F4F4EF; color: var(--ink-3); cursor: default; }
.rep-btns { display: flex; gap: 10px; margin-top: 14px; }
.rep-btns .btn { width: auto; flex: 1; margin-top: 0; }
.rep-btns .btn:not(.sub) { flex: 2; }
.rep-status { padding: 1px 10px; border-radius: 9px; font-size: 13px; }
.rep-status.pending { background: var(--red-weak); color: var(--red); }
.rep-status.accepted { background: var(--blue-weak); color: var(--blue); }
.rep-status.handled { background: var(--accent-weak); color: var(--accent-ink); }

/* ---------- 工人端专用 ---------- */
.area {
  background: var(--accent-weak);
  color: var(--accent-ink);
  border-radius: var(--r-sm);
  padding: 13px 15px;
  font-size: 14px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: .2px;
}
.area.confirmed { border: 1px solid var(--accent); font-weight: 500; }
.area.err { background: var(--red-weak); color: var(--red); border: 1px solid var(--red); font-weight: 600; }
.area .ok-tag { background: var(--accent); color: #fff; padding: 2px 8px; border-radius: var(--r-pill); font-size: 12.5px; font-weight: 700; }
.area .err-tag { font-weight: 700; }
.today {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
  background: #FCFCFB;
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  border-radius: var(--r-sm);
  padding: 14px 16px;
  margin-top: 12px;
}
.today .t-label { font-size: 13px; color: var(--ink-2); }
.today b { font-size: 26px; font-weight: 600; color: var(--accent); font-variant-numeric: tabular-nums; margin: 0 4px; }
.today .t-unit { font-size: 13px; color: var(--ink-2); }
.today .t-sub { font-size: 12.5px; color: var(--ink-3); white-space: nowrap; }
.timer { font-size: 46px; font-weight: 600; text-align: center; letter-spacing: 2px; margin: 10px 0 4px; color: var(--ink); font-variant-numeric: tabular-nums; }
.who { font-size: 14px; color: var(--ink-2); margin-bottom: 2px; letter-spacing: .2px; }
#reader { width: 100%; aspect-ratio: 1 / 1; max-width: 360px; margin: 10px auto 0; background: #000; border-radius: var(--r-sm); overflow: hidden; }
#reader:empty::after { content: '准备启动相机…'; display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; opacity: .6; font-size: 14px; }

/* ---------- 图标（内联 SVG 尺寸）---------- */
.ic { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; vertical-align: -3px; }

/* ---------- 区域图看板（区域 → 行 网格）---------- */
.zonemap-wrap { margin-top: 4px; }
.zone { margin-bottom: 18px; }
.zone-head {
  font-weight: 600; font-size: 15px; color: var(--ink);
  margin: 4px 0 8px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
  border-bottom: 1px solid var(--line); padding-bottom: 7px; letter-spacing: .2px;
}
.zone-head .muted { font-weight: 400; font-size: 12.5px; letter-spacing: .1px; }
.zone-head .zcount { color: var(--accent); font-weight: 600; }
.zonemap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 2px;
  background: var(--line);
  border: 1px solid var(--line);
}
.cell {
  background: var(--surface);
  padding: 11px 12px 10px;
  min-height: 84px;
  border-left: 3px solid var(--line);
  font-size: 13px;
}
.cell.idle { color: var(--ink-3); }
.cell.done { border-left-color: var(--accent); }
.cell.working { border-left-color: var(--blue); background: var(--blue-weak); }
.cell.paused { border-left-color: var(--amber); background: var(--amber-weak); }
.cell-top { font-weight: 600; color: var(--ink); margin-bottom: 6px; font-size: 13px; letter-spacing: .2px; }
.cell-worker { font-weight: 600; color: var(--ink); }
.cell-worker-sm { font-weight: 600; color: var(--ink); font-size: 12.5px; }
.cell-meta { color: var(--ink-2); margin-top: 2px; font-variant-numeric: tabular-nums; font-size: 12.5px; }
.cell-meta .t { color: var(--blue); font-weight: 600; }
.cell-tags { margin-top: 6px; display: flex; gap: 4px; flex-wrap: wrap; }
.cell-done-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 5px; font-size: 12.5px; }
.cell-done-row .muted { font-size: 12.5px; }
.cell-idle { margin-top: 6px; }
.empty-zone { grid-column: 1 / -1; color: var(--ink-3); font-size: 13px; padding: 14px; background: var(--surface); }

/* ---------- PC 大屏适配 ---------- */
@media (min-width: 1100px) {
  .wrap { max-width: 1200px; }
  .wrap.narrow { max-width: 520px; }
  .row .btn { max-width: 220px; }
  .zonemap { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
  .cell { padding: 14px 16px 13px; min-height: 96px; }
  .zone-head { font-size: 16px; }
}

/* ---------- 统计模块可视化 ---------- */
.section-h { font-size: 13px; color: var(--ink-3); margin: 4px 0 10px; letter-spacing: .2px; font-weight: 600; }

/* 状态分布条 */
.dist { display: flex; height: 30px; border: 1px solid var(--line); background: var(--surface); overflow: hidden; }
.dist > span { display: flex; align-items: center; justify-content: center; font-size: 12px; color: #fff; min-width: 0; white-space: nowrap; overflow: hidden; transition: width .4s ease; }
.dist .d-appr { background: var(--accent); }
.dist .d-pend { background: var(--amber); }
.dist .d-rej { background: var(--red); }
.dist-legend { display: flex; gap: 16px; margin-top: 8px; font-size: 12.5px; color: var(--ink-2); flex-wrap: wrap; }
.dist-legend i { display: inline-block; width: 10px; height: 10px; margin-right: 6px; vertical-align: -1px; }
.dist-legend .la { background: var(--accent); }
.dist-legend .lp { background: var(--amber); }
.dist-legend .lr { background: var(--red); }

/* 条形图（区域 / 工种） */
.bars { margin-top: 2px; }
.bar-row { display: grid; grid-template-columns: 92px 1fr 64px; align-items: center; gap: 10px; margin: 9px 0; }
.bar-row .bar-name { font-size: 13.5px; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bar-track { height: 22px; background: #F0F0EB; position: relative; overflow: hidden; }
.bar-fill { height: 100%; background: var(--accent); transition: width .5s ease; }
.bar-fill.amber { background: var(--amber); }
.bar-fill.blue { background: var(--blue); }
.bar-row .bar-val { font-size: 13px; color: var(--ink-2); text-align: right; font-variant-numeric: tabular-nums; }
.bar-sub { grid-column: 2 / 3; font-size: 12px; color: var(--ink-3); margin-top: -4px; }

/* 趋势柱状图（近 14 天） */
.trend { display: flex; align-items: flex-end; gap: 4px; height: 168px; padding: 14px 0 0; border-bottom: 1px solid var(--line); margin-top: 2px; }
.trend-col { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; min-width: 0; }
.trend-bar { width: 100%; max-width: 32px; background: var(--accent); transition: height .5s ease; min-height: 2px; }
.trend-bar.zero { background: #E7E7E0; }
.trend-col .t-count { font-size: 10.5px; color: var(--ink-2); margin-bottom: 4px; font-variant-numeric: tabular-nums; }
.trend-x { display: flex; gap: 4px; margin-top: 6px; }
.trend-x span { flex: 1; text-align: center; font-size: 10px; color: var(--ink-3); min-width: 0; overflow: hidden; }
.trend-empty { color: var(--ink-3); font-size: 13px; padding: 36px 0; text-align: center; }
.trend-note { font-size: 12px; color: var(--ink-3); margin-top: 8px; }

/* 两列并排（PC） */
.grid2 { display: grid; grid-template-columns: 1fr; }
.grid2 > .card { margin-bottom: 0; }
@media (min-width: 760px) { .grid2 { grid-template-columns: 1fr 1fr; gap: var(--gap); } }
.grid2 + .card { margin-top: var(--gap); }

/* 排行表 */
.rank { width: 100%; border-collapse: collapse; font-size: 14px; }
.rank th, .rank td { text-align: left; padding: 9px 8px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.rank th { color: var(--ink-3); font-weight: 600; font-size: 13px; }
.rank td.num, .rank th.num { text-align: right; font-variant-numeric: tabular-nums; }
.rank .empty { color: var(--ink-3); padding: 14px 0; text-align: center; }

/* ===== 审核模块（分层抽检 + 评审表打分）===== */
.rev-hint { color: var(--ink-3); font-size: 13px; margin: 4px 0 12px; }
.rev-title { font-weight: 600; margin: 10px 0; font-size: 15px; }
.rev-selbar { display: flex; align-items: center; gap: 14px; margin: 10px 0; }

/* 第一层：工人卡片 */
.rev-workers { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--gap); }
.rev-wcard { background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-sm); padding: 14px 16px; cursor: pointer; transition: all .16s ease; }
.rev-wcard:hover { border-color: var(--accent); box-shadow: var(--shadow); transform: translateY(-1px); }
.rev-wtop { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.rev-wtop b { font-size: 16px; }
.rev-wstat { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--ink-2); }
.rev-wstat b { color: var(--ink); font-size: 15px; }
.warn-t { color: var(--amber) !important; }

/* 第二层：记录卡片 */
.rev-records { display: flex; flex-direction: column; gap: 10px; margin-top: 6px; }
.rev-rcard { background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-sm); padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.rev-rhead { display: flex; align-items: center; gap: 12px; }
.rev-rsel { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--accent); white-space: nowrap; cursor: pointer; }
.rev-rsel input { width: 18px; height: 18px; accent-color: var(--accent); }
.rev-done { margin-left: auto; font-size: 13px; color: var(--accent-ink); background: var(--accent-weak); padding: 3px 10px; border-radius: var(--r-pill); font-weight: 600; }
.rev-rinfo { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13.5px; align-items: center; }
.rev-rinfo .k { color: var(--ink-3); }
.rev-rinfo .v { color: var(--ink-2); margin-right: 4px; }

/* 小按钮（每行打分） */
.btn.xs { width: auto; height: 32px; font-size: 13px; padding: 0 14px; margin-top: 0; border-radius: var(--r-sm); background: #fff; color: var(--accent); border: 1px solid var(--accent); box-shadow: none; }
.btn.xs:hover { background: var(--accent-weak); }

/* 筛选栏（审核模块重做） */
.rev-filter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "from to"
    "btn btn"
    "quick quick"
    "status status";
  gap: 12px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
  padding: 14px;
  border-radius: var(--r-sm);
  align-items: end;
}
.rev-filter .fb-from { grid-area: from; }
.rev-filter .fb-to { grid-area: to; }
.rev-filter #revFilter { grid-area: btn; width: 100%; }
.rev-filter #revQuick { grid-area: quick; }
.rev-filter .fb-status { grid-area: status; }
.rev-filter .fb-field { display: flex; flex-direction: column; gap: 5px; margin: 0; font-size: 13px; color: var(--ink-2); }
.rev-filter .fb-field > span { font-weight: 600; line-height: 1; }
.rev-filter .fb-field input[type=date], .rev-filter .fb-field select {
  width: 100%; height: 40px; border: 1px solid var(--line); border-radius: 0; padding: 0 10px;
  font-size: 15px; font-family: var(--font); background: var(--surface); color: var(--ink); box-sizing: border-box;
}
.rev-filter .seg {
  display: flex; flex-wrap: nowrap; width: 100%; height: 40px;
  align-items: stretch; margin-bottom: 0; padding: 3px;
}
.rev-filter .seg span {
  flex: 1; display: inline-flex; align-items: center; justify-content: center;
  height: auto; padding: 0 10px; font-size: 14px;
}
.rev-filter .btn.sm { height: 40px; margin-top: 0; width: 100%; }
@media (min-width: 820px) {
  .rev-filter {
    grid-template-columns: 1fr 1fr auto 1.6fr 1fr;
    grid-template-areas: "from to btn quick status";
  }
  .rev-filter #revFilter { width: auto; min-width: 84px; }
  .rev-filter .seg { width: auto; }
}

/* 评分弹窗 */
.modal { position: fixed; inset: 0; background: rgba(20,24,20,.42); display: flex; align-items: center; justify-content: center; z-index: 100; padding: 18px; }
.modal-box { background: #fff; width: min(720px, 100%); max-height: 92vh; display: flex; flex-direction: column; box-shadow: 0 18px 60px rgba(0,0,0,.28); }
.modal-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line); font-size: 16px; }
.modal-head .x { font-size: 22px; line-height: 1; color: var(--ink-3); cursor: pointer; padding: 0 4px; }
.modal-body { padding: 16px 18px; overflow-y: auto; }
.modal-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.modal-foot > div:last-child { display: flex; gap: 10px; }

/* 记录评审块 */
.rm-rec { border: 1px solid var(--line); padding: 12px 14px; margin-bottom: 14px; }
.rm-rec:last-child { margin-bottom: 0; }
.rm-rech { font-weight: 600; font-size: 14px; margin-bottom: 8px; color: var(--ink); }
.rm-overall { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line); font-size: 14px; }
.rm-overall b { font-size: 18px; color: var(--accent-ink); }
.rm-grade { margin-left: 8px; color: var(--ink-2); font-size: 13px; }

/* 工种评审表 */
.rjob { margin: 10px 0; padding: 10px 12px; background: #FAFAF7; border: 1px solid var(--line); }
.rjob-h { font-weight: 600; font-size: 14px; margin-bottom: 8px; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.rjob-t { font-weight: 400; font-size: 13px; color: var(--ink-2); }
.rjob-t b { color: var(--accent-ink); font-size: 15px; }
.ritem { display: flex; align-items: center; gap: 10px; padding: 6px 0; flex-wrap: wrap; }
.ri-name { width: 220px; min-width: 160px; font-size: 13.5px; color: var(--ink); }
.ri-w { color: var(--ink-3); font-size: 12px; margin-left: 6px; }
.ri-levels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; flex: 1; min-width: 200px; }
.lv { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 5px 4px; border: 1px solid var(--line); background: #fff; font-size: 13px; color: var(--ink-2); cursor: pointer; min-height: 46px; text-align: center; transition: all .14s ease; }
.lv i { font-style: normal; font-size: 11px; color: var(--ink-3); line-height: 1.2; }
.lv:hover { border-color: var(--accent); }
.lv.on { background: var(--accent); color: #fff; border-color: var(--accent); }
.lv.on i { color: rgba(255,255,255,.85); }
.ri-score { width: 78px; height: 38px; border: 1px solid var(--line); padding: 0 10px; font-size: 14px; text-align: center; }
.ri-score:focus { outline: none; border-color: var(--accent); }

/* 工种价格配置 */
.pcard { background: #FAFAF7; border: 1px solid var(--line); border-radius: var(--r-sm); padding: 12px 14px; margin-bottom: 12px; }
.pcard-h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.pcard-h b { font-size: 15px; color: var(--ink); min-width: 64px; }
.pcard-h .meta { margin-left: auto; }
.pcard-h .bp { width: 120px; height: 40px; border: 1px solid var(--line); border-radius: 0; padding: 0 10px; font-size: 15px; text-align: right; box-sizing: border-box; }
.pcard-h .bp:focus { outline: none; border-color: var(--accent); }
/* 价格配置：单价 / 头数 输入 */
.pcard-h .pf { display: flex; align-items: center; gap: 6px; margin: 0; }
.pcard-h .pf .meta { margin: 0; color: var(--ink-2); font-size: 13px; font-weight: 500; white-space: nowrap; }
.pcard-h .pf input { width: 92px; height: 38px; border: 1px solid var(--line); border-radius: 0; padding: 0 8px; font-size: 14px; text-align: right; box-sizing: border-box; }
.pcard-h .pf input:focus { outline: none; border-color: var(--accent); }
/* 区域行长配置 */
.rrow { display: flex; align-items: center; gap: 12px; padding: 10px 4px; border-bottom: 1px solid var(--line); }
.rrow:last-child { border-bottom: none; }
.rname { min-width: 120px; font-weight: 500; color: var(--ink); }
.seg-sm { margin-bottom: 0; min-height: 36px; }
.seg-sm span { padding: 0 18px; min-height: 30px; font-size: 13px; }
.prows { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 14px; }
@media (min-width: 560px) { .prows { grid-template-columns: repeat(3, 1fr); } }
.prow { display: flex; align-items: center; justify-content: space-between; gap: 8px; background: #fff; border: 1px solid var(--line); padding: 5px 10px; border-radius: var(--r-sm); }
.plabel { font-size: 13px; color: var(--ink); }
.plabel .muted { font-size: 11.5px; }
.prow .adj { width: 84px; height: 34px; border: 1px solid var(--line); border-radius: 0; padding: 0 8px; font-size: 14px; text-align: right; box-sizing: border-box; }
.prow .adj:focus { outline: none; border-color: var(--accent); }