/* REDIGI Commerce Flow v1.8.1 — hanya memakai token tema utama. */
.commerce-wallet-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(239,35,60,.14),var(--surface) 48%,#0d0f14);overflow:hidden}.commerce-wallet-hero>div{display:flex;min-width:0;flex-direction:column}.commerce-wallet-hero span{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--primary-2)}.commerce-wallet-hero strong{font-size:clamp(30px,5vw,48px);line-height:1.15}.commerce-wallet-hero p{margin:8px 0 0;color:var(--muted)}.commerce-wallet-hero-icon{width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(239,35,60,.24);border-radius:22px;background:rgba(239,35,60,.12);flex:0 0 auto}.commerce-flow-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:18px;align-items:start}.commerce-flow-ledger{margin:0}.commerce-topup-history{margin-top:18px}
.commerce-invoice-shell{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,1fr);gap:18px;align-items:start}.commerce-invoice-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),#0d0f14);box-shadow:var(--shadow)}.commerce-invoice-card>header,.commerce-invoice-card>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px}.commerce-invoice-card>header{border-bottom:1px solid var(--line)}.commerce-invoice-card>header span{font-size:10px;letter-spacing:.16em;color:var(--primary-2);font-weight:900}.commerce-invoice-card>header h2{margin:3px 0;font-size:23px}.commerce-invoice-card>header small{color:var(--muted)}.commerce-invoice-card>footer{border-top:1px solid var(--line)}.commerce-payment-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:26px;padding:26px}.qris-code-wrap{display:grid;justify-items:center;gap:10px}.commerce-qris-box{width:280px;min-height:280px;display:grid;place-items:center;padding:10px;border-radius:18px;background:#fff}.commerce-qris-box canvas,.commerce-qris-box img{max-width:100%;height:auto}.commerce-payment-copy>span{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--primary-2)}.commerce-payment-copy h3{margin:6px 0 8px;font-size:25px}.commerce-payment-copy p{color:var(--muted);line-height:1.7}.commerce-payment-number{overflow-wrap:anywhere;letter-spacing:.04em}.commerce-va-icon{width:90px;height:90px;display:grid;place-items:center;border:1px solid rgba(239,35,60,.22);border-radius:24px;color:var(--primary-2);background:rgba(239,35,60,.09)}.commerce-expiry{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 16px;margin:0 24px 22px;padding:15px 17px;border:1px solid rgba(245,158,11,.25);border-radius:14px;background:rgba(245,158,11,.07)}.commerce-expiry>span{display:flex;align-items:center;gap:7px;color:#ffd17c}.commerce-expiry strong{justify-self:end;font-size:22px}.commerce-expiry small{grid-column:1/-1;color:var(--muted)}.commerce-expiry.is-expired{border-color:rgba(239,35,60,.28);background:rgba(239,35,60,.08)}.commerce-invoice-lines{display:grid;gap:0;margin:0 24px 24px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.commerce-invoice-lines>span{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid var(--line-soft)}.commerce-invoice-lines>span:last-child{border-bottom:0}.commerce-invoice-lines small{color:var(--muted)}.commerce-invoice-lines .total{background:rgba(239,35,60,.055)}.commerce-invoice-lines .total strong{font-size:20px;color:var(--primary-2)}.commerce-invoice-actions{display:flex;gap:9px}.commerce-invoice-actions form{margin:0}.commerce-invoice-result{display:flex;align-items:center;gap:16px;margin:24px;padding:20px;border-radius:15px}.commerce-invoice-result h3{margin:0 0 4px}.commerce-invoice-result p{margin:0;color:var(--muted)}.commerce-invoice-result.success{color:#68e391;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.07)}.commerce-invoice-result.danger{color:#ff7b8b;border:1px solid rgba(239,35,60,.25);background:rgba(239,35,60,.07)}.commerce-invoice-help{display:flex;gap:13px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.commerce-invoice-help>span{color:#62df8c}.commerce-invoice-help h3{margin:0 0 6px}.commerce-invoice-help p{margin:0;color:var(--muted);line-height:1.65}
.commerce-kyc-status{display:flex;align-items:center;gap:17px;margin-bottom:18px;padding:22px;border:1px solid rgba(245,158,11,.28);border-radius:var(--radius);background:linear-gradient(135deg,rgba(245,158,11,.09),var(--surface))}.commerce-kyc-status>span{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:#ffc968;background:rgba(245,158,11,.1);flex:0 0 auto}.commerce-kyc-status small{font-size:9px;letter-spacing:.15em;font-weight:900;color:#ffc968}.commerce-kyc-status h2{margin:4px 0}.commerce-kyc-status p{margin:0;color:var(--muted)}.commerce-kyc-status.is-approved{border-color:rgba(34,197,94,.25);background:linear-gradient(135deg,rgba(34,197,94,.08),var(--surface))}.commerce-kyc-status.is-approved>span,.commerce-kyc-status.is-approved small{color:#64df8c}.commerce-kyc-status.is-rejected{border-color:rgba(239,35,60,.27);background:linear-gradient(135deg,rgba(239,35,60,.08),var(--surface))}.commerce-kyc-status.is-rejected>span,.commerce-kyc-status.is-rejected small{color:#ff7b8c}.commerce-kyc-summary{margin-bottom:18px}.commerce-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}.commerce-detail-grid>span{display:flex;min-width:0;flex-direction:column;gap:4px;padding:15px 18px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.commerce-detail-grid>span:nth-child(2n){border-right:0}.commerce-detail-grid>span.wide{grid-column:1/-1;border-right:0}.commerce-detail-grid small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.commerce-detail-grid strong{overflow-wrap:anywhere;line-height:1.55}.commerce-kyc-summary>.alert-inline{margin:16px}.commerce-kyc-form-card{max-width:960px}.commerce-consent{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:#cfd2da}.commerce-consent input{margin-top:3px;accent-color:var(--primary)}
.commerce-filter-bar{margin-bottom:14px}.commerce-filter-bar>div{display:flex;flex-wrap:wrap;gap:8px}.commerce-admin-kyc-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:18px;align-items:start}.commerce-admin-kyc-grid>div,.commerce-admin-kyc-grid>aside{display:grid;gap:18px}.commerce-identity-detail .commerce-detail-grid{border-bottom:0}.sensitive-value{color:#fff}.commerce-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.commerce-document-grid a{display:flex;align-items:center;min-height:120px;justify-content:center;flex-direction:column;gap:6px;padding:16px;text-align:center;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);transition:.18s ease}.commerce-document-grid a:hover{border-color:rgba(239,35,60,.5);transform:translateY(-2px)}.commerce-document-grid a>span{color:var(--primary-2)}.commerce-document-grid small{color:var(--muted)}.commerce-check-ok{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid rgba(34,197,94,.24);border-radius:12px;color:#67df8e;background:rgba(34,197,94,.065)}.commerce-duplicate-title{margin:16px 0 8px;font-size:13px}.commerce-duplicate-row{display:flex;flex-direction:column;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-top:7px}.commerce-duplicate-row small{color:var(--muted)}.commerce-review-form{display:grid;gap:13px}.commerce-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.commerce-decision-result p{color:var(--muted);line-height:1.65}.commerce-decision-result small{color:var(--muted)}
@media(max-width:1050px){.commerce-flow-grid,.commerce-invoice-shell,.commerce-admin-kyc-grid{grid-template-columns:1fr}.commerce-invoice-help{order:-1}.commerce-document-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.commerce-wallet-hero{padding:20px}.commerce-wallet-hero-icon{width:58px;height:58px;border-radius:17px}.commerce-payment-panel{grid-template-columns:1fr;padding:18px;text-align:center}.qris-code-wrap{width:100%}.commerce-qris-box{width:min(280px,100%);min-height:auto;aspect-ratio:1}.commerce-payment-copy .btn{width:100%}.commerce-expiry,.commerce-invoice-lines{margin-left:16px;margin-right:16px}.commerce-invoice-card>header,.commerce-invoice-card>footer{align-items:flex-start;padding:18px;flex-direction:column}.commerce-invoice-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.commerce-invoice-actions form,.commerce-invoice-actions button,.commerce-invoice-card>footer>a{width:100%}.commerce-detail-grid{grid-template-columns:1fr}.commerce-detail-grid>span,.commerce-detail-grid>span:nth-child(2n){border-right:0}.commerce-detail-grid>span.wide{grid-column:auto}.commerce-document-grid{grid-template-columns:1fr;padding:14px}.commerce-document-grid a{min-height:96px}.commerce-review-actions{grid-template-columns:1fr}.commerce-kyc-status{align-items:flex-start}.commerce-filter-bar>div{display:grid;grid-template-columns:1fr 1fr;width:100%}.commerce-filter-bar .btn{width:100%}}