.distribution-account-prompt {
  position: fixed;
  z-index: 45;
  right: max(12px, env(safe-area-inset-right));
  bottom: calc(72px + env(safe-area-inset-bottom));
  left: max(12px, env(safe-area-inset-left));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  max-width: 620px;
  margin: 0 auto;
  padding: 12px;
  border: 1px solid #cfe2d7;
  border-radius: 8px;
  color: #153a2a;
  background: #f6fbf8;
  box-shadow: 0 8px 24px rgba(20, 44, 31, .16);
}

.distribution-account-prompt div { min-width: 0; display: grid; gap: 3px; }
.distribution-account-prompt strong { font-size: 14px; }
.distribution-account-prompt span { color: #52665b; font-size: 12px; line-height: 1.4; }
.distribution-account-prompt button { min-height: 36px; padding: 0 10px; border: 1px solid #8db49e; border-radius: 6px; color: #176b48; background: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.distribution-account-prompt [data-distribution-account-complete] { border-color: #1d6046; color: #fff; background: #1d6046; }

@media (min-width: 721px) {
  .distribution-account-prompt { left: auto; }
}

@media (max-width: 420px) {
  .distribution-account-prompt { grid-template-columns: minmax(0, 1fr) auto; }
  .distribution-account-prompt div { grid-column: 1 / -1; }
}