/* Public invitation acceptance; intentionally isolated from registration wizard. */
.employee-registration {
    width: 100%; max-width: 720px; margin: 36px auto 56px; padding: 0 20px;
    box-sizing: border-box; color: #243044; min-width: 0;
}
.employee-registration .eyebrow { text-align: left; }
.employee-registration__header { margin-bottom: 24px; }
.employee-registration h1 { font-size: clamp(1.4rem, 3vw, 1.75rem); font-weight: 600; line-height: 1.25; letter-spacing: -.025em; margin: 8px 0 12px; }
.employee-registration h2 { font-size: 1rem; font-weight: 600; margin: 0 0 18px; }
.employee-registration p { color: #526176; line-height: 1.6; margin: 0; }
.employee-registration__form { display: flex; flex-direction: column; gap: 28px; }
.employee-registration__access, .employee-registration__state { background: #fff; border: 1px solid #e0e6ef; border-radius: 14px; padding: 24px; box-shadow: 0 3px 12px rgb(30 45 70 / 3%); }
.employee-registration__field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.employee-registration__access > .employee-registration__field + .employee-registration__field { margin-top: 18px; }
.employee-registration .rz-label { font-size: .875rem; font-weight: 500; color: #445268; }
.employee-registration__field > input, .employee-registration__field > .rz-textbox, .employee-registration__field > .rz-dropdown, .employee-registration__field > .rz-numeric { width: 100%; min-width: 0; min-height: 46px; box-sizing: border-box; border-radius: 8px; font-size: 1rem; }
.employee-registration__field input:disabled, .employee-registration__field input[readonly], .employee-registration__field .rz-state-disabled { color: #526176; -webkit-text-fill-color: #526176; background: #f5f7fa; opacity: 1; }
.employee-registration__field .rz-dropdown-label { color: #526176; }
.employee-registration .employee-registration__hint { font-size: .8125rem; line-height: 1.55; }
.employee-registration__actions { display: flex; justify-content: flex-end; border-top: 1px solid #e8edf3; padding-top: 20px; margin-top: 22px; }
.employee-registration__actions .rz-button { min-height: 44px; min-width: 140px; border-radius: 8px; }
.employee-registration__details { padding: 0 4px; }
.employee-registration__details h2 { margin-bottom: 6px; }
.employee-registration__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; margin-top: 18px; }
.employee-registration :is(input, button):focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.employee-registration__state p { overflow-wrap: anywhere; }
@media (max-width: 540px) {
    .employee-registration { margin: 24px auto 36px; padding: 0 16px; }
    .employee-registration__access, .employee-registration__state { padding: 20px 16px; }
    .employee-registration__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .employee-registration__actions .rz-button { width: 100%; }
}