/* Unit Price Comparator — tool-specific styles (loaded after /assets/base.css) */
.upc-container{max-width:760px}
.upc-currency-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.upc-currency-row label{font-size:.85rem;font-weight:600;color:var(--muted)}
.upc-cur-input{width:56px;background:var(--bg-soft);border:1px solid var(--line);color:var(--text);
  padding:8px 10px;border-radius:8px;font-family:inherit;font-size:.95rem;text-align:center}
.upc-cur-input:focus{outline:none;border-color:var(--accent)}

.upc-head-row{display:grid;grid-template-columns:1.6fr 1fr .9fr 1fr 32px;gap:10px;padding:0 2px 8px;
  font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-2)}

.upc-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.upc-row{display:grid;grid-template-columns:1.6fr 1fr .9fr 1fr 32px;gap:10px;align-items:center}
.upc-row input,.upc-row select{background:var(--bg-soft);border:1px solid var(--line);color:var(--text);
  padding:10px 12px;border-radius:8px;font-family:inherit;font-size:.92rem;width:100%;min-width:0}
.upc-row input:focus,.upc-row select:focus{outline:none;border-color:var(--accent)}
.upc-price-wrap{position:relative;display:flex;align-items:center}
.upc-cur-prefix{position:absolute;left:11px;color:var(--muted-2);font-size:.88rem;pointer-events:none}
.upc-price-wrap input{padding-left:24px}
.upc-remove{background:none;border:1px solid var(--line);color:var(--muted-2);border-radius:7px;
  width:32px;height:32px;cursor:pointer;flex-shrink:0;transition:all .15s;font-size:.85rem}
.upc-remove:hover{color:#ff6b8a;border-color:#ff6b8a}

.upc-add-btn{width:100%;justify-content:center;display:flex}

.upc-results{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.upc-fam-card{padding:20px}
.upc-section-title{margin:0 0 6px;font-size:1.02rem;font-weight:700;
  font-family:"Bricolage Grotesque","Inter",sans-serif}
.upc-savings{margin:0 0 14px;font-size:.9rem;color:var(--accent-2,#5cd6c0)}
.upc-result-list{display:flex;flex-direction:column;gap:8px}
.upc-result-item{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.upc-result-item.best{border-color:rgba(92,214,192,.5);background:rgba(92,214,192,.06)}
.upc-result-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.upc-result-name{font-weight:600;font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upc-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  padding:3px 8px;border-radius:999px;background:rgba(92,214,192,.18);color:#5cd6c0;flex-shrink:0}
.upc-badge-muted{background:var(--card-2);color:var(--muted-2)}
.upc-result-price{font-size:1.3rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.upc-result-price span{font-size:.78rem;font-weight:500;color:var(--muted-2)}
.upc-result-math{font-size:.78rem;color:var(--muted-2);margin-top:2px;font-family:ui-monospace,Menlo,Consolas,monospace}

@media (pointer:coarse){.upc-row input,.upc-row select{font-size:16px}}
@media (max-width:640px){
  .upc-head-row{display:none}
  .upc-row{grid-template-columns:1fr 1fr;grid-template-areas:"name name" "price qty" "unit remove";row-gap:8px}
  .upc-row .upc-name{grid-area:name}
  .upc-row .upc-price-wrap{grid-area:price}
  .upc-row .upc-qty{grid-area:qty}
  .upc-row .upc-unit{grid-area:unit}
  .upc-row .upc-remove{grid-area:remove;justify-self:end}
  .upc-row{padding-bottom:10px;border-bottom:1px solid var(--line)}
  .upc-row:last-child{border-bottom:none;padding-bottom:0}
}