/* 제품 화면 보조 화면(product_views.jsx · product_view_*.jsx, .pv-*) — 예전 인라인 style 을 옮긴 것.
   색·글꼴은 tokens.css 변수만, 간격은 --unit(4px) 배수. */

.card.pv-empty-card { padding: calc(var(--unit) * 10); text-align: center; color: var(--fg-muted); max-width: calc(var(--unit) * 120); margin: calc(var(--unit) * 15) auto; }
.pv-box { display: grid; grid-template-columns: auto 1fr auto; gap: calc(var(--unit) * 2); align-items: center; border: 1px solid var(--border); border-radius: 10px; padding: var(--unit) var(--unit) var(--unit) calc(var(--unit) * 3.5); background: var(--bg-elevated); margin: calc(var(--unit) * 4) 0; max-width: calc(var(--unit) * 150); }
.pv-box input.pv-input { border: 0; outline: 0; background: transparent; font-size: 14px; padding: calc(var(--unit) * 2.5) 0; }
.pv-totals { font-size: 11px; margin-bottom: calc(var(--unit) * 4); }
.panel.pv-panel { margin-bottom: calc(var(--unit) * 4); }
.pv-empty { padding: calc(var(--unit) * 3.5) calc(var(--unit) * 4.5); color: var(--fg-muted); font-size: 13px; }
.pv-row { padding: calc(var(--unit) * 3) calc(var(--unit) * 4.5); }
.pv-row + .pv-row { border-top: 1px solid var(--border); }
.pv-row.grid { display: grid; grid-template-columns: 1fr auto; gap: calc(var(--unit) * 4); }
.pv-row.pubmed { display: grid; grid-template-columns: calc(var(--unit) * 17.5) 1fr auto; gap: calc(var(--unit) * 3); align-items: baseline; }
.pv-row-head { display: grid; grid-template-columns: 1fr auto; gap: calc(var(--unit) * 4); align-items: baseline; }
.pv-line { font-size: 11px; margin-top: var(--unit); }
.pv-warn { font-size: 11px; color: var(--hazard); margin-top: calc(var(--unit) * 0.5); }
.upper.pv-tag { margin-right: calc(var(--unit) * 1.5); }
.pv-pmid { font-size: 11px; color: var(--accent-ink); }