/* Tela Pagamentos (gateway da loja). */
.gg-payments code{font-size:.92em;padding:1px 5px;border-radius:4px;background:rgba(6,47,40,.07);overflow-wrap:anywhere}
.gg-pay-lead{margin-top:0}
.gg-pay-summary{display:grid;gap:14px}
.gg-pay-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.gg-pay-facts>div{display:grid;gap:4px;min-width:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--neutral-50)}
.gg-pay-facts span{color:var(--text-muted);font-size:var(--text-2xs);font-weight:600}
.gg-pay-facts b{color:var(--text-heading);font-size:var(--text-sm);overflow-wrap:anywhere}
.gg-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs) !important}
.gg-pay-alert{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);font-size:var(--text-xs);line-height:1.5}
.gg-pay-alert svg{flex:none;margin-top:1px}
.gg-pay-alert span{min-width:0}
.gg-pay-alert.danger{background:var(--danger-100);color:var(--danger-700)}
.gg-pay-alert.warning{background:var(--warning-100);color:var(--forest-900)}
.gg-pay-summary .gg-pay-alert{margin-top:0}
.gg-pay-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.gg-pay-summary .gg-pay-actions{margin-top:0}
.gg-pay-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}
.gg-pay-form>.gg-muted,.gg-pay-form>.gg-pay-actions,.gg-pay-form>.gg-pay-switch{grid-column:1 / -1;margin:0}
.gg-pay-note{margin:0;font-size:var(--text-xs)}
.gg-pay-other{color:var(--text-muted);font-size:var(--text-2xs)}
.gg-pay-foot a{color:inherit;overflow-wrap:anywhere}
.gg-pay-charge{align-items:flex-start}
.gg-pay-charge>span:first-child{min-width:0}
.gg-pay-charge small{display:block;margin-top:2px;overflow-wrap:anywhere}
.gg-key>.gg-pay-charge-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;flex:none}
.gg-pay-foot{margin:0;color:var(--text-muted);font-size:var(--text-2xs);line-height:1.5}
@media (max-width:820px){
  .gg-pay-form{grid-template-columns:1fr}
  .gg-pay-facts{grid-template-columns:1fr 1fr}
  .gg-pay-charge{flex-direction:column}
  .gg-key>.gg-pay-charge-end{justify-content:flex-start}
  .gg-payments .gg-secret{grid-template-columns:1fr}
}