/* REDIGI Payment Reliability v1.8.5
 * Tambahan khusus status integrasi dan jalur pembayaran cadangan.
 * Tidak mengubah file tema utama.
 */
.integration-status-card{overflow:hidden}
.integration-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.integration-status-grid>span{display:flex;flex-direction:column;gap:5px;min-width:0;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.18)}
.integration-status-grid>span.wide{grid-column:1/-1}
.integration-status-grid small{color:var(--text-muted,#9297a8);font-size:.78rem}
.integration-status-grid strong{overflow-wrap:anywhere;font-size:.92rem}
.integration-status-grid strong.success{color:#55d98c}
.integration-status-grid strong.failed{color:#ff6578}
.payment-hosted-panel{align-items:center}
.payment-hosted-icon{display:grid;place-items:center;flex:0 0 92px;width:92px;height:92px;border:1px solid rgba(255,70,96,.26);border-radius:22px;background:linear-gradient(145deg,rgba(255,47,79,.18),rgba(255,47,79,.05));color:#ff6578}
.commerce-payment-panel.is-hosted{align-items:center}
.commerce-payment-panel.is-hosted .commerce-payment-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.commerce-payment-panel.is-hosted .commerce-payment-copy .btn{margin-top:6px}
@media(max-width:640px){
  .integration-status-grid{grid-template-columns:1fr}
  .integration-status-grid>span.wide{grid-column:auto}
  .payment-hosted-panel,.commerce-payment-panel.is-hosted{align-items:stretch}
  .payment-hosted-icon{width:72px;height:72px;flex-basis:72px}
  .commerce-payment-panel.is-hosted .commerce-payment-copy .btn{width:100%;justify-content:center}
}