/* Registration extras use the same calm cyan visual language as the form. */
body:has(.register-extras) .custom-login-inner{padding:16px}
body:has(.register-extras) .custom-wrapper{width:100%;max-width:540px;margin:auto;padding:0!important}
body:has(.register-extras) .custom-row{display:block;width:100%;margin:0}
body:has(.register-extras) .custom-row>.card{width:100%;margin:0;overflow:hidden;border:1px solid #d1e5e9;border-radius:20px;box-shadow:0 16px 48px rgba(26,80,96,.09)}
body:has(.register-extras) .custom-login .custom-wrapper .card .card-body{display:block;width:100%;max-width:none;height:auto;margin:0;padding:18px 28px!important;border-radius:inherit!important;box-shadow:none}
body #registerForm .form-group{margin-bottom:10px!important}
body #registerForm .form-label{display:block;margin-bottom:5px;color:#2d545c;font-size:14px;font-weight:500}
body #registerForm .form-control{width:100%;min-height:44px;padding:9px 14px;border:1px solid #d1e5e9!important;border-radius:8px;background:#fbfcfd!important;color:#213e44;font-size:13px;line-height:1.5;box-shadow:none}
body #registerForm .form-control::placeholder{color:#83b8c3}
body #registerForm .form-control:is(:focus,:focus-visible,.is-valid),body #registerForm.was-validated .form-control:valid{border-color:#4f96a4!important;box-shadow:0 0 0 3px #4f96a418!important;outline:none!important;background-image:none!important}
body #registerForm .form-control.is-invalid,body #registerForm.was-validated .form-control:invalid{border-color:#b4233b!important;box-shadow:none!important}
body #registerForm button[type=submit]{width:100%;min-height:44px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.5}
body #registerForm p.my-4{margin:10px 0!important;font-size:14px}
body:has(.register-extras) .register-brand .accountzure-brand{margin:0}
body:has(.register-extras) .card-body>.mb-3:first-child{margin-bottom:4px!important;line-height:0}
.register-extras{margin-top:4px;color:#365c69}
.register-social-divider{display:flex;align-items:center;gap:14px;margin:10px 0;color:#4b8d9c;font-size:13px;text-align:center}
.register-social-divider::before,.register-social-divider::after{content:"";flex:1;height:1px;background:#d6e8ed}
.register-social-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.register-social-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:7px 8px;border:1px solid #d1e5e9;border-radius:10px;background:#fff;color:#176d86;font-family:inherit;font-size:14px;font-weight:600;cursor:not-allowed}
.register-social-button img,.register-social-button svg{flex:0 0 24px;object-fit:contain}
.register-social-button:disabled{opacity:1}
.register-social-status{margin:8px 0 0;color:#627b86;font-size:12px;text-align:center}
.register-extras .login-legal-footer{margin-top:12px;padding-top:10px;border-top:1px solid #dcebee;color:#4c919f;text-align:center;font-size:12px}
.register-extras .login-legal-footer p{margin:0 0 6px;overflow-wrap:anywhere}
.register-extras .login-legal-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:8px}
.register-extras .login-legal-footer a{color:#087e9b;text-decoration:none}
.register-extras .login-legal-footer a:hover{text-decoration:underline}
.register-extras .login-connection-security{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 0;color:#6c757d;font-size:13px;line-height:1.5}
.register-extras .login-connection-security svg{flex:0 0 14px}
@media(max-width:480px){
 body:has(.register-extras) .custom-login-inner{padding:16px 10px}
 body:has(.register-extras) .custom-login .custom-wrapper .card .card-body{padding:16px!important}
 body #registerForm .form-control{font-size:16px}
 .register-social-options{grid-template-columns:1fr}
}

/* Keep the consent checkbox system blue in every pointer state. */
body #registerForm #termsCheckbox,
body #registerForm #termsCheckbox:hover {
 background-color:#fff!important;
 border-color:#9bbbc2!important;
 accent-color:#2563eb;
 box-shadow:none!important;
}
body #registerForm #termsCheckbox:checked,
body #registerForm #termsCheckbox:checked:hover {
 background-color:#2563eb!important;
 border-color:#2563eb!important;
}
body #registerForm #saveBtn:disabled {
 opacity:.5;
 cursor:not-allowed;
}