/* Facility Settings > Payment Processing (payment-settings.js). Builds on ui-kit.css. */
.pc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.pc-status { grid-column: 1 / -1; }
.pc-top { display: flex; gap: 14px; align-items: flex-start; }
.pc-top p { margin: 0; color: #374151; line-height: 1.45; }
.pc-req ul { margin: 4px 0 0; padding-left: 18px; }
.pc-steps { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pc-step { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; }
.pc-step small { display: block; color: #6b7280; font-size: 12px; line-height: 1.35; }
.pc-dot { display: grid; place-items: center; width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%; border: 2px solid #d1d5db; color: #fff; }
.pc-step.done .pc-dot { background: #16a34a; border-color: #16a34a; }
.pc-dot .ic { width: 12px; height: 12px; }
.pc-actions { margin-top: 14px; }
.pc-pick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; border: 0; padding: 0; margin: 0 0 14px; }
.pc-pick legend { padding: 0; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: #374151; }
.pc-opt { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid #d9dde3; border-radius: 12px; cursor: pointer; }
.pc-opt.on { border-color: #2563eb; background: #eff6ff; box-shadow: inset 0 0 0 1px #2563eb; }
.pc-opt b { display: block; font-size: 15px; }
.pc-opt small { display: block; margin-top: 2px; color: #6b7280; font-size: 12.5px; line-height: 1.4; }
.pc-opt input { margin-top: 4px; }
.pc-kv { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-size: 13.5px; }
.pc-kv span { color: #6b7280; }
.pc-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; font-size: 13.5px; line-height: 1.45; }
.pc-list li { display: flex; gap: 10px; align-items: flex-start; }
.pc-list .ic { width: 16px; height: 16px; margin-top: 2px; color: #16a34a; flex-shrink: 0; }
@media (max-width: 1300px) {
  .pc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .pc-grid,
  .pc-pick { grid-template-columns: minmax(0, 1fr); }
  .pc-top { flex-direction: column; }
}