/* Keep registration labels above values in every focus/filled/select state. */
#local-overlay .rina-auth-wrap form.registration .form-control-label-bc.inputs {
 position:relative; min-width:0;
}
#local-overlay .rina-auth-wrap form.registration .form-control-title-bc {
 top:7px!important; left:15px!important; right:44px; max-width:calc(100% - 59px);
 transform:none!important; font-size:11px!important; line-height:14px!important;
 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; pointer-events:none;
}
#local-overlay .rina-auth-wrap form.registration input:not([type=checkbox]),
#local-overlay .rina-auth-wrap form.registration select {
 height:56px; min-height:56px; box-sizing:border-box;
 padding-top:25px!important; padding-bottom:7px!important; line-height:20px;
}
#local-overlay .rina-auth-wrap form.registration [name=middle_name]~.form-control-title-bc {
 font-size:11px!important; color:inherit!important;
}
#local-overlay .rina-auth-wrap form.registration [name=middle_name]~.form-control-title-bc::after {
 content:none!important;
}
#local-overlay .rina-auth-wrap form.registration .rina-registration-country {
 height:56px; min-height:56px; padding-top:25px!important; padding-bottom:7px!important;
 display:flex; align-items:center; gap:8px; box-sizing:border-box;
}
#local-overlay .rina-auth-wrap form.registration .rina-registration-flag {
 width:27px; height:18px; flex:0 0 27px; display:block; border-radius:2px;
}
#local-overlay .rina-auth-wrap form.registration input[type=date]~.dropdownIcon-bc {display:none}
#local-overlay .rina-auth-wrap form.registration .checkbox-control-text-privacy {
 display:flex; flex-wrap:wrap; gap:0 5px; line-height:1.5;
}
#local-overlay .rina-auth-wrap form.registration .rina-birth-picker {border:0;margin:0;padding:0;min-width:0}
#local-overlay .rina-auth-wrap form.registration .rina-birth-picker legend {font-size:12px;line-height:18px;padding:0 0 6px}
#local-overlay .rina-auth-wrap form.registration .rina-birth-parts {display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px}
#local-overlay .rina-auth-wrap form.registration .rina-birth-parts label {position:relative;min-width:0}
#local-overlay .rina-auth-wrap form.registration .rina-birth-parts span {position:absolute;left:12px;top:6px;font-size:11px;line-height:14px;pointer-events:none}
#local-overlay .rina-auth-wrap form.registration .rina-birth-parts select {width:100%;padding-left:12px;color:inherit;background:#303642;border:0;border-radius:4px;font:inherit}

/* Compact registration feedback, matching the mobile reference card. */
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist {
 display:flex; flex-direction:column; gap:0; position:static;
 box-sizing:border-box; width:100%; margin:2px 0 14px; padding:16px;
 border:0; border-radius:3px; background:#242a37; color:#eef0f3;
 font-size:12px; line-height:20px; text-align:left;
}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist [data-password-strength] {display:none}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist .validation-message-content {
 display:flex; flex:none; gap:3px; width:80%; height:2px; margin:0 0 17px; padding:0; order:-3;
}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist .validation-progress {
 display:block; flex:1; width:auto; height:2px; margin:0; padding:0; background:#626976; border:0;
}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist .validation-progress.valid {background:#168c37}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist > .validation-message:not([data-password-strength]) {
 order:-2; margin:0 0 16px; padding:0; font-size:12px; line-height:18px; font-weight:600; color:#eef0f3;
}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist .validation-check-info {
 display:flex; align-items:flex-start; gap:8px; order:1; margin:0; padding:0; min-height:20px;
 font-size:12px; line-height:20px; color:#eef0f3;
}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist .validation-check-info.rina-rule-valid {order:0}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist .validation-marker {
 display:flex; align-items:center; justify-content:center; flex:0 0 12px;
 width:12px; height:20px; margin:0; padding:0;
}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist .validation-check-marker {
 display:block; width:6px; height:6px; border-radius:50%; background:#626976; opacity:1; font-size:0;
}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist .validation-check-marker::before {content:none}
#local-overlay .rina-auth-wrap form.registration .rina-password-checklist .rina-rule-valid .validation-check-marker {
 width:11px; height:6px; margin-top:-4px; border:solid #168c37; border-width:0 0 1.5px 1.5px;
 border-radius:0; background:none; transform:rotate(-45deg);
}
#local-overlay .rina-auth-wrap form.registration .rina-field-error {
 box-sizing:border-box; padding:8px 12px; margin:3px 0 0; border-radius:3px;
 background:#242a37; border:0; font-size:12px; line-height:18px;
}
#local-overlay .rina-auth-wrap form.registration .rina-field-error .form-control-message-bc {
 display:block; padding:0; margin:0; background:none; font-size:12px; line-height:18px; color:#ff8791;
}
/* The checklist already explains password errors while the user is typing. */
#local-overlay .rina-auth-wrap form.registration .form-control-bc:has([name=password]:focus) .rina-field-error {display:none}
#local-overlay .rina-auth-wrap form.registration .form-control-bc.invalid:has([name=password]:focus) .form-control-label-bc {border-color:transparent!important;box-shadow:none!important}