.kp5-backdrop{position:fixed;inset:0;z-index:100500;background:rgba(4,17,13,.76);display:grid;place-items:center;padding:16px;backdrop-filter:blur(5px)}
.kp5-dialog{width:min(760px,100%);max-height:min(92vh,900px);overflow:auto;background:#fffdf7;color:#18352b;border:1px solid #d9bd67;border-radius:20px;box-shadow:0 24px 80px #0007}
.kp5-dialog>header{position:sticky;top:0;z-index:2;background:#0a2f23;color:#f8e4a5;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-radius:19px 19px 0 0}
.kp5-dialog>header small{font-weight:800;opacity:.8}.kp5-dialog>header h2{margin:4px 0 0;font-size:22px}.kp5-close{border:1px solid #ffffff55;background:transparent;color:#ffe49a;border-radius:50%;width:38px;height:38px;font-size:25px;cursor:pointer}
.kp5-content{padding:18px 20px}.kp5-lead,.kp5-note{color:#52645b;line-height:1.7}.kp5-store{border:1px solid #dfe7df;border-radius:15px;padding:13px;margin:12px 0;background:#fff}
.kp5-store h3{margin:0 0 8px;color:#0a2f23}.kp5-line{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center;padding:9px 0;border-top:1px solid #edf0eb}.kp5-line img{width:58px;height:58px;object-fit:cover;border-radius:10px;background:#f1f2ed}.kp5-line div{display:grid;gap:4px}.kp5-line small{color:#65756e}.kp5-line strong{white-space:nowrap;color:#0a2f23}.kp5-store-total,.kp5-grand{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-weight:800}.kp5-store-total{border-top:1px dashed #dfe7df}.kp5-coupon{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#46594f}.kp5-coupon select{max-width:190px;padding:8px;border:1px solid #cbd8cc;border-radius:9px;background:#fff;color:#17392d}.kp5-grand{font-size:18px;border-top:2px solid #d9bd67;color:#0a2f23}.kp5-note{padding:10px 12px;background:#f5f3e9;border-radius:10px;font-size:13px}.kp5-actions{display:flex;flex-wrap:wrap;gap:9px;padding:0 20px 20px}.kp5-primary,.kp5-secondary,.kp5-payment-order button{border:0;border-radius:10px;padding:11px 15px;font-weight:900;cursor:pointer}.kp5-primary{background:#0a2f23;color:#ffe49a}.kp5-secondary{background:#edf2ed;color:#17392d;border:1px solid #cdd8ce}.kp5-primary:disabled,.kp5-secondary:disabled{opacity:.55;cursor:wait}.kp5-state{text-align:center;padding:30px 10px}.kp5-state h3{color:#0a2f23;font-size:22px}.kp5-state p{line-height:1.8;color:#4b5f54}.kp5-payments-list{display:grid;gap:12px}.kp5-payment-card{background:#fff;border:1px solid #dce5dd;border-radius:15px;padding:15px;box-shadow:0 8px 25px #0a2f2309}.kp5-payment-card header{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kp5-payment-card header b{color:#0a2f23;font-size:17px}.kp5-payment-card header span{color:#687970;font-size:12px}.kp5-payment-card header strong{margin-inline-start:auto;color:#88680b}.kp5-payment-total{font-weight:900;font-size:20px;margin:12px 0;color:#0a2f23}.kp5-payment-order{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #edf0eb}.kp5-payment-order button{background:#f5edcf;color:#55430a;border:1px solid #dfc55f}.kp5-payments-list+.customer-pagination{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:15px}
@media(max-width:600px){.kp5-backdrop{padding:7px}.kp5-dialog{max-height:95vh;border-radius:15px}.kp5-dialog>header,.kp5-content{padding:14px}.kp5-dialog>header h2{font-size:19px}.kp5-line{grid-template-columns:48px minmax(0,1fr)}.kp5-line img{width:48px;height:48px}.kp5-line strong{grid-column:2}.kp5-coupon{align-items:flex-start;flex-direction:column}.kp5-coupon select{max-width:100%;width:100%}.kp5-actions{padding:0 14px 14px}.kp5-actions button{flex:1}.kp5-payment-order{align-items:flex-start;flex-direction:column}}
.kp5-test-card{max-width:390px;margin:18px auto;padding:20px 22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0a2f23,#14533b 64%,#0a2f23);box-shadow:0 12px 30px #0a2f2330;border:1px solid #b99b52;display:grid;gap:20px;text-align:left;direction:ltr}
.kp5-test-card-mark{color:#e2c777;font-size:14px;font-weight:800;letter-spacing:.12em;display:flex;justify-content:space-between}
.kp5-test-card-mark span{font-size:10px;letter-spacing:.18em}
.kp5-test-card>strong{font-size:clamp(20px,5vw,26px);letter-spacing:.09em;white-space:nowrap}
.kp5-test-card>div:last-of-type{display:grid;grid-template-columns:auto auto;gap:2px 14px;justify-content:start;align-items:center}
.kp5-test-card>div:last-of-type span{font-size:10px;color:#e5d8b2;text-transform:uppercase}
.kp5-test-card>div:last-of-type b{font-size:13px}
.kp5-test-card>small{font-size:11px;color:#f4e9c7}
@media(max-width:480px){.kp5-test-card{padding:16px;border-radius:14px;gap:16px}.kp5-test-card>strong{letter-spacing:.04em}}


/* KINTO P5 compact store accordion: readable at mobile, tablet, laptop and zoom. */
.kp5-dialog{width:min(900px,100%);max-height:min(90dvh,900px);display:flex;flex-direction:column;overflow:hidden}
.kp5-dialog>header{flex:none;padding:13px 18px}
.kp5-dialog>header h2{font-size:19px}
.kp5-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 18px 8px;font-size:14px}
.kp5-lead{margin:2px 0 10px;font-size:13px;line-height:1.55}
.kp5-store{padding:0;margin:9px 0;border-radius:13px;overflow:hidden}
.kp5-store-details>summary{display:grid;grid-template-columns:minmax(145px,.7fr) minmax(0,1.7fr);grid-template-areas:"head amounts";align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}
.kp5-store-details>summary::-webkit-details-marker{display:none}
.kp5-store-details>summary:after{content:"⌄";grid-area:head;justify-self:end;align-self:start;margin-inline-start:-28px;color:#92751b;font-size:18px;line-height:1;transform:translateX(-2px)}
.kp5-store-details[open]>summary:after{content:"⌃"}
.kp5-store-summary-heading{grid-area:head;display:grid;gap:3px;min-width:0;padding-inline-end:23px}
.kp5-store-name{font-size:15px;font-weight:900;color:#0a2f23;overflow-wrap:anywhere}
.kp5-store-meta{font-size:11px;color:#66766e;line-height:1.35}
.kp5-store-summary-values{grid-area:amounts;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}
.kp5-store-summary-values>span{display:grid;gap:3px;min-width:0}
.kp5-store-summary-values small{font-size:10px;color:#65756e;line-height:1.2}
.kp5-store-summary-values del,.kp5-store-summary-values b,.kp5-store-summary-values strong{font-size:13px;font-weight:900;white-space:nowrap}
.kp5-store-before del{color:#64736c}
.kp5-store-discount b{color:#9a4b28}
.kp5-store-after strong,.kp5-no-coupon strong{color:#0a2f23}
.kp5-no-coupon{grid-template-columns:1fr}
.kp5-store-details-body{padding:0 13px 12px;border-top:1px solid #edf0eb}
.kp5-coupon{margin:9px 0;font-size:13px}
.kp5-coupon select{font-size:13px;min-height:40px}
.kp5-coupon-unavailable{margin:9px 0;font-size:12px}
.kp5-store-lines .kp5-line{grid-template-columns:46px minmax(0,1fr) auto;gap:9px;padding:7px 0}
.kp5-store-lines .kp5-line img{width:46px;height:46px}
.kp5-store-lines .kp5-line b,.kp5-store-lines .kp5-line span,.kp5-store-lines .kp5-line strong{font-size:13px}
.kp5-store-lines .kp5-line small{font-size:11px}
.kp5-checkout-summary{margin:0 0 5px;padding:6px 2px 5px;background:#fffdf7;border-top:1px solid #d9bd67}
.kp5-grand{font-size:15px;gap:9px;padding:8px 0}
.kp5-grand>span,.kp5-grand>strong{font-size:14px}
.kp5-grand-discounted{align-items:center}
.kp5-grand-discounted>span{display:grid;gap:2px}
.kp5-grand-discounted del{font-size:12px;color:#66766e}
.kp5-grand-discounted>strong{color:#0a2f23;text-align:end}
.kp5-discount-summary{margin:0 0 5px;text-align:end;color:#8d4c26;font-size:12px;font-weight:800}
.kp5-checkout-summary .kp5-note{margin:3px 0 0;padding:7px 10px;font-size:11px;line-height:1.45}
.kp5-actions{flex:none;display:block;position:relative;max-height:40dvh;overflow:auto;padding:7px 18px 12px;background:#fffdf7;border-top:1px solid #e6e2d2}
.kp5-actions button{font-size:14px;min-height:44px}
@media(max-width:760px){
 .kp5-backdrop{padding:8px}
 .kp5-dialog{max-height:94dvh;border-radius:15px}
 .kp5-dialog>header{padding:11px 14px}
 .kp5-dialog>header h2{font-size:17px}
 .kp5-content{padding:9px 12px 6px}
 .kp5-store-details>summary{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "amounts";gap:7px;padding:10px 11px}
 .kp5-store-details>summary:after{grid-area:head;justify-self:end;margin-top:1px}
 .kp5-store-summary-heading{padding-inline-end:22px}
 .kp5-store-summary-values{gap:5px}
 .kp5-store-summary-values small{font-size:9px}
 .kp5-store-summary-values del,.kp5-store-summary-values b,.kp5-store-summary-values strong{font-size:12px}
 .kp5-store-details-body{padding:0 10px 9px}
 .kp5-store-lines .kp5-line{grid-template-columns:40px minmax(0,1fr) auto;gap:7px}
 .kp5-store-lines .kp5-line img{width:40px;height:40px}
 .kp5-store-lines .kp5-line b,.kp5-store-lines .kp5-line span,.kp5-store-lines .kp5-line strong{font-size:12px}
 .kp5-grand{align-items:flex-start}
 .kp5-grand>span,.kp5-grand>strong{font-size:12px}
 .kp5-actions{padding:8px 12px 11px;gap:7px}
 .kp5-actions button{flex:1;min-width:132px;font-size:13px}
}
@media(max-width:420px){
 .kp5-store-summary-values{gap:3px}
 .kp5-store-summary-values small{font-size:8px}
 .kp5-store-summary-values del,.kp5-store-summary-values b,.kp5-store-summary-values strong{font-size:11px}
 .kp5-grand{display:grid;grid-template-columns:1fr;gap:3px}
 .kp5-grand-discounted>strong{text-align:start}
}
@media(min-width:1000px){
 .kp5-content{padding-inline:22px}
 .kp5-store-details>summary{padding:13px 17px}
}

.kp5-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.kp5-action-buttons button{flex:1;min-width:170px}
@media(max-width:760px){.kp5-actions{padding:6px 12px 9px}.kp5-action-buttons{gap:6px}.kp5-action-buttons button{min-width:130px}}
/* Compact customer payments: native expandable summaries preserve original invoice actions. */
.kp5-payment-card.kp5-payment-compact{padding:0;overflow:hidden}
.kp5-payment-summary{display:flex;align-items:center;gap:12px;padding:12px 15px;cursor:pointer;list-style:none;flex-wrap:wrap}
.kp5-payment-summary::-webkit-details-marker{display:none}
.kp5-payment-summary:focus-visible{outline:2px solid #b89c48;outline-offset:-3px}
.kp5-payment-identity{display:grid;gap:3px;min-width:145px}
.kp5-payment-identity b{font-size:14px;color:#0a2f23;direction:ltr;text-align:start}
.kp5-payment-identity small,.kp5-payment-count{font-size:11px;color:#5e7166}
.kp5-payment-amount{font-size:14px;font-weight:900;color:#0a2f23;direction:ltr}
.kp5-payment-status{font-size:11px;color:#176e49;font-weight:800}
.kp5-payment-count{margin-inline-start:auto}
.kp5-payment-expand{font-size:22px;color:#80672e;transition:transform .15s}
.kp5-payment-compact[open] .kp5-payment-expand{transform:rotate(180deg)}
.kp5-payment-details{padding:4px 15px 12px;border-top:1px solid #e8eee9}
@media(max-width:600px){.kp5-payment-summary{gap:6px 12px;padding:11px}.kp5-payment-identity{min-width:120px}.kp5-payment-amount{margin-inline-start:auto}.kp5-payment-count{margin-inline-start:0}.kp5-payment-expand{margin-inline-start:auto}.kp5-payment-details{padding:4px 11px 11px}}


/* KP row: horizontal on wide screens; compact, readable wrap on phones. */
.kp5-payment-summary{display:grid;grid-template-columns:minmax(125px,1fr) minmax(100px,.8fr) auto minmax(150px,1.2fr) auto;gap:10px;align-items:center;flex-wrap:initial;padding:10px 13px}.kp5-payment-identity{min-width:0}.kp5-payment-identity small{font-size:9px;color:#697970}.kp5-payment-identity b{font-size:13px}.kp5-payment-date{font-size:10px;color:#66766e;white-space:nowrap}.kp5-payment-status{padding:5px 8px;border-radius:999px;background:#f6f0d9;color:#79600c;white-space:nowrap}.kp5-payment-status.is-paid{background:#e8f4eb;color:#17633e}.kp5-payment-status.is-closed{background:#f8e8e6;color:#9a3f32}.kp5-payment-status.is-pending{background:#f6f0d9;color:#79600c}.kp5-payment-amount{display:grid;gap:2px;min-width:0;text-align:start}.kp5-payment-amount small{font-size:9px;color:#697970;font-weight:600;direction:rtl}.kp5-payment-amount del{font-size:10px;color:#758078;font-weight:500}.kp5-payment-amount b{font-size:14px;color:#0a2f23;white-space:nowrap}.kp5-payment-amount em{font-size:9px;color:#9a4b28;font-style:normal}.kp5-payment-count{display:flex;align-items:center;gap:6px;margin:0;white-space:nowrap;font-size:10px}.kp5-payment-count:after{content:"⌄";font-size:15px;color:#80672e}.kp5-payment-compact[open] .kp5-payment-count:after{content:"⌃"}.kp5-payment-breakdown{display:flex;flex-wrap:wrap;gap:6px 14px;padding:5px 0;color:#66766e;font-size:10px}.kp5-payment-breakdown span{display:flex;gap:5px;align-items:center}.kp5-payment-breakdown b,.kp5-payment-breakdown strong{color:#0a2f23}.kp5-payment-orders{display:grid;gap:4px}.kp5-payment-details .kp5-payment-order{padding:5px 0;font-size:11px}.kp5-payment-details .kp5-payment-order button{padding:4px 8px;font-size:10px}.kp5-payment-details .kp5-payment-order button small{font-size:9px}
@media(max-width:760px){.kp5-payment-summary{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:'identity status amount' 'date count .';gap:6px 8px;padding:9px 10px}.kp5-payment-identity{grid-area:identity}.kp5-payment-date{grid-area:date}.kp5-payment-status{grid-area:status;justify-self:center;font-size:10px;padding:4px 6px}.kp5-payment-amount{grid-area:amount;justify-self:end;text-align:end}.kp5-payment-count{grid-area:count}.kp5-payment-amount b{font-size:13px}.kp5-payment-identity b{font-size:12px}.kp5-payment-details{padding:5px 10px 9px}}
@media(max-width:420px){.kp5-payment-summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'identity status' 'amount amount' 'date count';gap:5px 8px;padding:8px}.kp5-payment-status{justify-self:end}.kp5-payment-amount{justify-self:start;text-align:start}.kp5-payment-amount b{font-size:13px}}