.ui-api-message {
  margin: 4px 0 0;
  padding: 11px 13px;
  color: #ffd0cb;
  border: 1px solid rgba(255, 110, 97, .28);
  border-radius: 11px;
  background: rgba(255, 87, 74, .08);
  font-size: 12px;
  line-height: 1.6;
}

.ui-api-message[data-tone="success"] {
  color: #b7f3d0;
  border-color: rgba(101, 227, 156, .25);
  background: rgba(101, 227, 156, .07);
}

.ui-account-success {
  display: grid;
  gap: 18px;
  padding: 20px;
  border: 1px solid rgba(101, 227, 156, .3);
  border-radius: 18px;
  background: rgba(101, 227, 156, .07);
}

.ui-account-success h3,
.ui-account-success p { margin: 0; }
.ui-account-success p { color: #afc0cb; font-size: 13px; line-height: 1.7; }
.ui-account-success strong { color: #fff; font-size: clamp(17px, 4vw, 23px); letter-spacing: .05em; overflow-wrap: anywhere; }
.ui-account-success-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ui-account-success button,
.ui-load-more,
.ui-logout {
  min-height: 42px;
  padding: 0 16px;
  color: #06111d;
  border: 0;
  border-radius: 999px;
  background: #ffc43d;
  font-weight: 800;
  cursor: pointer;
}
.ui-account-success button:last-child { color: #f8fbff; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06); }
.ui-logout { width: 100%; margin-top: 18px; color: #ffb8b1; border: 1px solid rgba(255,110,97,.22); background: rgba(255,87,74,.07); }
.ui-empty-row { grid-column: 1 / -1; padding: 24px 8px; color: #7f93a1; text-align: center; font-size: 13px; }
.ui-load-more { display: block; margin: 14px auto 4px; color: #d9e5ec; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05); }
.claim-entry { min-height: 46px; display: flex; align-items: center; justify-content: center; margin-top: 12px; padding: 0 18px; color: #87e6fa; border: 1px solid rgba(37,199,237,.24); border-radius: 999px; background: rgba(37,199,237,.06); font-size: 13px; font-weight: 800; text-align: center; }
.claim-entry:hover { color: #fff; border-color: rgba(37,199,237,.5); background: rgba(37,199,237,.11); }
.claim-entry--account { margin: 0 0 18px; }
.movement-card[hidden] { display: none !important; }

@media (max-width: 560px) {
  .ui-account-success { padding: 16px; }
  .ui-account-success-actions { flex-direction: column; }
  .ui-account-success button { width: 100%; }
}