/* Radix Login 2.8: registration wizard, role cards and toast notices. */
.radix-register-wizard{direction:inherit}
.radix-register-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;padding:0;margin:0 0 26px;position:relative}
.radix-register-progress li{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;color:#7a8493;font-size:12px}
.radix-register-progress li:before{content:"";position:absolute;top:16px;right:-50%;width:100%;height:2px;background:#e6eaf0;z-index:0}
.radix-register-progress li:first-child:before{display:none}
.radix-register-progress li span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eef1f5;border:1px solid #d9dee6;position:relative;z-index:1;font-weight:700}
.radix-register-progress li.is-active span,.radix-register-progress li.is-complete span{background:#111827;color:#fff;border-color:#111827}
.radix-register-progress li.is-complete:before,.radix-register-progress li.is-active:before{background:#111827}
.radix-register-panel[hidden]{display:none!important}
.radix-register-actions{display:flex;gap:10px;margin-top:18px}
.radix-register-actions>*{flex:1}
.radix-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0}
.radix-role-card{cursor:pointer;display:block!important;margin:0!important}
.radix-role-card input{position:absolute;opacity:0;pointer-events:none}
.radix-role-card-copy{display:block;color:#111827}
.radix-role-card small{direction:inherit;text-align:start;color:#7a8493}
.radix-field-invalid{outline:2px solid #dc2626!important;outline-offset:2px;border-radius:8px}
.radix-required-mark{color:#dc2626;margin-right:3px}
.radix-field-description{font-size:12px!important;color:#6b7280!important;margin:5px 0 0!important}
.radix-password-strength{font-size:12px;margin-top:6px;min-height:18px;color:#6b7280}
.radix-password-strength[data-strength="0"],.radix-password-strength[data-strength="1"]{color:#b91c1c}
.radix-password-strength[data-strength="2"]{color:#b45309}
.radix-password-strength[data-strength="3"],.radix-password-strength[data-strength="4"]{color:#15803d}
.radix-role-fields-empty{padding:14px;border-radius:10px;background:#f6f7f9;color:#606a78;text-align:center;margin:12px 0}

.radix-login-signup-toast-region{position:fixed;top:22px;right:22px;left:auto;z-index:2147483000;width:min(390px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;direction:rtl;text-align:right;pointer-events:none}
.radix-login-signup-toast{--radix-notice-accent:#2563eb;display:grid;grid-template-columns:32px 1fr 28px;gap:10px;align-items:start;background:#fff;color:#111827;border:1px solid #e5e7eb;border-right:4px solid var(--radix-notice-accent);border-radius:12px;box-shadow:0 14px 40px rgba(15,23,42,.16);padding:12px 12px 12px 8px;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;pointer-events:auto;font-family:inherit}
.radix-login-signup-toast.is-visible{opacity:1;transform:translateY(0)}
.radix-login-signup-toast--success{--radix-notice-accent:var(--radix-toast-success,#16a34a)}.radix-login-signup-toast--error{--radix-notice-accent:var(--radix-toast-error,#dc2626)}.radix-login-signup-toast--info{--radix-notice-accent:var(--radix-toast-info,#2563eb)}
.radix-login-signup-toast__icon{width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--radix-notice-accent) 12%,white);position:relative}
.radix-login-signup-toast__icon:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--radix-notice-accent)}
.radix-login-signup-toast__content strong{font-size:13px;display:block;margin-bottom:2px}.radix-login-signup-toast__content p{margin:0!important;color:#4b5563!important;font-size:13px!important;line-height:1.65!important}
.radix-login-signup-toast__close{appearance:none;border:0;background:transparent;color:#6b7280;font-size:22px;line-height:1;cursor:pointer;padding:1px}
@media(max-width:600px){.radix-login-signup-toast-region{top:12px;left:16px;right:16px;width:auto}.radix-register-progress small{font-size:10px}.radix-register-actions{flex-direction:column-reverse}}
