/* Contact details in employee onboarding and the HR editor. */
#employeeForm .form-grid>.wide{grid-column:1/-1}
#employeeForm textarea{display:block;width:100%;box-sizing:border-box;min-height:100px;resize:vertical;border:1px solid #c8dadd;border-radius:10px;padding:12px 14px;background:#fff;color:#173b43;font:inherit;font-size:16px;line-height:1.6}
#employeeForm .invite-contact-backup{margin:24px 0;padding:16px 20px;border:1px solid #d6e5e7;border-radius:14px;background:#f7fbfa}
#employeeForm .invite-contact-backup>summary{cursor:pointer;min-height:44px;align-content:center;font-size:16px;font-weight:600;color:#17616a}
#employeeForm .invite-contact-backup>p{font-size:14px;line-height:1.7;color:#526c74;margin:12px 0 16px}
#employeeForm .invite-contact-backup .form-grid{margin-top:12px}
#employeeForm :is(input,select){font-size:16px;min-height:44px}
#employeeForm :is(input,select,textarea):focus-visible{outline:2px solid #04878a;outline-offset:2px}
#modalFields [name=current_address]{width:100%;min-height:96px;resize:vertical;font:inherit;line-height:1.7;padding:12px 14px;border:1px solid #c8dadd;border-radius:10px;box-sizing:border-box}
#modalFields .employee-edit-section:has([name=current_address]){grid-template-columns:1fr}
#modalFields :is([name=current_address],[name^=emergency_contact]){font-size:16px;min-height:44px}
@media(max-width:600px){#employeeForm .invite-contact-backup{padding:14px}#employeeForm .invite-contact-backup .form-grid{grid-template-columns:1fr}}