.pricing-summary {
  display: grid;
  gap: 8px;
  background: linear-gradient(135deg, #eef4ff, #f5eeff);
  border-radius: 18px;
  border: 1px solid var(--border);
  padding: 12px;
}
body.dark .pricing-summary { background: #2d2637; }
.summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  color: var(--text);
}
.summary-row strong { font-size: 1rem; }
.priced-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 14px;
}
.priced-card h4 { margin: 0 0 8px; }
.priced-card .profit { color: #1d6f42; font-weight: 800; }
body.dark .priced-card .profit { color: #a9efc5; }


.priced-card { display: grid; gap: 8px; }
.pricing-summary .summary-row + .summary-row,
.priced-card .summary-row + .summary-row {
  padding-top: 8px;
  border-top: 1px dashed rgba(0,0,0,.08);
}
body.dark .pricing-summary .summary-row + .summary-row,
body.dark .priced-card .summary-row + .summary-row {
  border-top-color: rgba(255,255,255,.08);
}


.pricing-entry-grid { align-items: end; }
.input-with-suffix { position: relative; }
.input-with-suffix .suffix-input { padding-inline-end: 40px; }
.input-suffix {
  position: absolute;
  inset-inline-end: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 800;
  color: var(--muted);
  pointer-events: none;
}
body.dark .input-suffix { color: #d5c8ec; }

.manual-pricing-fields { margin-bottom: 10px; }
.clickable-priced-card { cursor: pointer; }
.priced-title { display:flex; align-items:center; margin:0 0 8px; }
.recipe-link-btn {
  border:none; background:none; padding:0; margin:0; color:var(--secondary);
  font-weight:800; text-decoration: underline; cursor:pointer;
}
body.dark .recipe-link-btn { color:#b9adff; }

.priced-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.priced-delete-btn {
  border:none;
  background:transparent;
  cursor:pointer;
  font-size:.95rem;
  line-height:1;
  padding:8px 10px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#c0392b;
  font-weight:700;
}
.priced-delete-btn:hover { background: rgba(192,57,43,.08); }
body.dark .priced-delete-btn:hover { background: rgba(255,255,255,.08); }
.manual-priced-card { cursor: default; }


.pricing-source-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
.pricing-source-btn {
  border: 1px solid var(--border);
  background: var(--surface-soft);
  color: var(--text);
  border-radius: 14px;
  padding: 12px 10px;
  font-weight: 800;
  cursor: pointer;
}
.pricing-source-btn.active {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  border-color: transparent;
}
body.dark .pricing-source-btn { background: #2b2435; }
body.dark .pricing-source-btn.active { background: linear-gradient(135deg, var(--primary), var(--secondary)); }