.invitePage{max-width:920px;margin:auto}.invitePage form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.invitePage label{display:flex;flex-direction:column;gap:6px}.invitePage input,.invitePage select{font:inherit;min-height:42px;padding:10px}.invitePage fieldset{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:1px solid var(--line);padding:18px}.invitePage .inviteStatus{grid-column:1/-1}.invitePage [type=submit]{justify-self:end}@media(max-width:650px){.invitePage form,.invitePage fieldset{grid-template-columns:1fr}.invitePage [type=submit]{width:100%}}.inviteStatus{line-height:1.5;min-height:24px}.dateField{display:flex;align-items:center;gap:8px}.dateField>input:first-child{flex:1;min-width:0}.dateField>.calendarPicker{width:44px!important;flex:0 0 44px;padding:8px;cursor:pointer}.calendarPicker::-webkit-datetime-edit{display:none}.calendarPicker::-webkit-calendar-picker-indicator{margin:0;opacity:1}.sensitiveField{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sensitiveField input{flex:1 1 100%;min-width:0}.sensitiveField .received{color:#18733e;font-weight:700}.sensitiveField button{margin-left:auto}.radios{display:flex;flex-wrap:wrap;gap:10px 18px}.radios label{display:flex;align-items:center;gap:7px}.radios input{width:auto;min-height:0}@media(prefers-color-scheme:dark){.sensitiveField .received{color:#6fdfa0}}
/* Text + border identify required SSNs without relying on color alone. */
.field.requiredSsn{--ssn-required-border:#a56812;--ssn-required-bg:#ffe08a;--ssn-required-text:#332000;box-shadow:inset 4px 0 var(--ssn-required-border)}
html.dark .field.requiredSsn,[data-theme='dark'] .field.requiredSsn{--ssn-required-border:#f6c85f}
.field.requiredSsn>label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:700}
.field.requiredSsn .requiredBadge{display:inline-block;background:var(--ssn-required-bg);color:var(--ssn-required-text);border:1px solid var(--ssn-required-border);border-radius:4px;padding:2px 7px;font-size:13px;font-weight:800;line-height:1.4}
.field.requiredSsn .sensitiveField>input{border:2px solid var(--ssn-required-border)}
.field.requiredSsn .sensitiveField>input:focus{outline:2px solid var(--ssn-required-border);outline-offset:2px}
.field.requiredSsn.ssnComplete{--ssn-required-border:#267b43;--ssn-required-bg:#bdf0cf;--ssn-required-text:#103e21}
html.dark .field.requiredSsn.ssnComplete,[data-theme='dark'] .field.requiredSsn.ssnComplete{--ssn-required-border:#73dea1}