.pay-callout{border-radius:var(--r-xl, 11px);padding:10px 12px;font-size:13px;line-height:1.45;margin-bottom:12px}.pay-callout--info{border:1px solid rgba(37,99,235,.25);background:#3b82f61a;color:#0f172a}.pay-callout--ok{border:1px solid #86efac;background:#dcfce7;color:#14532d}.pay-callout--warn{border:1px solid rgba(245,158,11,.5);background:#fffbeb;color:#92400e}.pay-callout--err{border:1px solid var(--ghb-danger-border, #fca5a5);background:var(--ghb-danger-fill, #fee2e2);color:#7f1d1d}.pay-callout--muted{border:1px solid var(--ghb-line-3, #e2e8f0);background:#f8fafc;color:#475569}.pay-duebox{border:1px solid var(--ghb-line-1, #e5e7eb);border-radius:var(--r-xl, 11px);overflow:hidden;margin-bottom:12px}.pay-duebox__row{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;font-size:13px;border-bottom:1px solid #f4f6f7}.pay-duebox__row:last-child{border-bottom:none}.pay-duebox__row--total{background:var(--ghb-navy, #1A3A4A);color:#fff;font-weight:700}.pay-duebox__row--due{background:#fef2f2;font-weight:700;color:var(--ghb-danger-deep, #b91c1c)}.pay-big{font-size:22px;font-weight:800;color:var(--ghb-danger-deep, #b91c1c);text-align:center}.pay-big--ok{color:#047857}.pay-center{text-align:center;padding:18px 8px}.pay-field{margin-bottom:12px}.pay-field>label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--ghb-ink-1, #111827)}.pay-field input,.pay-field select,.pay-field textarea{width:100%;border:1px solid var(--ghb-line-1, #e5e7eb);border-radius:var(--r-sm, 8px);padding:9px 10px;font-size:14px;background:#fff;color:var(--ghb-ink-1, #111827);font-family:inherit}.pay-field input:focus,.pay-field select:focus,.pay-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:var(--ring-blue, 0 0 0 3px rgba(37, 99, 235, .15))}.pay-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-hint{font-size:11.5px;color:var(--ghb-ink-3, #6b7280);margin-top:4px}.pay-err{font-size:12px;color:var(--ghb-danger-deep, #b91c1c);margin-top:4px;font-weight:600}.pay-methods{display:flex;gap:6px;flex-wrap:wrap}.pay-mchip{padding:7px 12px;border-radius:var(--r-pill, 999px);font-size:12.5px;border:1px solid var(--ghb-line-1, #e5e7eb);background:#fff;color:var(--ghb-ink-2, #374151);cursor:pointer;font-family:inherit;transition:all var(--dur-fast, .12s) var(--ease-ui, ease)}.pay-mchip:hover{border-color:var(--ghb-ink-1, #111827);background:var(--ghb-fill-2, #f9fafb)}.pay-mchip--sel{background:var(--ghb-ink-1, #111827);color:#fff;border-color:var(--ghb-ink-1, #111827);font-weight:600}.pay-mchip--sel:hover{background:var(--ghb-ink-1, #111827)}.pay-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}.pay-btn{padding:10px 14px;border-radius:var(--r-xl, 11px);font-size:14px;border:1px solid var(--ghb-line-1, #e5e7eb);background:#fff;color:var(--ghb-ink-1, #111827);font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--dur-med, .15s) var(--ease-ui, ease),opacity var(--dur-med, .15s) var(--ease-ui, ease)}.pay-btn:disabled{opacity:.5;cursor:not-allowed}.pay-btn--primary{background:var(--ghb-navy, #1A3A4A);color:#fff;border-color:var(--ghb-navy, #1A3A4A)}.pay-btn--success{background:var(--ghb-success-deep, #16a34a);color:#fff;border-color:var(--ghb-success-deep, #16a34a)}.pay-btn--dark{background:var(--ghb-ink-1, #111827);color:#fff;border-color:var(--ghb-ink-1, #111827)}.pay-btn--dark:hover:not(:disabled){background:#1f2937}.pay-btn--teal{background:var(--ghb-teal, #3D9BA1);color:#fff;border-color:var(--ghb-teal, #3D9BA1)}.pay-btn--danger-soft{background:var(--ghb-danger-fill, #fee2e2);color:var(--ghb-danger-deep, #b91c1c);border-color:var(--ghb-danger-fill, #fee2e2)}.pay-btn--ghost{background:#fff}.pay-btn--ghost:hover:not(:disabled){background:#0000000a}.pay-btn--block{width:100%}.pay-btn--sm{padding:4px 9px;font-size:12px;border-radius:var(--r-sm, 8px)}.pay-loading{padding:26px 8px;text-align:center;color:var(--ghb-ink-3, #6b7280);font-size:13px}.pay-balline{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;padding:8px 2px}.pay-balline__due{color:var(--ghb-danger-deep, #b91c1c)}.pay-balline__ok{color:#047857}.pay-row{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid var(--ghb-line-1, #e5e7eb);border-radius:var(--r-sm, 8px);padding:6px 10px;margin-bottom:6px;background:#fff;font-size:12px;cursor:pointer;transition:background var(--dur-fast, .12s) var(--ease-ui, ease)}.pay-row:hover{background:var(--ghb-fill-2, #f9fafb)}.pay-row--voided .pay-row__method,.pay-row--voided .pay-row__amt{text-decoration:line-through;opacity:.5}.pay-row__method{font-weight:700}.pay-row__sub{font-size:11px;color:var(--ghb-ink-3, #6b7280)}.pay-row__amt{font-weight:700;white-space:nowrap}.pay-row__amt--neg{color:var(--ghb-danger-bright, #dc2626)}.pay-flags{display:inline-flex;gap:4px;flex-wrap:wrap}.pay-flag{font-size:9.5px;font-weight:700;border-radius:var(--r-pill, 999px);padding:1px 6px}.pay-flag--bd{background:#fef3c7;color:#713f12}.pay-flag--ed{background:var(--ghb-info-fill, #dbeafe);color:var(--ghb-info-text, #1e3a8a)}.pay-flag--vd{background:var(--ghb-line-3, #e2e8f0);color:#475569}.pay-flag--rf{background:#f3e8ff;color:#6b21a8}.pay-flag--wo{background:#ecfdf5;color:#047857}.pay-empty{font-size:12px;color:var(--ghb-ink-3, #6b7280);padding:6px 2px}