/* uzytak.com/<lang>/quote-plugin/: price-list editor of the code generator. On top of photopack.css +
 * materials-plugin/plugin.css (mp- classes). Prefix qp-. */
.qp-gen { grid-template-columns: minmax(0, 440px) minmax(0, 1fr); }
.qp-rows { display: flex; flex-direction: column; gap: 10px; }
.qp-row { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, .7fr) minmax(0, .7fr) 34px; gap: 6px; align-items: end; padding: 10px; border: 1px solid var(--pp-line); border-radius: 10px; background: #f8fafc; }
.qp-row .qp-name { grid-column: 1 / -1; }
.qp-sub { display: flex; flex-direction: column; gap: 3px; font-size: 12px; font-weight: 600; color: var(--pp-muted); min-width: 0; }
.qp-sub:first-of-type { grid-column: 1 / 3; }
.qp-row input, .qp-row select { font: inherit; font-size: 14px; font-weight: 400; padding: 8px 9px; border: 1px solid var(--pp-line); border-radius: 8px; background: #fff; color: var(--pp-ink); width: 100%; min-width: 0; box-sizing: border-box; }
.qp-row input.qp-bad { border-color: #c2410c; background: #fff4ed; }
.qp-del { width: 34px; height: 36px; border: 1px solid var(--pp-line); border-radius: 8px; background: #fff; color: var(--pp-muted); font-size: 20px; line-height: 1; cursor: pointer; }
.qp-del:hover { color: #c2410c; border-color: #c2410c; }
.qp-add { align-self: flex-start; margin-top: 10px; padding: 9px 14px; border: 1px dashed var(--pp-blue); border-radius: 10px; background: #fff; color: var(--pp-blue); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.qp-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.qp-pair .mp-field { justify-content: flex-end; }
.mp-field input[type=number] { font: inherit; font-weight: 400; font-size: 15px; padding: 10px 12px; border: 1px solid var(--pp-line); border-radius: 10px; background: #fff; color: var(--pp-ink); width: 100%; box-sizing: border-box; }

@media (max-width: 860px) {
  .qp-gen { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .qp-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px; }
  .qp-sub:first-of-type { grid-column: 1 / -1; }
}