.membership-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
.membership-fields legend { padding: 0; margin: 0; }
.membership-hint { margin: 6px 0 0; font-size: 16px; font-weight: 400; }
.membership-icon { flex: 0 0 auto; vertical-align: middle; }
.membership-badge, .membership-action { display: inline-flex !important; align-items: center; gap: 6px; }
.membership-badge { padding: 3px 7px; border-radius: 6px; width: fit-content; margin-top: 6px; }
.membership-pending { color: #a65308 !important; background: #fff3df !important; }
.membership-active { color: #237241 !important; background: #e9f6ed !important; }
.membership-expired, .membership-none { color: #68717c !important; background: #eff1f3 !important; }
#membership-dialog .membership-fields > legend { display: none; }
.membership-action > .membership-readonly,
.membership-action > [data-membership-open] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  flex: 0 0 32px;
}

#membership-dialog .responsive-sheet-body,
#password-dialog .responsive-sheet-body,
#verification-dialog .responsive-sheet-body { display: flex; min-height: 0; flex-direction: column; }
#membership-dialog .responsive-sheet-content label,
#password-dialog .responsive-sheet-content label { font-size: 16px; }
#password-dialog textarea[name="fingerprint"] { resize: none; overflow-wrap: anywhere; font-family: Consolas, "Courier New", monospace; font-size: 12px; }

.user-verification {
  display: inline-grid;
  width: 18px;
  height: 18px;
  margin: 0 0 0 5px;
  padding: 0;
  place-items: center;
  border: 0;
  background: transparent;
  vertical-align: -3px;
}
.user-verification .ui-icon,
.user-verification-summary .ui-icon { width: 16px; height: 16px; }
.verification-pending { color: #eb2638; }
.verification-verified { color: #168e2c; }
.user-verification-summary { display: inline-flex; margin-left: 5px; vertical-align: -3px; }
.verification-label { margin: 0 0 12px; color: #748096; }
#verification-dialog .choice { align-items: center; font-size: 16px; }
#verification-dialog .choice input { margin-top: 0; }