/* Folinq Register UX r201211
 * Page-scoped registration UX only. No global translation, layout, or mutation hooks.
 */
html body .folinq-register-shell[data-register-ux-root] .register-form-panel{
  position:relative!important;
}
html[dir="ltr"] body .folinq-register-shell[data-register-ux-root] .folinq-register-card,
html[dir="ltr"] body .folinq-register-shell[data-register-ux-root] .register-form-panel,
html[dir="ltr"] body .folinq-register-shell[data-register-ux-root] .register-form-panel h1,
html[dir="ltr"] body .folinq-register-shell[data-register-ux-root] .register-modern-form .field,
html[dir="ltr"] body .folinq-register-shell[data-register-ux-root] .register-modern-form .field label{
  text-align:left!important;
}
html[dir="rtl"] body .folinq-register-shell[data-register-ux-root] .folinq-register-card,
html[dir="rtl"] body .folinq-register-shell[data-register-ux-root] .register-form-panel,
html[dir="rtl"] body .folinq-register-shell[data-register-ux-root] .register-form-panel h1,
html[dir="rtl"] body .folinq-register-shell[data-register-ux-root] .register-modern-form .field,
html[dir="rtl"] body .folinq-register-shell[data-register-ux-root] .register-modern-form .field label{
  text-align:right!important;
}
html body .folinq-register-shell[data-register-ux-root] .register-modern-form .field{
  position:relative!important;
  min-width:0!important;
}
html body .folinq-register-shell[data-register-ux-root] .register-modern-form .field input,
html body .folinq-register-shell[data-register-ux-root] .register-modern-form .field select{
  width:100%!important;
}
html body .folinq-register-shell[data-register-ux-root] .register-modern-form .field.has-live-error input,
html body .folinq-register-shell[data-register-ux-root] .register-modern-form .field.has-live-error select{
  border-color:#dc2626!important;
  background:#fffafa!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.10)!important;
}
html body .folinq-register-shell[data-register-ux-root] .register-modern-form .field.has-live-error input:focus,
html body .folinq-register-shell[data-register-ux-root] .register-modern-form .field.has-live-error select:focus{
  border-color:#b91c1c!important;
  box-shadow:0 0 0 4px rgba(220,38,38,.12)!important;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-field-error{
  display:none;
  position:relative;
  z-index:12;
  width:max-content;
  max-width:100%;
  margin-top:7px;
  padding:7px 10px;
  border-radius:9px;
  background:#b42318;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(127,29,29,.22);
  font-size:11.5px;
  font-weight:800;
  line-height:1.55;
  white-space:normal;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-field-error:before{
  content:"";
  position:absolute;
  top:-5px;
  inset-inline-start:15px;
  width:10px;
  height:10px;
  background:#b42318;
  transform:rotate(45deg);
  border-radius:2px 0 0 0;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-field-error.is-visible{
  display:inline-flex;
  align-items:center;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-username-helper{
  font-weight:700!important;
  color:#64748b!important;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-register-error-summary{
  border-radius:13px!important;
  margin-bottom:13px!important;
  line-height:1.65!important;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-register-error-summary>b{
  display:block;
  margin-bottom:4px;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-register-submit{
  position:relative;
  min-width:128px;
  overflow:hidden;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-register-submit[disabled]{
  cursor:wait!important;
  opacity:.78!important;
  pointer-events:none!important;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-register-submit-idle,
html body .folinq-register-shell[data-register-ux-root] .folinq-register-submit-busy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
html body .folinq-register-shell[data-register-ux-root] .folinq-register-button-spinner{
  width:16px;
  height:16px;
  border:2px solid rgba(255,255,255,.44);
  border-top-color:#fff;
  border-radius:50%;
  animation:folinq-register-spin .72s linear infinite;
}
.folinq-register-progress[hidden]{display:none!important}
.folinq-register-progress{
  position:fixed;
  z-index:2147483000;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
}
.folinq-register-progress-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.34);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.folinq-register-progress-dialog{
  position:relative;
  z-index:1;
  width:min(460px,100%);
  border:1px solid #d9e6f5;
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 30px 90px rgba(15,23,42,.25);
  padding:24px 24px 22px;
  color:#172033;
  text-align:start;
  animation:folinq-register-dialog-in .22s ease-out both;
}
.folinq-register-progress-brand{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:13px;
  color:#0f2b56;
  font-weight:950;
}
.folinq-register-progress-brand img{
  width:38px;
  height:38px;
  border-radius:12px;
  object-fit:contain;
  box-shadow:0 8px 18px rgba(10,102,194,.11);
}
.folinq-register-progress-dialog h2{
  margin:0 0 7px;
  color:#172033;
  font-size:22px;
  line-height:1.45;
}
.folinq-register-progress-dialog>p{
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.8;
}
.folinq-register-progress-steps{
  list-style:none;
  display:grid;
  gap:9px;
  margin:18px 0 16px;
  padding:0;
}
.folinq-register-progress-steps li{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:8px 10px;
  border:1px solid #e3ebf5;
  border-radius:13px;
  background:#fff;
  color:#64748b;
  font-size:13px;
  font-weight:800;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.folinq-register-progress-steps li.is-active{
  border-color:#a8caed;
  background:#f4f9ff;
  color:#0f4f91;
  transform:translateY(-1px);
}
.folinq-register-progress-steps li.is-done{
  border-color:#c8def3;
  background:#f8fbff;
  color:#244765;
}
.folinq-register-step-icon{
  width:26px;
  height:26px;
  border:2px solid #cbd5e1;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#fff;
  font-size:14px;
  font-weight:950;
}
.folinq-register-progress-steps li.is-active .folinq-register-step-icon{
  border-color:#0a66c2;
  border-top-color:transparent;
  animation:folinq-register-spin .72s linear infinite;
}
.folinq-register-progress-steps li.is-done .folinq-register-step-icon{
  border-color:#0a66c2;
  background:#0a66c2;
  animation:none;
}
.folinq-register-progress-steps li.is-done .folinq-register-step-icon:after{content:"✓"}
.folinq-register-progress-track{
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#e6edf6;
}
.folinq-register-progress-track>span{
  display:block;
  width:18%;
  height:100%;
  border-radius:inherit;
  background:#0a66c2;
  transition:width .28s ease;
}
.folinq-register-progress-status{
  min-height:24px;
  margin-top:12px!important;
  color:#334155!important;
  font-weight:800;
}
.folinq-register-progress-dialog>small{
  display:block;
  margin-top:4px;
  color:#7c8aa5;
  font-size:11.5px;
  line-height:1.7;
}
body.folinq-register-is-submitting{overflow:hidden!important}
@keyframes folinq-register-spin{to{transform:rotate(360deg)}}
@keyframes folinq-register-dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){
  .folinq-register-progress{padding:12px}
  .folinq-register-progress-dialog{padding:20px 16px 18px;border-radius:20px}
  .folinq-register-progress-dialog h2{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  .folinq-register-progress-dialog,.folinq-register-progress-steps li,.folinq-register-progress-track>span{animation:none!important;transition:none!important}
  .folinq-register-progress-steps li.is-active .folinq-register-step-icon,.folinq-register-button-spinner{animation-duration:1.4s!important}
}