/* GABI-CINCO-PIN-EMAIL-02B_R1. Herda o cartão, cores e movimento do login. */
.gpr-steps { display:flex; gap:8px; margin:0 0 24px; padding:0; list-style:none; }
.gpr-steps li { display:flex; align-items:center; gap:6px; flex:1; color:var(--gabi-text-low); font-size:11px; white-space:nowrap; }
.gpr-steps b { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#f0f3f9; font-size:11px; font-weight:600; }
.gpr-steps [aria-current="step"] { color:#1555df; font-weight:600; }
.gpr-steps [aria-current="step"] b { background:#e8efff; box-shadow:inset 0 0 0 1px #bfd0ff; }
.gbl-page .gbl-field label.gpr-label { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.gpr-label small { font-weight:400; color:var(--gabi-text-low); }
.gbl-page .gpr-input { height:50px; width:100%; font-size:16px; }
.gbl-page .gpr-code { text-align:center; font-size:25px; letter-spacing:.4em; padding-left:.8em; font-variant-numeric:tabular-nums; }
.gbl-page .gpr-note { margin:12px 0 20px; font-size:12px; line-height:1.65; color:var(--gabi-text-low); }
.gbl-page .gpr-neutral { margin:0 0 20px; padding:14px; border:1px solid #dbe6fc; border-radius:8px; background:#f5f8ff; font-size:12px; line-height:1.7; color:#345071; }
.gpr-links { margin-top:20px; display:grid; gap:16px; text-align:center; }
.gpr-links a, .gpr-restart { color:#1855c9; font:inherit; font-size:12px; text-decoration:none; }
.gpr-links a:hover, .gpr-restart:hover { text-decoration:underline; }
.gpr-restart { border:0; background:none; cursor:pointer; padding:4px 8px; }
.gpr-links a:focus-visible, .gpr-restart:focus-visible { outline:2px solid #3775f2; outline-offset:4px; border-radius:4px; }
.gpr-done-icon { display:grid; place-items:center; width:52px; height:52px; color:#218453; background:#eaf7f0; border-radius:50%; margin-bottom:18px; font-size:27px; }
.gbl-page .gpr-back { width:100%; }
.gbl-page .gpr-state-note { text-align:center; font-size:12px; color:var(--gabi-text-low); margin:16px 0 0; }
@media(max-width:360px) { .gpr-steps { gap:4px; } .gpr-steps li { font-size:10px; gap:4px; } }
.gbl-page .gpr-email-preview { margin:0 0 20px; padding:16px; border:1px solid #dbe6fc; border-radius:8px; background:#f5f8ff; color:#183763; text-align:center; font-size:18px; font-weight:600; overflow-wrap:anywhere; }
.gbl-page .gpr-actions { display:grid; gap:12px; }
.gbl-page .gpr-secondary { width:100%; min-height:46px; padding:12px; white-space:normal; }
.gbl-page .gpr-support-number { text-align:center; }