/* HaeAe Commercial OS V5.0 · payment, credential and interaction layer */
:root{--v5-ink:#031017;--v5-ocean:#062b35;--v5-mint:#8ff7df;--v5-cyan:#51d6d2;--v5-gold:#d7bb78;--v5-paper:#f3f5f1;--v5-line:rgba(8,44,53,.14)}
.commerce-wave-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.95}.commerce-wave-canvas--fixed{position:fixed;z-index:0;opacity:.7}.purchase-page--v5,.pay-page,.order-query-page{min-height:100vh;background:#edf2ef;color:#071c22}.purchase-page--v5{position:relative;overflow:hidden}.purchase-page--v5:before,.pay-page:before,.order-query-page:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(6,46,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,46,55,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 82%)}
.purchase-hero--v5{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(83,226,211,.2),transparent 38%),linear-gradient(130deg,#021117 0%,#06353c 55%,#092229 100%);color:white;min-height:520px;padding:142px max(5vw,32px) 84px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:70px;align-items:end}.purchase-hero--v5:after{content:"";position:absolute;z-index:0;inset:auto -9% -45% 38%;height:620px;border:1px solid rgba(137,255,232,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(137,255,232,.025),0 0 0 150px rgba(137,255,232,.018);transform:rotate(-14deg)}.purchase-hero--v5>div,.purchase-hero--v5>aside{position:relative;z-index:2}.purchase-hero--v5 h1{margin:.18em 0 .35em;max-width:860px;font-size:clamp(44px,6vw,92px);line-height:.92;letter-spacing:-.06em;font-weight:560}.purchase-hero--v5>div>p:not(.purchase-eyebrow){max-width:760px;color:rgba(234,255,250,.7);font-size:17px;line-height:1.9}.purchase-hero--v5 aside{padding:26px;border:1px solid rgba(255,255,255,.16);background:rgba(2,20,25,.42);backdrop-filter:blur(24px);box-shadow:0 26px 90px rgba(0,0,0,.22)}.purchase-hero--v5 aside>span{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;color:var(--v5-mint)}.purchase-hero--v5 aside p{color:rgba(255,255,255,.72);line-height:1.8}.purchase-hero--v5 aside a{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:5px}.purchase-flow{display:flex;align-items:center;gap:12px;margin-top:34px;max-width:620px}.purchase-flow span{font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.4);white-space:nowrap}.purchase-flow span.active{color:var(--v5-mint)}.purchase-flow i{height:1px;flex:1;background:linear-gradient(90deg,rgba(143,247,223,.75),rgba(255,255,255,.12))}
.purchase-complete-shell--v5{position:relative;z-index:2;margin-top:-46px}.purchase-complete-shell--v5 .purchase-order-panel{box-shadow:0 36px 100px rgba(4,33,40,.12)}.checkout-consent{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;background:rgba(7,66,73,.055);border:1px solid rgba(7,66,73,.1);font-size:13px;line-height:1.7}.checkout-consent input{margin-top:4px;accent-color:#087a76}.purchase-submit svg{transition:transform .25s ease}.purchase-submit:hover svg{transform:translateX(5px)}.purchase-contact-card--secure{background:linear-gradient(145deg,#05282f,#073c42)!important;color:white!important;position:relative;overflow:hidden}.purchase-contact-card--secure:after{content:"";position:absolute;inset:auto -100px -120px auto;width:260px;height:260px;border:1px solid rgba(143,247,223,.15);border-radius:50%;box-shadow:0 0 0 45px rgba(143,247,223,.025)}.purchase-contact-card--secure h2,.purchase-contact-card--secure p{color:white!important}.purchase-contact-card--secure ol{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:16px;position:relative;z-index:1}.purchase-contact-card--secure li{display:flex;align-items:center;gap:14px}.purchase-contact-card--secure li span{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(143,247,223,.25);border-radius:50%;font-size:10px;color:var(--v5-mint)}.purchase-contact-card--secure li p{margin:0;color:rgba(255,255,255,.68)!important;font-size:13px}.purchase-query-link{display:flex!important;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:13px!important;background:#073d43!important;color:white!important;text-decoration:none!important}
/* payment */
.pay-page{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 48% 20%,rgba(36,171,166,.19),transparent 31%),linear-gradient(150deg,#020d13 0%,#052b34 48%,#02151c 100%);color:white;padding-bottom:70px}.pay-page:before{opacity:.45}.pay-header{position:relative;z-index:3;height:94px;padding:0 max(4.5vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(1,15,20,.42);backdrop-filter:blur(22px)}.pay-header img{width:118px;max-height:40px;object-fit:contain}.pay-header>span{font-size:10px;letter-spacing:.27em;color:rgba(255,255,255,.48)}.pay-header>a:last-child{color:white;text-decoration:none;font-size:13px;border:1px solid rgba(255,255,255,.18);padding:10px 16px}.pay-loading,.pay-root{position:relative;z-index:2;min-height:calc(100vh - 94px);display:grid;place-items:center;padding:70px max(4vw,24px)}.pay-loading{align-content:center;color:rgba(255,255,255,.66);gap:12px}.pay-loading svg{animation:v5spin 1.6s linear infinite}.pay-shell{width:min(1200px,100%);display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,.62fr);gap:20px;align-items:start}.pay-main-card,.pay-summary-card{border:1px solid rgba(255,255,255,.12);background:rgba(4,26,32,.67);backdrop-filter:blur(30px);box-shadow:0 35px 120px rgba(0,0,0,.26)}.pay-main-card{padding:42px}.pay-summary-card{padding:32px;position:sticky;top:114px}.pay-progress{display:flex;align-items:center;gap:10px;margin-bottom:42px}.pay-progress span{font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.3);white-space:nowrap}.pay-progress span.active{color:white}.pay-progress span.done{color:var(--v5-mint)}.pay-progress i{height:1px;flex:1;background:rgba(255,255,255,.1)}.pay-state{display:flex;align-items:flex-start;gap:18px}.pay-state-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:var(--v5-mint);background:rgba(143,247,223,.08);border:1px solid rgba(143,247,223,.22);box-shadow:0 0 50px rgba(81,214,210,.09)}.pay-state p{margin:0 0 7px;color:rgba(255,255,255,.38);font-size:10px;letter-spacing:.15em}.pay-state h1{margin:0;font-size:clamp(30px,4vw,52px);font-weight:500;letter-spacing:-.04em}.pay-state>div>span{display:block;margin-top:10px;color:rgba(255,255,255,.55);font-size:14px;line-height:1.7}.pay-qr-stage{margin:38px 0 26px;display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center;padding:30px;background:rgba(0,0,0,.17);border:1px solid rgba(255,255,255,.09)}.pay-qr-frame{position:relative;width:250px;height:250px;padding:16px;background:white;display:grid;place-items:center;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.32)}.pay-qr-frame img,.pay-qr-frame svg{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.pay-qr-scanline{position:absolute;left:12px;right:12px;top:12px;height:2px;background:linear-gradient(90deg,transparent,#31c787,transparent);box-shadow:0 0 14px #31c787;animation:qrscan 2.5s ease-in-out infinite}.pay-amount>span{display:block;color:rgba(255,255,255,.45);font-size:12px}.pay-amount strong{display:block;margin:8px 0;font-size:clamp(40px,6vw,72px);font-weight:500;letter-spacing:-.06em;color:white}.pay-amount small{color:var(--v5-mint);letter-spacing:.08em}.pay-no-qr{color:#0b3036;text-align:center;display:grid;place-items:center;gap:8px;padding:16px}.pay-no-qr span{font-size:12px;color:#527077}.pay-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.pay-actions button,.pay-actions a{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055);color:white;padding:12px 15px;font:inherit;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.pay-actions span{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--v5-mint);font-size:12px}.payment-proof-form{margin-top:30px;border-top:1px solid rgba(255,255,255,.1);padding-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-proof-form>div{grid-column:1/-1}.payment-proof-form p{margin:0 0 4px;font-weight:600}.payment-proof-form>div>span{color:rgba(255,255,255,.5);font-size:12px;line-height:1.6}.payment-proof-form label{display:grid;gap:8px;color:rgba(255,255,255,.52);font-size:11px}.payment-proof-form input{height:46px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:white;padding:0 13px}.proof-upload{position:relative;height:46px;padding:0 13px;border:1px dashed rgba(143,247,223,.28);display:flex!important;align-items:center;justify-content:center;cursor:pointer}.proof-upload input{position:absolute;opacity:0;inset:0;width:100%;cursor:pointer}.proof-upload>span{display:flex;align-items:center;gap:7px;color:var(--v5-mint)}.proof-upload small{position:absolute;top:50px;left:0;color:rgba(255,255,255,.35)}.payment-proof-form>button{grid-column:1/-1;margin-top:20px;height:50px;border:0;background:var(--v5-mint);color:#05292d;font-weight:700;cursor:pointer}.payment-proof-form>button:disabled{opacity:.5}.proof-error{grid-column:1/-1;color:#ff9e9e!important;font-size:12px}.pay-summary-card>p{margin:0;color:var(--v5-mint);font-size:10px;letter-spacing:.18em}.pay-summary-card h2{font-size:27px;font-weight:500}.pay-summary-card dl{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.1)}.pay-summary-card dl div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.075)}.pay-summary-card dt{color:rgba(255,255,255,.38);font-size:12px}.pay-summary-card dd{margin:0;text-align:right;font-size:12px;max-width:190px}.pay-support{margin-top:24px;padding:18px;background:rgba(143,247,223,.055);display:grid;gap:6px}.pay-support strong{color:var(--v5-mint);margin-bottom:3px}.pay-support span{font-size:11px;color:rgba(255,255,255,.55)}.pay-security-note{display:flex;align-items:flex-start;gap:8px;color:rgba(255,255,255,.34);font-size:10px;line-height:1.7;margin-top:18px}.pay-security-note svg{flex:0 0 auto;margin-top:2px}.credential-reveal{margin:42px 0 10px;padding:40px;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(143,247,223,.14),transparent 50%),rgba(0,0,0,.18);border:1px solid rgba(143,247,223,.22);position:relative;overflow:hidden}.credential-reveal:before,.credential-reveal:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(143,247,223,.12);border-radius:50%}.credential-reveal:before{left:-80px;top:-80px}.credential-reveal:after{right:-80px;bottom:-80px}.credential-reveal p{font-size:10px;letter-spacing:.24em;color:var(--v5-mint)}.credential-reveal strong{display:block;margin:22px auto 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(22px,4vw,38px);letter-spacing:.1em;word-break:break-all}.credential-reveal>span{color:rgba(255,255,255,.48);font-size:12px}.credential-reveal>div{display:flex;justify-content:center;gap:10px;margin-top:26px}.credential-reveal a,.credential-reveal button{position:relative;z-index:2;padding:13px 18px;border:1px solid rgba(255,255,255,.15);background:white;color:#05242a;text-decoration:none;font:inherit;font-size:12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.credential-reveal button{background:transparent;color:white}.pay-inactive{margin-top:26px;padding:22px;border:1px solid rgba(255,160,160,.18);background:rgba(110,20,20,.12)}.pay-inactive a{display:inline-block;margin-top:10px;color:white}.pay-error{width:min(520px,90vw);text-align:center;padding:48px;border:1px solid rgba(255,255,255,.12);background:rgba(4,24,30,.7)}.pay-error a{display:inline-block;margin-top:20px;padding:12px 17px;background:white;color:#05242a;text-decoration:none}
/* order query and receipt */
.order-query-page{background:#eef2ef}.order-query-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(130deg,#021217,#063b42 62%,#082a31);color:white;padding:150px 0 90px}.order-query-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(143,247,223,.12);border-radius:50%;right:-160px;top:-250px;box-shadow:0 0 0 80px rgba(143,247,223,.018),0 0 0 170px rgba(143,247,223,.014)}.order-query-hero .page-shell{position:relative;z-index:2}.order-query-hero p{font-size:10px;letter-spacing:.22em;color:var(--v5-mint)}.order-query-hero h1{margin:15px 0 17px;font-size:clamp(42px,6vw,82px);letter-spacing:-.06em;font-weight:540}.order-query-hero span{display:block;max-width:720px;color:rgba(255,255,255,.62);line-height:1.85}.order-query-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;padding-top:44px;padding-bottom:90px;align-items:start}.order-query-search{position:sticky;top:100px;padding:26px;background:white;border:1px solid var(--v5-line);box-shadow:0 25px 70px rgba(6,45,51,.08)}.order-query-search form label{display:block;margin-bottom:11px;font-size:11px;color:#47646a}.order-query-search form>div{display:grid;gap:9px}.order-query-search input{height:49px;border:1px solid #ccd9d7;padding:0 13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.order-query-search button{height:47px;border:0;background:#062f37;color:white;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.order-query-error{font-size:11px;color:#a44343}.recent-credentials{margin-top:26px;padding-top:20px;border-top:1px solid #e1e8e5}.recent-credentials>span{font-size:10px;letter-spacing:.13em;color:#729096}.recent-credentials button{width:100%;border:0;background:#f5f7f5;text-align:left;padding:12px;margin-top:8px;cursor:pointer}.recent-credentials strong,.recent-credentials small{display:block}.recent-credentials strong{font-size:12px}.recent-credentials small{margin-top:4px;font-size:9px;color:#688186;word-break:break-all}.order-query-result{min-height:400px}.query-placeholder,.query-loading{min-height:400px;border:1px dashed #b9cbc8;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;color:#71908e}.query-placeholder h2{color:#12353b;margin:15px 0 5px}.query-placeholder p{max-width:480px;line-height:1.8;font-size:13px}.query-placeholder--error{border-color:#dfbdbd;color:#a75454}.query-loading svg{animation:v5spin 1.5s linear infinite}.order-receipt{background:#fbfcf9;border:1px solid #d5dfdc;box-shadow:0 30px 90px rgba(5,42,49,.1);overflow:hidden}.order-receipt>header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #dce5e2}.order-receipt>header>div{display:flex;align-items:center;gap:18px}.order-receipt>header img{width:94px;max-height:34px;object-fit:contain}.order-receipt>header span{font-size:9px;letter-spacing:.18em;color:#668086}.order-receipt>header b{font-size:11px;color:#08756e;background:#dff6ef;padding:8px 12px}.receipt-code{position:relative;text-align:center;padding:54px 140px 40px;background:radial-gradient(circle at 50% 0,rgba(58,175,165,.09),transparent 45%)}.receipt-code p{font-size:10px;letter-spacing:.2em;color:#668287}.receipt-code strong{display:block;margin:16px 0 9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(21px,3vw,34px);letter-spacing:.1em;word-break:break-all;color:#062f37}.receipt-code>span{font-size:10px;color:#789094}.receipt-code #receipt-qr{position:absolute;right:30px;top:30px;width:90px;height:90px}.receipt-code svg{width:100%;height:100%}.order-timeline{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:0 28px;padding:25px 0;border-top:1px solid #e1e8e5;border-bottom:1px solid #e1e8e5}.order-timeline li{display:flex;align-items:center;gap:8px;color:#a0afac;font-size:10px;position:relative}.order-timeline li:not(:last-child):after{content:"";position:absolute;right:7px;width:20%;height:1px;background:#d9e2df}.order-timeline i{display:grid;place-items:center;width:24px;height:24px;border:1px solid #cfdad7;border-radius:50%;font-style:normal;font-size:9px}.order-timeline li.done{color:#08756e}.order-timeline li.done i{background:#08756e;color:white;border-color:#08756e}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 28px}.receipt-grid>section{padding:28px;border-bottom:1px solid #e0e8e5}.receipt-grid>section:nth-child(odd){border-right:1px solid #e0e8e5}.receipt-grid h3{margin:0 0 18px;font-size:11px;letter-spacing:.15em;color:#537077}.receipt-grid dl{margin:0;display:grid;gap:10px}.receipt-grid dl div{display:grid;grid-template-columns:92px 1fr;gap:10px}.receipt-grid dt{font-size:10px;color:#8ca09d}.receipt-grid dd{margin:0;font-size:12px;color:#173940;word-break:break-word}.receipt-grid .receipt-total dd{font-size:18px;color:#08756e;font-weight:700}.order-receipt>footer{padding:25px 28px;background:#eef3ef;display:flex;align-items:center;justify-content:space-between;gap:20px}.order-receipt>footer p{margin:0;max-width:500px;font-size:11px;color:#607a7c;line-height:1.65}.order-receipt>footer>div{display:flex;gap:8px}.order-receipt>footer button{border:1px solid #b9cbc7;background:white;color:#173940;padding:11px 13px;display:flex;align-items:center;gap:6px;cursor:pointer}
/* admin payment */
.payment-gateway-panel{margin-top:20px}.gateway-status{padding:8px 12px;font-size:11px}.gateway-status.ready{background:#dff5e8;color:#197646}.gateway-status.pending{background:#fff4dc;color:#8b661f}.gateway-checklist{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.gateway-checklist span{padding:7px 10px;background:#f0f2f1;color:#8b9794;font-size:10px}.gateway-checklist span.ok{background:#e4f5eb;color:#197646}.gateway-security-note{grid-column:1/-1;display:flex;gap:10px;padding:15px;background:#eef7f4;color:#4d6a67;font-size:11px;line-height:1.7}.gateway-security-note p{margin:0}.payment-admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.payment-admin-metrics article{padding:20px;background:white;border:1px solid rgba(8,44,53,.1)}.payment-admin-metrics span{display:block;font-size:10px;color:#82938f}.payment-admin-metrics strong{display:block;margin-top:8px;font-size:26px;color:#123940}.payment-admin-list{display:grid;gap:12px}.payment-admin-card{border:1px solid #dde5e2;background:#fbfcfb;padding:20px}.payment-admin-card.needs-review{border-left:4px solid #d6a641;background:#fffdf8}.payment-admin-card header{display:flex;justify-content:space-between;gap:20px}.payment-admin-card header span{font-size:9px;color:#79908d}.payment-admin-card h3{margin:5px 0 0;font-size:15px}.payment-admin-card header>strong{font-size:18px;color:#08756e}.payment-admin-status{display:flex;align-items:center;gap:8px;margin:14px 0}.payment-admin-status b,.payment-admin-status em,.payment-admin-status span{font-size:9px;padding:5px 8px;background:#edf2ef;font-style:normal}.payment-admin-status span{display:flex;align-items:center;gap:4px;color:#785d1b;background:#fff1cb}.payment-admin-card dl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0}.payment-admin-card dl div{padding:11px;background:#f2f5f3}.payment-admin-card dt{font-size:9px;color:#889893}.payment-admin-card dd{margin:5px 0 0;font-size:11px;word-break:break-all}.payment-admin-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #e1e8e5}.payment-admin-card footer span{font-size:10px;color:#697e7a}.payment-admin-card footer button{border:0;background:#073d43;color:white;padding:9px 12px;cursor:pointer}.gateway-fallback{font-size:10px;color:#8c651d;background:#fff4d7;padding:8px}.payment-editor-summary{padding:20px;background:#eef4f1}.payment-editor-summary h3{margin:8px 0}.payment-editor-summary>strong{font-size:25px;color:#08756e}.payment-editor-summary p{font-size:11px;color:#67817c}.payment-editor-state{font-size:9px;letter-spacing:.1em;color:#08756e}.payment-review-warning{display:flex;gap:10px;padding:15px;background:#fff5dc;color:#785d1b;font-size:11px;line-height:1.6}.payment-review-warning p{margin:0}.payment-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.credential-admin-box{padding:20px;background:#062f37;color:white;display:grid;gap:7px}.credential-admin-box span{font-size:9px;color:rgba(255,255,255,.45)}.credential-admin-box code{font-size:13px;color:var(--v5-mint);word-break:break-all}.credential-admin-box a{color:white;font-size:11px}.admin-secondary.danger{color:#a94343;border-color:#e3bcbc}
.qr-fallback{font-size:10px;color:#183c42;text-align:center}.qr-fallback code{display:block;margin-top:6px;word-break:break-all}
@keyframes qrscan{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(220px);opacity:1}}@keyframes v5spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.purchase-hero--v5{grid-template-columns:1fr;padding-top:125px}.purchase-hero--v5 aside{max-width:600px}.pay-shell{grid-template-columns:1fr}.pay-summary-card{position:static}.order-query-shell{grid-template-columns:1fr}.order-query-search{position:static}.payment-admin-metrics{grid-template-columns:1fr 1fr}.payment-admin-card dl{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.purchase-hero--v5{min-height:auto;padding:120px 20px 72px}.purchase-hero--v5 h1{font-size:48px}.purchase-flow{gap:7px}.purchase-flow span{font-size:8px}.purchase-complete-shell--v5{margin-top:-25px}.pay-header{height:74px;padding:0 18px}.pay-header>span{display:none}.pay-header img{width:90px}.pay-loading,.pay-root{padding:30px 14px;min-height:calc(100vh - 74px)}.pay-main-card{padding:25px 18px}.pay-progress span{font-size:8px}.pay-qr-stage{grid-template-columns:1fr;padding:18px}.pay-qr-frame{width:min(250px,100%);height:auto;aspect-ratio:1;margin:auto}.pay-amount{text-align:center}.payment-proof-form{grid-template-columns:1fr}.proof-upload{margin-bottom:15px}.credential-reveal{padding:30px 14px}.credential-reveal>div{flex-direction:column}.pay-summary-card{padding:25px 18px}.order-query-hero{padding:125px 0 65px}.order-query-shell{padding-top:20px}.receipt-code{padding:38px 18px 130px}.receipt-code #receipt-qr{top:auto;bottom:22px;right:calc(50% - 45px)}.order-timeline{grid-template-columns:1fr;gap:10px}.order-timeline li:not(:last-child):after{display:none}.receipt-grid{grid-template-columns:1fr;padding:0 15px}.receipt-grid>section:nth-child(odd){border-right:0}.receipt-grid>section{padding:22px 10px}.order-receipt>footer{align-items:flex-start;flex-direction:column}.order-receipt>footer>div{width:100%;flex-direction:column}.order-receipt>footer button{justify-content:center}.payment-admin-metrics{grid-template-columns:1fr 1fr}.payment-admin-card header{display:block}.payment-admin-card header>strong{display:block;margin-top:8px}.payment-admin-card dl{grid-template-columns:1fr}.payment-admin-card footer{align-items:flex-start;gap:10px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.pay-qr-scanline{display:none}.commerce-wave-canvas{opacity:.35}}
@media print{body>*{display:none!important}.site-header,.site-footer,.order-query-hero,.order-query-search{display:none!important}.order-query-page,.order-query-shell,.order-query-result,.order-receipt{display:block!important}.order-query-shell{padding:0!important}.order-receipt{box-shadow:none;border:0}.order-receipt>footer button{display:none}.order-receipt>footer{background:white}.order-receipt{position:absolute;inset:0;width:100%}}

/* Payment gateway configuration source */
.gateway-status-stack{display:flex;align-items:flex-end;gap:8px;flex-direction:column}.gateway-source-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid rgba(73,222,190,.32);background:rgba(73,222,190,.08);color:#87f4d5;font-size:11px;font-weight:800;letter-spacing:.08em}.gateway-source-badge.local{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:rgba(226,243,247,.66)}.gateway-env-banner{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin:0 0 18px;border:1px solid rgba(73,222,190,.22);border-radius:16px;background:linear-gradient(135deg,rgba(15,84,78,.22),rgba(4,26,36,.4));color:#dffaf3}.gateway-env-banner svg{flex:none;margin-top:2px}.gateway-env-banner strong{font-size:13px}.gateway-env-banner p{margin:5px 0 0;color:rgba(218,240,244,.66);font-size:12px;line-height:1.65}@media(max-width:680px){.gateway-status-stack{align-items:flex-start}.payment-gateway-panel .admin-panel-head{align-items:flex-start;gap:14px;flex-direction:column}}