/* Connected payment and onboarding surfaces, using the core Pragix palette. */
body,button,input,select,textarea,.h1,.page-title,.brand-name,.card-title,.stat-num,.insight-value{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sidebar{overflow-y:auto}.btn:disabled,button:disabled{cursor:wait;opacity:.58;transform:none}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a9d8bf;outline-offset:3px}.content{animation:pragix-enter .2s ease-out}.nav-btn{min-height:41px}.table td{line-height:1.5}.modal{max-height:90vh;overflow-y:auto}.modal-error{line-height:1.5}.invoice-summary{background:#f5f8f6;border:1px solid #e0e9e3;border-radius:14px;padding:16px}.pay-invoice-actions{flex-wrap:wrap;justify-content:flex-start!important;gap:8px}.pay-sandbox{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#fff7e5,#fffcf5);border:1px solid #efe2bd;border-radius:16px;padding:17px 19px;margin-bottom:20px;color:#695324}.pay-sandbox-mark{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:12px;background:#f5e4b6;font-size:11px;letter-spacing:.07em;font-weight:800}.pay-sandbox>div{flex:1}.pay-sandbox strong{font-size:13px}.pay-sandbox p{font-size:11px;margin:4px 0 0;line-height:1.6;color:#867143}.pay-sandbox.compact{font-size:11px;padding:12px 14px;margin:18px 0}.pay-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}.pay-metric{background:#fff;border:1px solid #e2e9e5;border-radius:17px;padding:19px 21px;box-shadow:0 3px 10px #173d3403;min-height:125px}.pay-metric>div{color:#728078;font-size:11px;font-weight:600}.pay-metric strong{display:block;font-size:27px;letter-spacing:-.9px;font-weight:750;margin:12px 0 7px;overflow-wrap:anywhere;line-height:1.15}.pay-metric small{color:#8b9890;font-size:10px}.pay-metric.featured{background:linear-gradient(130deg,#174f40,#21705b);border-color:#1b5b48;color:white;position:relative;overflow:hidden}.pay-metric.featured:after{content:'';position:absolute;height:145px;width:145px;right:-48px;top:-60px;border:25px solid #ffffff07;border-radius:50%;pointer-events:none}.pay-metric.featured>div,.pay-metric.featured small{color:#cee4d7}.pay-connection{display:flex;align-items:center;gap:11px;margin:4px 1px 21px;min-width:0}.pay-connection-dot{width:9px;height:9px;border-radius:50%;background:#c2cbbf;box-shadow:0 0 0 4px #e9eee7;flex:none}.pay-connection-dot.connected{background:#4a9872;box-shadow:0 0 0 4px #e2f1e6}.pay-connection>div{flex:1}.pay-connection strong{font-size:11px;display:block}.pay-connection span:not(.pay-connection-dot):not(.pay-manual-note){font-size:10px;color:#87938b;display:block;margin-top:3px;line-height:1.5}.pay-manual-note{text-align:right;font-size:10px;color:#6c7c72;white-space:nowrap}.pay-manual-note strong{display:inline;font-weight:750}.pay-manual-note small{display:block;color:#93a096;margin-top:3px}.pay-table-card{padding:0;overflow:hidden;box-shadow:0 6px 26px #1c3e3004}.pay-tabs{display:flex;gap:5px;padding:0 17px;border-bottom:1px solid #e9eeea;overflow-x:auto;scrollbar-width:thin}.pay-tabs button{background:none;border:0;color:#89958d;white-space:nowrap;font-size:12px;font-weight:650;padding:18px 14px;position:relative;transition:color .15s}.pay-tabs button:hover{color:#176b58}.pay-tabs button.active{color:#176b58}.pay-tabs button.active:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:3px;background:#176b58;border-radius:3px 3px 0 0}.pay-tools{display:flex;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid #eef1ee}.pay-search{display:flex;gap:9px;align-items:center;background:#f9fbf9;border:1px solid #e3eae4;border-radius:10px;padding:0 12px;height:39px;max-width:370px;flex:1;min-width:140px}.pay-search span{font-size:23px;line-height:1;color:#8a9a8e}.pay-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:11px;color:#273f32}.pay-search:focus-within{border-color:#81ae94;box-shadow:0 0 0 3px #e8f3eb}.pay-tools select{border:1px solid #e3eae4;background:white;border-radius:9px;height:39px;padding:0 10px;font-size:11px;color:#5f7465;max-width:180px}.pay-tools>span{margin-left:auto;font-size:10px;color:#95a197;white-space:nowrap}.pay-table{min-width:790px}.pay-table th{padding:13px 16px;background:#fcfdfb;font-size:9px;color:#8c9b91}.pay-table td{padding:15px 16px;font-size:11px;vertical-align:middle}.pay-table tbody tr{transition:background .15s}.pay-table tbody tr:hover{background:#fbfdfb}.pay-table td strong{display:block;font-size:11px;color:#334b3b}.pay-table td small{display:block;font-size:9px;color:#91a092;margin-top:4px;line-height:1.5}.pay-table code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#697e6e;overflow-wrap:anywhere}.pay-table .pay-amount{font-weight:750;color:#2e4736;white-space:nowrap}.pay-checkout-link{display:block;font-size:10px;color:#247f5a;margin-top:5px;text-decoration:none}.pay-checkout-link:hover{text-decoration:underline}.pay-row-actions{display:flex;align-items:center;gap:4px}.pay-status{font-size:9px;font-weight:700;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;white-space:nowrap;background:#f0f3ee;color:#778675}.pay-status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.pay-captured,.pay-paid,.pay-processed,.pay-sent{color:#347950;background:#eaf5e9}.pay-failed{color:#b6514c;background:#fff0ec}.pay-pending,.pay-authorized,.pay-created,.pay-processing,.pay-queued,.pay-partially-paid{color:#a57b29;background:#fbf3df}.pay-refunded,.pay-partially-refunded{color:#7461a6;background:#f0edf9}.pay-unknown{color:#a66a2c;background:#fdf1e1}.pay-empty{text-align:center;padding:43px 24px 47px;max-width:700px;margin:auto}.pay-empty-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 15px;border-radius:14px;color:#77937e;background:#eff5ed;font-size:22px}.pay-empty h2,.pay-empty h3{font-size:15px;margin:0 0 8px;font-weight:700;letter-spacing:-.2px}.pay-empty p{color:#8c9a8e;font-size:11px;line-height:1.8;max-width:440px;margin:0 auto 17px}.pay-loading{min-height:270px;display:flex;align-items:center;justify-content:center;gap:12px;color:#7a8c7f;font-size:12px}.pay-loading i{width:19px;height:19px;border-radius:50%;border:2px solid #dce9df;border-top-color:#3d8561;animation:pragix-spin .7s linear infinite}.pay-footnote{font-size:10px;color:#94a095;line-height:1.8;margin-top:15px}.pay-delivery{padding:14px 18px;background:#f6f8f3;border-bottom:1px solid #e6ebe0;display:grid;gap:4px}.pay-delivery strong{font-size:11px;color:#61764e}.pay-delivery span{font-size:10px;color:#8a9980;line-height:1.6}.pay-overdue{color:#c16a50!important}.pay-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;background:#f8faf7;border:1px solid #e4ece1;border-radius:13px;padding:18px}.pay-detail-grid>div>span:first-child{font-size:10px;color:#92a08b;display:block;margin-bottom:6px}.pay-detail-grid strong{font-size:12px;color:#3c523b;display:block;overflow-wrap:anywhere}.pay-form-total{display:grid;gap:7px;background:#f2f7ef;border:1px solid #e1eadc;border-radius:13px;text-align:center;padding:20px;margin-bottom:19px}.pay-form-total>span{font-size:11px;color:#87987e}.pay-form-total strong{font-size:28px;letter-spacing:-.9px;color:#294a33}.pay-form-total small{font-size:9px;color:#91a286}.pay-code-input{display:block;width:100%;font:11px ui-monospace,SFMono-Regular,monospace;border:1px solid #dfe8d9;background:#f7faf4;border-radius:9px;padding:12px;color:#627b54;outline:none}.pay-setup-intro{display:flex;gap:14px;margin-bottom:14px}.pay-provider-logo{display:grid;place-items:center;background:#ecf0ff;color:#5364ab;border-radius:12px;height:43px;width:43px;flex:none;font-weight:800;font-style:italic;font-size:23px}.pay-setup-intro strong{font-size:13px}.pay-setup-intro p,.pay-webhook-guide p,.pay-config-summary p{font-size:11px;color:#899582;line-height:1.7;margin:5px 0}.pay-webhook-guide,.pay-config-summary{margin-top:20px;padding-top:16px;border-top:1px solid #e6ecdf}.pay-webhook-guide h3,.pay-section-title{font-size:12px;margin:0 0 9px}.pay-config-summary strong{font-size:12px;color:#3d8053}.status.partially-paid{background:#fbf1dc;color:#a67a2a}.status.refunded{background:#f0edf8;color:#7867a0}.status.manual-entry{background:#f0f2ef;color:#7a8575}.onboarding-hero{background:linear-gradient(120deg,#174d3e,#2b7157);border-radius:19px;padding:26px;color:white;display:flex;gap:25px;align-items:center;margin-bottom:21px;position:relative;overflow:hidden}.onboarding-hero h2{font-size:21px;letter-spacing:-.6px;margin:5px 0 7px}.onboarding-hero p{max-width:560px;font-size:12px;color:#c9e1cc;line-height:1.8;margin:0}.onboarding-hero .eyebrow{color:#a8d3b3}.onboarding-progress{margin-left:auto;flex:none;width:74px;height:74px;border:5px solid #7da98b55;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:750}.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.onboarding-step{background:white;border:1px solid #e1e9df;border-radius:16px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;transition:box-shadow .2s,transform .2s}.onboarding-step:hover{box-shadow:0 8px 25px #21482709;transform:translateY(-2px)}.onboarding-step .step-number{height:31px;width:31px;display:grid;place-items:center;border-radius:10px;background:#eef4e9;color:#718c5d;font-weight:750;font-size:11px}.onboarding-step.complete .step-number{background:#dfefdb;color:#4d8542}.onboarding-step h3{font-size:14px;margin:3px 0 0;letter-spacing:-.15px}.onboarding-step p{font-size:11px;line-height:1.8;color:#93a087;margin:0 0 6px;max-width:360px}.onboarding-step .btn{margin-top:auto}.setup-teaser{display:flex;gap:14px;align-items:center;border:1px solid #d5e6d1;background:#f1f8ed;border-radius:14px;padding:17px 19px;margin-bottom:20px}.setup-teaser>div{flex:1}.setup-teaser strong{font-size:12px;color:#4f7244}.setup-teaser p{margin:4px 0 0;color:#88a07b;font-size:10px}.field input,.field select,.field textarea{font-size:12px}.field label{font-size:11px}.field-help{font-size:10px;line-height:1.7}.checkline{font-size:11px;line-height:1.6}.checkline input{accent-color:#176b58;flex:none}.form-actions{gap:8px}.modal-title{letter-spacing:-.4px}.lp-hero{animation:pragix-enter .35s ease-out}.auth-btn{transition:transform .18s,box-shadow .18s,background .18s}.auth-btn:hover{transform:translateY(-1px)}
@keyframes pragix-enter{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pragix-spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.pay-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.pay-metric{padding:19px 15px}.pay-metric strong{font-size:24px}}
@media(max-width:1100px){.pay-metric strong{font-size:24px}.pay-metric{padding:18px 15px}.pay-sandbox{align-items:flex-start}.pay-sandbox>.btn{align-self:center}.pay-manual-note{display:none}}
@media(max-width:760px){.pay-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pay-metric{min-height:115px;padding:15px}.pay-metric strong{font-size:24px}.pay-sandbox{gap:10px;flex-wrap:wrap;padding:15px}.pay-sandbox-mark{width:34px;height:34px;font-size:9px;border-radius:9px}.pay-sandbox>div{min-width:180px}.pay-sandbox>.btn{margin-left:44px}.pay-sandbox strong{font-size:12px}.pay-sandbox p{font-size:10px}.pay-tools{padding:13px;flex-wrap:wrap;gap:8px}.pay-search{max-width:none;height:42px}.pay-tools select{height:42px;max-width:150px}.pay-tools>span{width:100%;text-align:right;font-size:9px}.pay-tabs{padding:0 8px}.pay-tabs button{padding:17px 10px;font-size:11px}.pay-connection{align-items:flex-start;padding:0 3px}.pay-connection-dot{margin-top:4px}.pay-connection strong{font-size:11px}.pay-detail-grid{gap:15px;padding:14px}.pay-invoice-actions .btn{flex:1}.btn:not(.btn-sm){min-height:40px}.onboarding-hero{padding:22px;gap:14px}.onboarding-hero h2{font-size:19px}.onboarding-progress{width:58px;height:58px;font-size:15px}.onboarding-grid{gap:10px}.onboarding-step{padding:18px}.onboarding-step h3{font-size:13px}.onboarding-step p{font-size:10px}.setup-teaser{align-items:flex-start;padding:14px}.setup-teaser .btn{font-size:10px}.modal .form-actions{flex-wrap:wrap}.modal .form-actions .btn{min-height:41px}}
@media(max-width:430px){.onboarding-grid{grid-template-columns:1fr}.onboarding-hero{align-items:flex-start}.onboarding-progress{margin-top:8px;width:48px;height:48px;font-size:13px;border-width:4px}.pay-metric strong{font-size:21px}.pay-tools select{max-width:130px;font-size:10px}.pay-search input{font-size:10px}.pay-sandbox>div{min-width:160px}.head-actions{flex-wrap:wrap}.pay-detail-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}