/* Party food / churrasco / carne asada calculator (views/party-food-calculator.cjs). The printed list uses the calculator
 * kit's .vt-calc-sheet (css/_calc-kit.css) as it is. Borders: 1px hairline. Every rule is under #visu-tools.vt-party-food-calculator. */
#visu-tools.vt-party-food-calculator .vt-pf { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); }
#visu-tools.vt-party-food-calculator #vt-pf-preset-hint { margin-top: 8px !important; }
#visu-tools.vt-party-food-calculator .vt-pf-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 14px; margin: 16px 0; align-items: start; }
#visu-tools.vt-party-food-calculator .vt-pf-grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#visu-tools.vt-party-food-calculator .vt-pf-set { margin: 18px 0 0 !important; padding-top: 16px !important; border-top: 1px solid var(--vt-line) !important; display: grid; gap: 10px; }
#visu-tools.vt-party-food-calculator .vt-pf-items { display: grid; gap: 0; border: 1px solid var(--vt-line); border-radius: 14px; overflow: hidden; background: #fff; }
#visu-tools.vt-party-food-calculator .vt-pf-item { display: grid; grid-template-columns: 26px minmax(0, 1.3fr) minmax(0, 1.2fr) minmax(0, 1fr); gap: 8px 10px; align-items: center; padding: 8px 10px; border-top: 1px solid var(--vt-line); }
#visu-tools.vt-party-food-calculator .vt-pf-item:first-child { border-top: 0; }
#visu-tools.vt-party-food-calculator .vt-pf-own { grid-template-columns: 26px minmax(0, 1.3fr) minmax(0, 1.2fr) minmax(0, 1fr); background: var(--vt-bg); }
#visu-tools.vt-party-food-calculator .vt-pf-rm { grid-column: 2 / -1; justify-self: end; font-size: 13px; color: var(--vt-muted) !important; }
#visu-tools.vt-party-food-calculator .vt-pf-on input { width: 18px; height: 18px; }
#visu-tools.vt-party-food-calculator .vt-pf-item input[type=text] { width: 100%; min-width: 0; padding: 8px 10px !important; font-size: 15px; border: 1px solid var(--vt-line-2); border-radius: 10px; }
#visu-tools.vt-party-food-calculator .vt-pf-item:has([data-k="on"]:not(:checked)) :is(.vt-pf-name, .vt-pf-per, .vt-pf-price) { opacity: .45; }
#visu-tools.vt-party-food-calculator .vt-pf-bad [data-k="per"], #visu-tools.vt-party-food-calculator .vt-pf-bad [data-k="price"] { border-color: var(--vt-err) !important; }
#visu-tools.vt-party-food-calculator :is(.vt-pf-per, .vt-pf-price) { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; min-width: 0; }
#visu-tools.vt-party-food-calculator :is(.vt-pf-per, .vt-pf-price) input { flex: 1 1 60px; width: auto !important; }
#visu-tools.vt-party-food-calculator .vt-pf-per select { flex: 0 1 auto; padding: 7px 6px !important; font-size: 14px; border: 1px solid var(--vt-line-2); border-radius: 10px; max-width: 100%; }
#visu-tools.vt-party-food-calculator .vt-pf-u { font-size: 14px; color: var(--vt-ink); font-weight: 600; }
#visu-tools.vt-party-food-calculator .vt-pf-b { width: 100%; font-size: 12.5px; color: var(--vt-muted); }
#visu-tools.vt-party-food-calculator .vt-pf-price .vt-num { flex: 1 1 80px; min-width: 0; }
#visu-tools.vt-party-food-calculator .vt-pf-price .vt-num input { width: 100% !important; }
#visu-tools.vt-party-food-calculator #vt-pf-add { justify-self: start; }
#visu-tools.vt-party-food-calculator .vt-pf-people { font-size: 15px; color: var(--vt-text); margin: 4px 0 10px !important; }
#visu-tools.vt-party-food-calculator .vt-pf-list { list-style: none; padding: 0 !important; display: grid; gap: 0; margin-bottom: 12px !important; }
#visu-tools.vt-party-food-calculator .vt-pf-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid var(--vt-line); font-size: 15px; }
#visu-tools.vt-party-food-calculator .vt-pf-ln { color: var(--vt-text); overflow-wrap: anywhere; }
#visu-tools.vt-party-food-calculator .vt-pf-lq { font-weight: 700; color: var(--vt-ink); font-variant-numeric: tabular-nums; text-align: right; }
#visu-tools.vt-party-food-calculator .vt-pf-lc { font-size: 13.5px; color: var(--vt-muted); font-variant-numeric: tabular-nums; min-width: 72px; text-align: right; }
#visu-tools.vt-party-food-calculator .vt-pf-method-sec { padding: 8px 0 24px; }
#visu-tools.vt-party-food-calculator .vt-pf-method { display: grid; gap: 8px; max-width: 80ch; margin-top: 12px !important; padding-left: 20px !important; }
@media (max-width: 1024px) {
  #visu-tools.vt-party-food-calculator .vt-pf { grid-template-columns: minmax(0, 1fr); }
  #visu-tools.vt-party-food-calculator .vt-pf .vt-out { position: static; }
}
@media (max-width: 600px) {
  #visu-tools.vt-party-food-calculator .vt-pf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #visu-tools.vt-party-food-calculator .vt-pf-item, #visu-tools.vt-party-food-calculator .vt-pf-own { grid-template-columns: 26px minmax(0, 1fr) minmax(0, 1fr); }
  #visu-tools.vt-party-food-calculator .vt-pf-name { grid-column: 2 / -1; }
  #visu-tools.vt-party-food-calculator .vt-pf-per { grid-column: 2; }
  #visu-tools.vt-party-food-calculator .vt-pf-price { grid-column: 3; }
}