body.staff-invitation-open{overflow:hidden}
.staff-invitation-modal{padding:0;border:1px solid #d7dde6;border-radius:22px;background:#fff;color:#17283f;width:calc(100% - 32px);max-width:780px;max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 24px 90px #17283f40}
.staff-invitation-modal[open]{display:flex;flex-direction:column}
.staff-invitation-modal::backdrop{background:#17283f80}
.staff-invitation-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid #dde2eb}
.staff-invitation-header h2{margin:0;font-size:22px}
.staff-invitation-close{width:44px;height:44px;padding:0;background:#f0f3f7;color:#17283f;border:0;border-radius:12px;font-size:30px;cursor:pointer}
.staff-invitation-body{padding:22px;overflow:auto;min-height:0}
.staff-invitation-modal .staff-invitation-view>.back,.staff-invitation-modal .staff-invitation-view>h1{display:none}
.staff-invitation-view .invite-url{overflow-wrap:anywhere}
.staff-invitation-view [data-copy-status]:empty{display:none}
.staff-invitation-view .staff-form{max-width:none}
.staff-invitation-view [data-new-position][hidden]{display:none!important}
.staff-invitation-modal .staff-form button{justify-self:start}
.cancel-invitation-form{margin:8px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cancel-invitation-form button{white-space:normal;text-align:left}
.cancel-invitation-form [data-cancel-status]{margin:0;font-size:14px;overflow-wrap:anywhere}
@media(max-width:600px){.staff-invitation-modal{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.staff-invitation-header{padding:10px 14px}.staff-invitation-header h2{font-size:20px}.staff-invitation-body{padding:16px}}