#gem-confirm {
  box-sizing: border-box;
  width: min(30rem, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  margin: auto;
  padding: clamp(1rem, 5vw, 1.6rem);
  color: #f4f8ff;
  background: linear-gradient(145deg, #15342e, #0d1929 60%);
  border: 1px solid #457c6b;
  border-radius: 1.25rem;
  box-shadow: 0 18px 60px #0008;
}
#gem-confirm header {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .5rem;
  background: #101f23;
  border: 1px solid #456452;
  border-radius: .85rem;
}
#gem-confirm header img { flex: 0 0 auto; object-fit: contain; }
#gem-confirm header strong, #gem-confirm header span { display: block; }
#gem-confirm header strong { color: #ffe09b; }
#gem-confirm header span, #gem-confirm p, #gem-confirm dt, #gem-confirm small { color: #c0d2de; }
#gem-confirm dl { margin: 0; padding: .35rem .8rem; background: #0b1724; border-radius: .85rem; }
#gem-confirm dl div { display: flex; justify-content: space-between; align-items: baseline; gap: .8rem; padding: .55rem 0; }
#gem-confirm dl div + div { border-top: 1px solid #2c414f; }
#gem-confirm dd { margin: 0; text-align: right; overflow-wrap: anywhere; min-width: 0; }
#gem-confirm small { display: block; }
#gem-confirm-total { color: #83ffd5; }
#gem-confirm button, #gem-confirm-whatsapp { width: 100%; box-sizing: border-box; min-height: 44px; }
#gem-confirm-whatsapp { display: flex; align-items: center; justify-content: center; font-family: inherit; font-size: 1rem; line-height: 1.2; letter-spacing: normal; padding: .5rem .75rem; text-align: center; color: #071a15; background: #83ffd5; border-radius: .65rem; font-weight: 700; }
#gem-confirm [hidden], #gem-confirm-status:empty, #gem-confirm-promo:empty { display: none; }
#gem-confirm-cancel { margin-top: .5rem; }
#gem-confirm header { justify-content: flex-start; }
#gem-confirm::backdrop { background: #020710aa; }
#gem-confirm .gem-verified { width: 18px; height: 18px; vertical-align: -.18em; margin-inline-start: .2rem; }
#gem-confirm-email:empty { display: none; }