/* Live available credits, rendered only after an identity is verified. */
body .topbar-actions{display:flex;align-items:center;gap:10px;min-width:0}
body .topbar .topbar-wallet{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #ffbf7d;border-radius:999px;background:linear-gradient(120deg,#ffc077 0%,#ff9b45 48%,#f1782c 100%);color:#35200c;box-shadow:0 2px 12px #e8791620;white-space:nowrap;font-size:12px;line-height:1.5}
body .topbar .topbar-wallet:hover{filter:brightness(1.07)}
body .topbar .topbar-wallet:focus-visible{outline:2px solid #ffb66d;outline-offset:3px}
body .topbar-wallet strong{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;max-width:220px;overflow:hidden;text-overflow:ellipsis}
body .topbar-wallet-label{font-size:12px}
body .topbar-wallet-unit{font-size:11px}
body .topbar .topbar-storage {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #41546c;
  border-radius: 999px;
  background: #263445;
  color: #d8e6f6;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.5;
}
body .topbar .topbar-storage:hover { background: #32455c; border-color: #6482a4; }
.topbar-storage .icon { width: 14px; height: 14px; color: #a5c8ee; }
.topbar-storage strong { font-variant-numeric: tabular-nums; }
.topbar-storage-limit { color: #abc0d6; }
@media(max-width:780px){body .topbar{gap:12px}body .topbar .breadcrumbs{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body .topbar-actions{gap:7px}body .topbar-wallet-label{display:none}body .topbar .topbar-wallet{padding:5px 9px;gap:5px}body .topbar-wallet strong{font-size:13px;max-width:125px}}
@media(max-width:430px){body .topbar{padding-left:12px;padding-right:12px;gap:6px}body .topbar-actions{gap:5px}body .topbar .connection{padding:5px 7px;font-size:11px}body .topbar-wallet strong{max-width:92px}body .topbar-wallet-unit{display:none}}
@media (max-width: 780px) {
  .topbar-storage-label { display: none; }
  body .topbar .topbar-storage { padding: 5px 8px; }
}
@media (max-width: 430px) {
  .topbar-storage-limit { display: none; }
  body .topbar .breadcrumbs { gap: 0; font-size: 0; }
  body .topbar .breadcrumbs > span { display: none; }
  body .topbar .breadcrumbs > b { overflow: hidden; text-overflow: ellipsis; font-size: 11px; }
  body .topbar .connection { min-width: 28px; }
  #connectionText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 360px) {
  body .topbar .topbar-storage { gap: 4px; padding-inline: 6px; }
  .topbar-storage strong { font-size: 11px; }
  body .topbar .topbar-wallet { padding-inline: 6px; }
  body .topbar-wallet strong { max-width: 72px; }
}