/* /unit-price-comparison-calculator only: the repeating product row.
   Scoped under #upcApp. */
#upcApp .upc-row { border: 1px solid var(--bm-line); border-radius: 12px; padding: 10px 12px 4px; margin-bottom: 10px; background: var(--bm-bg); }
#upcApp .upc-row-head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
#upcApp .upc-row-head .upc-name { flex: 1 1 auto; min-width: 0; }
#upcApp .upc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: 8px 10px; }
#upcApp .upc-grid .ic-field { margin: 0 0 6px; }
#upcApp .upc-offer { grid-column: 1 / -1; }
#upcApp .upc-offer-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: 8px 10px; }
#upcApp .upc-badge { font-size: .72rem; font-weight: 600; border-radius: 999px; padding: 2px 8px; background: var(--bm-accent-soft); color: var(--bm-accent-ink, inherit); white-space: nowrap; }
#upcApp .upc-row.is-best { border-color: var(--bm-accent); }
@media (forced-colors: active) { #upcApp .upc-row.is-best { border: 2px solid CanvasText; } #upcApp .upc-badge { border: 1px solid CanvasText; } }