/* 陈列动线诊断 —— 只作用于 #view-vmd，沿用进货单的颜色和按钮 */
#view-vmd { --vm-flow: var(--stamp); --vm-oak: #C9B18C; --vm-oak-soft: #F1E8D8; --vm-sage: #D6E4DC; --vm-rose: #F1DFDA; --vm-blue: #DCE3F3; --vm-sunk: var(--tint);
  --vm-good: var(--ok); --vm-good-bg: #E4F3EA; --vm-warn: #9A6B00; --vm-warn-bg: #FFF4C7; --vm-bad: var(--stamp); --vm-bad-bg: var(--stamp-soft);
  --vm-mono: ui-monospace, Menlo, Consolas, "Noto Sans Mono CJK SC", monospace; }
#view-vmd .vm-stack { display: flex; flex-direction: column; gap: 12px; }
#view-vmd .vm-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
#view-vmd .vm-card { background: var(--card); border-radius: 6px; padding: 16px; display: flex; flex-direction: column; gap: 12px; min-width: 0; box-shadow: 0 1px 0 var(--line); }
#view-vmd h2 { color: var(--ink); }
#view-vmd h3 { margin: 0; font-size: 17px; color: var(--ink); }
#view-vmd p { margin: 0; }
#view-vmd .vm-muted { color: var(--muted); font-size: 14px; }
#view-vmd .vm-small { font-size: 13px; }
#view-vmd .vm-mono { font-family: var(--vm-mono); font-variant-numeric: tabular-nums; }
#view-vmd .vm-nav { display: flex; margin-bottom: 14px; }
#view-vmd .vm-nav.colview { width: 100%; }
#view-vmd .vm-nav button { flex: 1; padding: 8px 4px; }
#view-vmd .vm-banner { background: var(--vm-warn-bg); color: #4A3B00; border-radius: 6px; padding: 10px 12px; display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; font-size: 14px; }
#view-vmd .vm-steps { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
#view-vmd .vm-steps::-webkit-scrollbar { display: none; }
#view-vmd .vm-steps button { flex: 0 0 auto; border: 1.5px solid var(--line); background: var(--card); color: var(--muted); font: 14px var(--font); padding: 6px 12px; border-radius: 99px; cursor: pointer; display: flex; gap: 6px; align-items: center; }
#view-vmd .vm-steps button i { font-style: normal; font-family: var(--vm-mono); font-size: 11px; width: 18px; height: 18px; border-radius: 50%; display: inline-grid; place-items: center; background: var(--vm-sunk); }
#view-vmd .vm-steps button.on { border-color: var(--ink); color: var(--ink); font-weight: 700; }
#view-vmd .vm-steps button.on i { background: var(--ink); color: #fff; }
#view-vmd .vm-foot { display: flex; justify-content: space-between; gap: 8px; margin-top: 14px; }
#view-vmd .vm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
#view-vmd .vm-grid .full { grid-column: 1 / -1; }
@media (max-width: 420px) { #view-vmd .vm-grid { grid-template-columns: 1fr; } }
#view-vmd .field { margin-bottom: 12px; min-width: 0; }
#view-vmd .field select, #view-vmd .field textarea { width: 100%; min-height: 46px; padding: 0 10px; font: 16px var(--font); border: 1.5px solid var(--line); border-radius: 8px; background: #fff; color: var(--text); }
#view-vmd .field textarea { padding: 10px; min-height: 72px; resize: vertical; }
#view-vmd .vm-unit { display: flex; align-items: center; border: 1.5px solid var(--line); border-radius: 8px; background: #fff; overflow: hidden; }
#view-vmd .vm-unit input { border: 0; min-width: 0; flex: 1; }
#view-vmd .vm-unit b { font-weight: 400; padding: 0 10px; color: var(--muted); font-family: var(--vm-mono); font-size: 12px; white-space: nowrap; }
#view-vmd .vm-hint { font-size: 12px; color: var(--muted); margin-top: 2px; display: block; }
#view-vmd .vm-sub { color: var(--ink); font-weight: 700; font-size: 15px; padding-top: 10px; border-top: 1px dashed var(--line); margin: 4px 0 8px; }
#view-vmd .vm-sub.first { border-top: 0; padding-top: 0; }
/* 评分 */
#view-vmd .vm-dim { padding: 10px 0; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px; }
#view-vmd .vm-dim:first-child { border-top: 0; }
#view-vmd .vm-item { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
#view-vmd .vm-item span { flex: 1 1 140px; min-width: 0; font-size: 15px; }
#view-vmd .vm-seg { display: inline-flex; border: 1.5px solid var(--line); border-radius: 99px; overflow: hidden; }
#view-vmd .vm-seg button { border: 0; background: var(--card); color: var(--muted); font: 14px var(--font); padding: 6px 12px; min-height: 36px; cursor: pointer; }
#view-vmd .vm-seg button + button { border-left: 1.5px solid var(--line); }
#view-vmd .vm-seg button.v5 { background: var(--vm-good-bg); color: var(--vm-good); font-weight: 700; }
#view-vmd .vm-seg button.v3 { background: var(--vm-warn-bg); color: var(--vm-warn); font-weight: 700; }
#view-vmd .vm-seg button.v0 { background: var(--vm-bad-bg); color: var(--vm-bad); font-weight: 700; }
#view-vmd .vm-flag { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 6px 0; font-size: 15px; }
#view-vmd .vm-flag input { width: 24px; height: 24px; accent-color: var(--stamp); flex: none; }
/* 照片 */
#view-vmd .vm-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
#view-vmd .vm-ph { display: flex; flex-direction: column; gap: 6px; background: var(--paper); border-radius: 6px; padding: 6px; min-width: 0; }
#view-vmd .vm-ph img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; background: var(--vm-sunk); }
#view-vmd .vm-ph select { width: 100%; min-height: 38px; font: 14px var(--font); border: 1.5px solid var(--line); border-radius: 6px; background: #fff; }
/* 报告 */
#view-vmd .vm-score { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; }
#view-vmd .vm-pill { display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 10px; border-radius: 99px; }
#view-vmd .g-ok { background: var(--vm-good-bg); color: var(--vm-good); } #view-vmd .g-warn { background: var(--vm-warn-bg); color: var(--vm-warn); }
#view-vmd .g-bad { background: var(--vm-bad-bg); color: var(--vm-bad); } #view-vmd .g-na { background: var(--vm-sunk); color: var(--muted); }
#view-vmd .vm-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
#view-vmd .vm-kpi { background: var(--paper); border-radius: 6px; padding: 8px 10px; }
#view-vmd .vm-kpi b { display: block; font: 700 20px var(--vm-mono); }
#view-vmd .vm-kpi span { font-size: 12px; color: var(--muted); }
#view-vmd .vm-bars { display: flex; flex-direction: column; gap: 6px; }
#view-vmd .vm-bar { display: grid; grid-template-columns: 84px 1fr 46px; gap: 8px; align-items: center; font-size: 13px; }
#view-vmd .vm-track { height: 8px; background: var(--vm-sunk); border-radius: 4px; overflow: hidden; }
#view-vmd .vm-track i { display: block; height: 100%; background: var(--ink); }
#view-vmd .vm-chk { display: grid; grid-template-columns: 6px 1fr; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line); }
#view-vmd .vm-chk:first-child { border-top: 0; }
#view-vmd .vm-chk .s { border-radius: 3px; }
#view-vmd .s-ok { background: var(--vm-good); } #view-vmd .s-warn { background: #D9A21B; } #view-vmd .s-bad { background: var(--vm-bad); } #view-vmd .s-info { background: var(--line); }
#view-vmd .vm-chk-h { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; align-items: baseline; }
#view-vmd .vm-chk .vals { font: 12px var(--vm-mono); color: var(--muted); }
#view-vmd .vm-chk p { font-size: 14px; }
#view-vmd .vm-tier { display: flex; flex-direction: column; gap: 8px; }
#view-vmd .vm-tier-h { display: flex; gap: 8px; align-items: center; }
#view-vmd .vm-tag { font-size: 12px; padding: 1px 8px; border-radius: 4px; background: var(--ink); color: #fff; font-weight: 700; }
#view-vmd .vm-act { padding: 10px 12px; background: var(--paper); border-radius: 6px; font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
#view-vmd .vm-act b { color: var(--ink); }
#view-vmd .vm-act .meta { font-size: 12px; color: var(--muted); }
#view-vmd .vm-plan { overflow-x: auto; border: 1px solid var(--line); border-radius: 6px; background: #FAFBFC; }
#view-vmd .vm-plan svg { display: block; width: 100%; height: auto; min-width: 300px; }
#view-vmd .vm-legend { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: 12px; color: var(--muted); }
#view-vmd .vm-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; vertical-align: -2px; margin-right: 4px; border: 1px solid var(--line); }
#view-vmd .vm-seq { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; }
#view-vmd .vm-seq .node { display: inline-flex; align-items: center; gap: 5px; background: var(--paper); border-radius: 99px; padding: 3px 10px 3px 4px; }
#view-vmd .vm-seq .node i { font-style: normal; width: 20px; height: 20px; border-radius: 50%; background: var(--vm-flow); color: #fff; font: 600 11px var(--vm-mono); display: inline-grid; place-items: center; }
#view-vmd .vm-seq .arr { color: var(--vm-flow); }
#view-vmd .vm-busy { display: flex; gap: 10px; align-items: center; color: var(--ink); font-weight: 600; font-size: 14px; }
/* 模板 */
#view-vmd .vm-params { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
#view-vmd .vm-param { border-left: 2px solid var(--vm-flow); padding: 2px 0 2px 10px; }
#view-vmd .vm-param b { display: block; font: 700 17px var(--vm-mono); color: var(--ink); }
#view-vmd .vm-param span { font-size: 12px; color: var(--muted); }
#view-vmd .vm-zbar { display: grid; grid-template-columns: 70px 1fr 96px; gap: 8px; align-items: center; font-size: 13px; }
#view-vmd .vm-zbar .vm-track i { background: var(--vm-oak); }
#view-vmd table.vm-t { border-collapse: collapse; width: 100%; font-size: 13px; min-width: 0; }
#view-vmd table.vm-t th, #view-vmd table.vm-t td { border-bottom: 1px solid var(--line); padding: 7px 6px; text-align: left; vertical-align: top; position: static; background: none; color: inherit; white-space: normal; }
#view-vmd table.vm-t th { color: var(--muted); font-weight: 500; font-size: 12px; }
#view-vmd table.vm-t td.num { font-family: var(--vm-mono); text-align: right; white-space: nowrap; }
#view-vmd .vm-tbl { overflow-x: auto; }
#view-vmd ol.vm-sop { margin: 0; padding-left: 20px; font-size: 14px; }
#view-vmd details.vm-acc { background: var(--card); border-radius: 6px; box-shadow: 0 1px 0 var(--line); }
#view-vmd details.vm-acc summary { list-style: none; cursor: pointer; padding: 14px 16px; display: flex; justify-content: space-between; font-weight: 700; color: var(--ink); }
#view-vmd details.vm-acc summary::-webkit-details-marker { display: none; }
#view-vmd details.vm-acc summary::after { content: "+"; color: var(--muted); }
#view-vmd details.vm-acc[open] summary::after { content: "−"; }
#view-vmd details.vm-acc .body { padding: 0 16px 16px; display: flex; flex-direction: column; gap: 10px; }
#view-vmd .vm-op { border: 1px solid var(--line); border-radius: 6px; padding: 12px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
#view-vmd .vm-op .ok { color: var(--ok); } #view-vmd .vm-op .no { color: var(--stamp); }
/* 档案 */
#view-vmd .vm-rec { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }
#view-vmd .vm-rec:first-child { border-top: 0; }
#view-vmd .vm-rec input { width: 22px; height: 22px; accent-color: var(--ink); }
#view-vmd .vm-rec .sc { font: 700 20px var(--vm-mono); color: var(--ink); width: 48px; text-align: center; }
#view-vmd .up { color: var(--ok); } #view-vmd .down { color: var(--stamp); }
/* 平面图 */
#view-vmd .pl-bg { fill: #fff; } #view-vmd .pl-wall { fill: none; stroke: var(--ink); stroke-width: 3; }
#view-vmd .pl-fix { fill: var(--vm-oak-soft); stroke: var(--vm-oak); stroke-width: 1; }
#view-vmd .pl-isl { fill: var(--vm-sage); stroke: var(--ink); stroke-width: 1; }
#view-vmd .pl-fit { fill: var(--vm-rose); stroke: var(--vm-oak); stroke-width: 1; }
#view-vmd .pl-cash { fill: var(--vm-blue); stroke: var(--vm-oak); stroke-width: 1; }
#view-vmd .pl-store { fill: var(--vm-sunk); stroke: var(--vm-oak); stroke-width: 1; }
#view-vmd .pl-mir { fill: #FAFBFC; stroke: var(--line); stroke-width: 1; }
#view-vmd .pl-vip { fill: var(--vm-oak-soft); stroke: var(--vm-flow); stroke-width: 1; stroke-dasharray: 3 3; }
#view-vmd .pl-mann { fill: var(--text); }
#view-vmd .pl-flow { fill: none; stroke: var(--vm-flow); stroke-width: 2.2; stroke-dasharray: 7 5; stroke-linecap: round; stroke-linejoin: round; }
#view-vmd .pl-flow2 { fill: none; stroke: var(--vm-flow); stroke-width: 1.4; stroke-dasharray: 2 4; opacity: .8; }
#view-vmd .pl-node { fill: var(--vm-flow); } #view-vmd .pl-arrow { fill: var(--vm-flow); }
#view-vmd .pl-nodet { fill: #fff; font: 600 10px var(--vm-mono); text-anchor: middle; dominant-baseline: central; }
#view-vmd .pl-t { fill: var(--text); font: 9px var(--font); } #view-vmd .pl-id { fill: var(--muted); font: 8px var(--vm-mono); }
#view-vmd .pl-dim { fill: var(--muted); font: 10px var(--vm-mono); text-anchor: middle; } #view-vmd .pl-dimline { stroke: var(--muted); stroke-width: .8; }
#view-vmd .pl-door { stroke: #fff; stroke-width: 5; } #view-vmd .pl-ent { fill: var(--vm-flow); font: 700 10px var(--font); text-anchor: middle; }
#view-vmd .pl-aisle { font: 600 9.5px var(--vm-mono); text-anchor: middle; } #view-vmd .pl-aisle.ok { fill: var(--ok); } #view-vmd .pl-aisle.bad { fill: var(--stamp); }
/* 柔美风格：卡片圆角跟主界面一致 */
#view-vmd .vm-card { border-radius: var(--r-card); box-shadow: var(--card-shadow); border: var(--bw) solid var(--card-edge); }
#view-vmd .vm-banner { border-radius: calc(var(--r-card) - 4px); }
#view-vmd .field select, #view-vmd .field textarea { border-radius: var(--r-input); }
/* ===== 陈列首页：三件事 ===== */
#view-vmd .vm-home { display: flex; flex-direction: column; gap: 10px; }
#view-vmd .vm-home-q { margin: 2px 2px 2px; font-size: 20px; font-weight: 700; color: var(--text); }
#view-vmd .vm-big { display: flex; align-items: center; gap: 14px; text-align: left; padding: 14px; border-radius: var(--r-card, 16px); border: 1.5px solid var(--line); background: var(--card); cursor: pointer; font-family: var(--font); color: var(--text); min-height: 84px; }
#view-vmd .vm-big.first { border: 2px solid var(--ink); }
#view-vmd .vm-big span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#view-vmd .vm-big b { font-size: 18px; }
#view-vmd .vm-big em { font-style: normal; font-size: 14px; color: var(--muted); line-height: 1.4; }
#view-vmd .vm-big small { font-size: 12px; color: var(--ink-deep); }
#view-vmd .vm-big > i { font-style: normal; font-size: 22px; color: var(--ink); }
#view-vmd .vm-ic { width: 30px; height: 30px; fill: none; stroke: var(--ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
#view-vmd .vm-big .vm-ic { width: 46px; height: 46px; padding: 9px; box-sizing: border-box; border-radius: 14px; background: var(--ink-soft); }
#view-vmd .vm-smalls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 4px; }
#view-vmd .vm-smalls button { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 4px; border-radius: 14px; border: 1.5px solid var(--line); background: var(--card); cursor: pointer; font: 600 14px var(--font); color: var(--text); min-height: 72px; }
#view-vmd .vm-smalls .vm-ic { width: 24px; height: 24px; }
#view-vmd .vm-top { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
#view-vmd .vm-top b { font-size: 18px; color: var(--text); }
#view-vmd .vm-back { margin: 0; min-height: 40px; padding: 0 12px 0 4px; }
/* 整店体检：第 N/5 步 + 小圆点，不会出框 */
#view-vmd .vm-prog { margin-top: 8px; }
#view-vmd .vm-prog-t { font-size: 15px; color: var(--muted); margin-bottom: 8px; }
#view-vmd .vm-prog-t b { color: var(--ink); }
#view-vmd .vm-steps.vm-dots { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; overflow: visible; }
#view-vmd .vm-steps.vm-dots button { padding: 0; height: 8px; border-radius: 4px; border: 0; background: var(--line); min-height: 0; justify-content: center; position: relative; }
#view-vmd .vm-steps.vm-dots button::before { content: ""; position: absolute; inset: -12px 0; }
#view-vmd .vm-steps.vm-dots button i { display: none; }
#view-vmd .vm-steps.vm-dots button.done { background: var(--ink-line); }
#view-vmd .vm-steps.vm-dots button.on { background: var(--ink); }