/* it-paymethods-v1: pick the ways you accept money, fill each one in once, and
   they print on the document. Methods that resolve to a payable URL can carry a
   QR; bank, ACH, wire and check cannot, so those print as details only. */
.pm-wrap{margin-top:6px}
.pm-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}
.pm-head h3{margin:0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#57544C}
.pm-head span{font-size:12.5px;color:#7C766C}
.pm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:560px){.pm-grid{grid-template-columns:1fr}}
.pm-btn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;cursor:pointer;
  background:#fff;border:1px solid #E4E0D8;border-radius:12px;padding:13px 14px;min-height:56px;
  font:inherit;color:#14110E;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.pm-btn:hover{border-color:#C9C2B4;box-shadow:0 6px 16px -12px rgba(20,17,14,.4)}
.pm-btn:focus-visible{outline:2px solid #F26207;outline-offset:2px}
.pm-btn .pm-ico{flex:0 0 auto;width:22px;height:22px;color:#8A8378}
.pm-btn .pm-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.pm-btn .pm-name{font-weight:600;font-size:15px;line-height:1.25}
.pm-btn .pm-sub{display:block;font-weight:400;font-size:12.5px;color:#7C766C;margin-top:2px}
.pm-btn.on{border-color:#F26207;background:#FFF8F3;box-shadow:inset 0 0 0 1px #F26207}
.pm-btn.on .pm-ico{color:#F26207}
.pm-tag{display:inline-block;margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:3px 8px;border-radius:999px}
.pm-tag.todo{background:#FDF0D8;color:#8A5A11}
.pm-tag.done{background:#E7F6EC;color:#2E6B45}
/* the sheet */
.pm-back{position:fixed;inset:0;background:rgba(20,17,14,.45);display:grid;place-items:center;
  padding:18px;z-index:9000;opacity:0;animation:pmIn .16s ease forwards}
@keyframes pmIn{to{opacity:1}}
.pm-sheet{width:min(480px,100%);max-height:min(88vh,760px);overflow:auto;background:#fff;
  border-radius:18px;box-shadow:0 30px 80px -30px rgba(0,0,0,.5);transform:translateY(8px);
  animation:pmUp .18s cubic-bezier(.3,1,.4,1) forwards}
@keyframes pmUp{to{transform:translateY(0)}}
.pm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:18px 20px;border-bottom:1px solid #EDE9E1;position:sticky;top:0;background:#fff;border-radius:18px 18px 0 0}
.pm-top h4{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em}
.pm-x{border:0;background:#F4F1EA;width:34px;height:34px;border-radius:10px;cursor:pointer;
  display:grid;place-items:center;color:#57544C;font-size:17px;line-height:1}
.pm-x:hover{background:#EAE5DA}
.pm-body{padding:18px 20px 6px}
.pm-f{margin-bottom:14px}
.pm-f label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:#57544C;margin:0 0 6px}
.pm-f input{width:100%;box-sizing:border-box;min-height:48px;border:1px solid #DED8CC;border-radius:11px;
  padding:0 14px;font:inherit;font-size:15.5px;color:#14110E;background:#fff}
.pm-f input:focus{outline:none;border-color:#F26207;box-shadow:0 0 0 3px rgba(242,98,7,.15)}
.pm-f .pm-hint{font-size:12px;color:#7C766C;margin:6px 0 0}
.pm-err{font-size:12.5px;color:#B42318;margin:6px 0 0}
.pm-note{font-size:12.5px;color:#7C766C;background:#FBF8F0;border:1px solid #EDE9E1;
  border-radius:11px;padding:11px 13px;margin:2px 0 14px}
.pm-foot{position:sticky;bottom:0;background:#fff;padding:14px 20px 18px;border-top:1px solid #EDE9E1;
  display:flex;gap:10px;border-radius:0 0 18px 18px}
.pm-save{flex:1;background:#0B0F14;color:#fff;border:0;border-radius:12px;min-height:50px;
  font:700 15.5px inherit;cursor:pointer}
.pm-save:hover{background:#1B2129}
.pm-del{background:none;border:1px solid #DED8CC;border-radius:12px;min-height:50px;padding:0 16px;
  font:600 14.5px inherit;color:#57544C;cursor:pointer}
.pm-del:hover{border-color:#C9C2B4;color:#14110E}
@media (prefers-reduced-motion:reduce){.pm-back,.pm-sheet{animation:none;opacity:1;transform:none}}
/* how the block prints on the document itself */
.pm-doc{margin-top:14px}
.pm-doc-h{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7C766C;margin:0 0 7px}
.pm-doc-grid{display:flex;flex-wrap:wrap;gap:12px}
.pm-doc-card{flex:1 1 190px;min-width:0;border:1px solid #E6E1D8;border-radius:10px;padding:11px 12px;background:#FCFAF6}
.pm-doc-card b{display:block;font-size:12px;margin:0 0 4px}
.pm-doc-card div{font-size:11.5px;color:#4B4741;line-height:1.55;word-break:break-word}
.pm-doc-card canvas{display:block;margin-top:9px;width:96px;height:96px}
@media print{.pm-doc-card{background:#fff;break-inside:avoid;page-break-inside:avoid}}