/* Loyalty punch card maker. The preview stage and the paper controls come from css/_print-kit.css. Borders: 1px hairline. */
#visu-tools.vt-punch-card-maker .vt-pc-top { margin-bottom: 10px !important; }
#visu-tools.vt-punch-card-maker .vt-pc-grid { display: grid; grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: 14px 18px; align-items: start; }
#visu-tools.vt-punch-card-maker .vt-pc-grid .vt-field { align-content: start; }
#visu-tools.vt-punch-card-maker #vt-pc-warn { margin: 0 !important; }
#visu-tools.vt-punch-card-maker :is(.vt-pc-code, .vt-pc-look) { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--vt-line); }
#visu-tools.vt-punch-card-maker .vt-pc-back .vt-check { min-height: 0; }
#visu-tools.vt-punch-card-maker .vt-pc-back .vt-hint { margin-top: 6px !important; }
#visu-tools.vt-punch-card-maker .vt-pc-look { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; align-items: start; }
#visu-tools.vt-punch-card-maker .vt-pc-privacy { margin-top: 16px !important; }
#visu-tools.vt-punch-card-maker .vt-pk-stage { min-height: 0; }
#visu-tools.vt-punch-card-maker .vt-pc-backstage { padding: 14px; }
#visu-tools.vt-punch-card-maker .vt-pc-backstage[hidden] { display: none; }
#visu-tools.vt-punch-card-maker .vt-pc-paper { margin-bottom: 16px; }
#visu-tools.vt-punch-card-maker .vt-pc-paper h3 { font-size: 17px !important; font-weight: 700 !important; }
#visu-tools.vt-punch-card-maker :is(.vt-pc-paper, .vt-pc-cta) p { max-width: 78ch; }
@media (max-width: 600px) {
  #visu-tools.vt-punch-card-maker :is(.vt-pc-grid, .vt-pc-look) { grid-template-columns: minmax(0, 1fr); }
  #visu-tools.vt-punch-card-maker .vt-seg-items:has(input[name="vt-pc-shape"]) { flex-wrap: wrap; overflow-x: visible; margin: 0; padding: 0; }
}