.portal-account-page,.portal-members-page,.portal-account,.portal-members{gap:var(--page-gap);flex-direction:column;max-width:1040px;display:flex}.portal-account-page p,.portal-members-page p{margin:0}.portal-account-fields{flex-direction:column;gap:20px;max-width:560px;display:flex}.portal-account-name{align-items:flex-start;gap:12px;display:flex}.portal-account-name>.ui-input-wrap,.portal-account-name>input{flex:auto;min-width:0}.portal-account-email{flex-direction:column;gap:8px;display:flex}.portal-account-email-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.portal-text-button.ui-button{min-width:0;padding-inline:4px}.portal-mail-rows,.portal-device-rows{margin:0;padding:0;list-style:none}.portal-mail-row{border-bottom:1px solid var(--line)}.portal-mail-row>.ui-choice{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:64px;padding:14px 24px;display:flex}.portal-mail-row>.ui-choice>.ui-switch{flex-shrink:0;order:2}.portal-mail-copy,.portal-device-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.portal-mail-note{align-items:center;gap:8px;padding:16px 24px;display:flex}.portal-device-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:64px;padding:14px 24px;display:flex}.portal-device-row>.ui-tag-pill{flex-shrink:0;margin-left:auto}.portal-device-actions{padding:20px 24px}.portal-dialog-fields{flex-direction:column;gap:16px;display:flex}.portal-dialog-note{align-items:center;gap:8px;display:flex}.portal-invite-roles .ui-radio-card{width:100%}.portal-member-list{flex-direction:column;display:flex}.portal-member-head,.portal-member-row,.portal-invitation-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(0,1.6fr) minmax(0,.9fr) minmax(0,1fr) 44px;align-items:center;column-gap:16px;padding:12px 24px;display:grid}.portal-member-list[aria-label=Open\ uitnodigingen] .portal-invitation-row{grid-template-columns:minmax(0,3fr) minmax(0,.9fr) minmax(0,1fr) auto}.portal-member-head{min-height:44px;color:var(--text-3);font:var(--type-meta);padding-block:8px}.portal-member-row,.portal-invitation-row{min-height:56px}:is(.portal-member-list:not([aria-label=Open\ uitnodigingen]) .portal-member-row:not(:has(.portal-member-email)),.portal-member-list:not([aria-label=Open\ uitnodigingen]) .portal-member-head:not(:has(:nth-child(5)))){grid-template-columns:minmax(0,2fr) minmax(0,1fr) 44px}.portal-member-name{align-items:center;gap:8px;min-width:0;display:flex}.portal-member-seen-label{display:none}.portal-member-actions{justify-content:flex-end;display:flex}.portal-invitation-count{padding:16px 24px}.portal-members-leave{align-items:center;min-height:44px;display:flex}@media (max-width:767px){.portal-member-head{display:none}.portal-member-row,.portal-invitation-row,.portal-member-list[aria-label=Open\ uitnodigingen] .portal-invitation-row{padding:14px 16px;display:block;position:relative}.portal-member-list:not([aria-label=Open\ uitnodigingen]) .portal-member-row:not(:has(.portal-member-email)){padding:14px 16px;display:block;position:relative}.portal-member-list .portal-member-row:has(.portal-member-actions>*){padding-right:68px}.portal-member-list .portal-invitation-row:has(.portal-member-actions>*){padding-right:120px}.portal-member-row>.portal-member-name{flex-wrap:wrap;display:flex}.portal-member-row>.portal-member-email,.portal-invitation-row>.portal-invitation-email{overflow-wrap:anywhere;margin-top:2px;display:block}.portal-member-row>.portal-member-role,.portal-member-row>.portal-member-seen,.portal-invitation-row>[role=cell]:nth-child(2),.portal-invitation-row>[role=cell]:nth-child(3){font:var(--type-meta);display:inline}.portal-member-row>.portal-member-role,.portal-invitation-row>[role=cell]:nth-child(2){margin-top:2px}.portal-member-row>.portal-member-seen:before,.portal-invitation-row>[role=cell]:nth-child(3):before{content:" · "}.portal-member-seen-label{display:inline}.portal-member-actions{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.portal-member-actions:empty{display:none}.portal-mail-row>.ui-choice,.portal-device-row,.portal-device-actions,.portal-mail-note,.portal-invitation-count{padding-inline:16px}.portal-account-name{flex-direction:column;align-items:stretch}}