.p-badge.p-pay-failed{background:#ffebe9;color:#922f37}.p-badge.p-pay-requested{background:#e9eeff;color:#294fa4}.p-badge.p-pay-reviewing{background:#fff2cf;color:#79500a}
.p-pay-bell{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;background:#f0f4ff;color:#3155ac;border:1px solid #d1ddf4;border-radius:12px;cursor:pointer}.p-pay-bell svg{width:23px;height:23px}.p-pay-bell [data-payment-count]{position:absolute;right:-5px;top:-5px;min-width:21px;padding:1px 4px;line-height:20px;text-align:center;font-size:16px;font-weight:700;color:#fff;background:#a72a40;border-radius:10px}.p-pay-bell [hidden]{display:none}.p-pay-bell:focus-visible{outline:3px solid #3661ff;outline-offset:3px}
.p-pay-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;background:#fff5ef;border:1px solid #f0cbb8;border-radius:14px;margin-bottom:22px;color:#623c31}.p-pay-banner strong{font-size:18px}.p-pay-banner p{margin:5px 0 0;font-size:16px;color:#69493b}.p-pay-banner .p-button{flex:none;white-space:normal}
.p-pay-callout{padding:18px 20px;border:1px solid #bfcff4;border-radius:12px;background:#f0f5ff;color:#24456e;margin:20px 0}.p-pay-callout.failed{background:#fff3f0;border-color:#edc6c5;color:#7e343b}.p-pay-callout p{font-size:16px;line-height:1.7;margin-top:7px}.p-pay-callout small{display:block;font-size:16px;margin-top:6px}
.p-button.p-pay-danger{color:#963642;border-color:#e9b6bd;background:#fff0f1}.p-button.p-pay-danger:hover{background:#ffe3e6}.p-pay-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.p-pay-steps span{padding:7px 10px;border:1px solid #d2def1;border-radius:8px;color:#3c5877;background:#f6f8fd;font-size:16px}.p-pay-steps .done{background:#e9f7f1;color:#146249;border-color:#a8d9c7}.p-pay-result{background:#f2f6ff;border:1px solid #c5d6ee;border-radius:14px;text-align:center;padding:24px 20px;color:#203f62}.p-pay-result>span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e1e9ff;color:#3655b2;font-size:30px;margin-bottom:12px}.p-pay-result.confirmed{background:#edf9f2;color:#156044;border-color:#bad9c8}.p-pay-result h3{font-size:23px;line-height:1.3;margin:0 0 12px}.p-pay-result p{font-size:17px;line-height:1.7;margin:0}.p-pay-invoice-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0;padding:14px 0;border-bottom:1px solid #d2def1;color:#193752;overflow-wrap:anywhere}.p-pay-explanation{font-size:16px!important;color:#3e5874;line-height:1.7;margin:18px 0}.p-pay-explanation~.p-button{width:100%;white-space:normal}.p-pay-notices{display:grid;gap:10px}.p-pay-notices article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px;border:1px solid #d1dff2;border-radius:12px;background:#f8fbff;color:#193752}.p-pay-notices p{font-size:16px;line-height:1.6;margin:4px 0}.p-pay-notices small,.p-pay-notification-setting small{font-size:16px;color:#3e5874;line-height:1.7}.p-pay-notices .p-button{flex:none}.p-pay-empty{padding:20px 0;color:#3b5775;line-height:1.7}.p-pay-notification-setting{border-top:1px solid #d2def1;margin-top:20px;padding-top:18px;display:grid;gap:12px;color:#3b5775}.p-pay-notification-setting p{font-size:16px;line-height:1.7;margin:0}.p-pay-notification-setting .p-button{justify-self:start;white-space:normal}
@media(max-width:600px){.p-pay-banner{padding:14px;align-items:flex-start;flex-wrap:wrap;gap:10px}.p-pay-banner strong{font-size:17px}.p-pay-banner .p-button{padding:10px 14px;min-height:42px}.p-pay-result{padding:20px 14px}.p-pay-result h3{font-size:21px}.p-pay-steps{gap:6px}.p-pay-steps span{padding:6px 8px}.p-pay-notices article{display:grid;grid-template-columns:minmax(0,1fr);padding:14px;gap:9px}.p-pay-notices .p-button{justify-self:start}.p-pay-invoice-line{flex-wrap:wrap}.p-pay-callout{padding:14px}.p-topbar .p-pay-bell{width:40px;height:40px;border-radius:10px}.p-topbar-actions{gap:7px!important}}
@media print{.p-pay-bell,.p-pay-banner,.p-pay-callout,.p-pay-notification-setting{display:none!important}}