.payment-link-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; margin-top: 10px; padding: 8px 12px; border: 1px solid #ccd4df; border-radius: 5px; color: #344054; background: #fff; font: 600 12px var(--sans, sans-serif); cursor: pointer; }
.payment-link-button:hover { border-color: #64748b; background: #f8fafc; }
.payment-link-button:disabled { opacity: .5; cursor: default; }
.payment-link-dialog { box-sizing: border-box; width: min(540px, calc(100% - 32px)); padding: 24px; border: 1px solid #d0d5dd; border-radius: 8px; color: #182230; background: #fff; font: 14px/1.6 var(--sans, sans-serif); }
.payment-link-dialog::backdrop { background: rgb(16 24 40 / 40%); }
.payment-link-dialog h2 { margin: 0 0 12px; font-size: 22px; }
.payment-link-dialog p { overflow-wrap: anywhere; }
.payment-link-dialog label { font-weight: 600; }
.payment-link-dialog input { box-sizing: border-box; width: 100%; margin-top: 6px; padding: 10px; border: 1px solid #98a2b3; border-radius: 4px; font: 13px monospace; }
.payment-link-status { color: #475467; min-height: 24px; }
.payment-link-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.payment-link-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 8px 12px; border: 1px solid #cdd5df; border-radius: 5px; background: #fff; color: #344054; font: inherit; font-size: 13px; cursor: pointer; }
.payment-link-actions .payment-link-copy { color: #fff; background: #176b50; border-color: #176b50; }
.payment-link-actions .payment-link-copy img { filter: brightness(0) invert(1); }
.payment-link-actions .payment-link-cancel { color: #b42318; }
.payment-link-actions button:disabled { opacity: .5; cursor: wait; }
.payment-link-dialog [hidden] { display: none; }
.orders-table .payment-link-button { margin: 0; white-space: nowrap; }