.price-field > label {
  color: #aeb8c0;
  font: 600 0.63rem var(--mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.price-entry {
  display: grid;
  grid-template-columns: 1fr 104px;
  margin-top: 6px;
}

.price-entry input { border-right: 0; }

.price-field small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font: 400 0.58rem/1.4 var(--mono);
}

.match-art {
  min-height: 230px;
  aspect-ratio: auto;
}

.match-art img { object-fit: contain; }

.photo-preview { position: relative; }

.photo-preview img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.stat {
  min-height: 140px;
  gap: 18px;
  padding: 22px;
  background:
    linear-gradient(135deg, rgba(102, 132, 153, 0.1), transparent 42%),
    linear-gradient(155deg, rgba(24, 31, 38, 0.96), rgba(10, 15, 20, 0.95));
  border-color: rgba(151, 173, 190, 0.26);
}

.stat::after {
  width: 36px;
  height: 36px;
  right: -19px;
  bottom: -19px;
}

.stat-icon {
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  color: #c4d2dc;
  border-color: rgba(160, 184, 202, 0.35);
  background: linear-gradient(145deg, rgba(90, 118, 137, 0.13), rgba(6, 10, 14, 0.35));
  box-shadow: inset 0 0 0 3px rgba(1, 5, 8, 0.28);
  clip-path: polygon(0 0, 82% 0, 100% 18%, 100% 100%, 18% 100%, 0 82%);
}

.stat-icon svg { width: 31px; height: 31px; }
.stat-label { font-size: 0.72rem; letter-spacing: 0.13em; }
.stat-value { margin-top: 10px; font-size: 2.45rem; font-weight: 700; }
.stat-code { top: 10px; right: 11px; font-size: 0.55rem; }
.stat-name { margin-top: 12px; font-size: 1.08rem; }
.stat-detail { font-size: 0.65rem; }

.stat[data-tone="inventory"] .stat-icon { color: #93c8ef; }
.stat[data-tone="backlog"] .stat-icon { color: var(--amber); }
.stat[data-tone="complete"] .stat-icon { color: var(--green); }
.stat[data-tone="display"] .stat-icon { color: #aab8c4; }
.stat[data-tone="hunt"] .stat-icon { color: var(--cyan); }
.stat[data-tone="target"] .stat-icon { color: var(--orange); }

.bulk-entry-btn { width: 100%; margin-top: 16px; }
#bulkNames { width: 100%; margin-top: 6px; resize: vertical; }
.bulk-controls { display: grid; grid-template-columns: minmax(180px, 0.7fr) 1fr; gap: 10px; align-items: end; margin-top: 14px; }
.bulk-controls button { height: 38px; }
.bulk-progress { min-height: 24px; margin: 15px 0 8px; color: var(--cyan); font: 600 0.64rem var(--mono); }
.bulk-results { display: grid; gap: 9px; }
.bulk-result-row { display: grid; grid-template-columns: 70px 1fr auto; gap: 12px; align-items: end; padding: 12px; border: 1px solid var(--line); background: rgba(5, 10, 14, 0.45); }
.bulk-result-main { display: grid; grid-template-columns: minmax(150px, 0.8fr) minmax(220px, 1.2fr); gap: 9px; }
.bulk-include { align-self: center; display: grid; justify-items: center; gap: 5px; }
.bulk-include input { width: 18px; height: 18px; margin: 0; }
.bulk-retry { height: 38px; }
.bulk-error { align-self: end; margin: 0; min-height: 38px; padding: 10px; color: var(--red); border: 1px solid rgba(220, 101, 101, 0.3); font: 500 0.62rem var(--mono); }
.bulk-actions { display: flex; justify-content: flex-end; margin-top: 14px; }

@media (max-width: 620px) {
  .price-entry { grid-template-columns: 1fr 92px; }
  .stat { min-height: 112px; padding: 15px; gap: 12px; }
  .stat-icon { display: grid; width: 44px; height: 44px; flex-basis: 44px; }
  .stat-icon svg { width: 25px; height: 25px; }
  .stat-label { font-size: 0.62rem; }
  .stat-value { font-size: 2rem; }
  .bulk-controls,.bulk-result-row,.bulk-result-main { grid-template-columns: 1fr; }
  .bulk-include { display: flex; justify-items: initial; }
  .bulk-actions button { width: 100%; }
}