/* ======================================================
   HI WALLET APP SHELL
   Shared app-level polish for every page inside /wallet/.
====================================================== */

body.wallet-app {
  --wallet-shell-bg: rgba(11, 13, 13, 0.74);
  --wallet-shell-border: rgba(255, 255, 255, 0.1);
  --wallet-panel-bg: rgba(255, 255, 255, 0.055);
  --wallet-panel-bg-strong: rgba(255, 255, 255, 0.08);
  --wallet-panel-border: rgba(255, 255, 255, 0.12);
  --wallet-muted: rgba(255, 255, 255, 0.58);
  --wallet-grid-line: rgba(255, 255, 255, 0.045);
  --wallet-shadow: 0 22px 60px rgba(0, 0, 0, 0.26);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 103, 31, 0.13), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(4, 106, 56, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(4, 106, 56, 0.08), transparent 420px),
    #000;
  overflow-x: clip;
}

body.theme-light.wallet-app {
  --wallet-shell-bg: rgba(255, 255, 255, 0.86);
  --wallet-shell-border: rgba(13, 33, 24, 0.1);
  --wallet-panel-bg: rgba(255, 255, 255, 0.78);
  --wallet-panel-bg-strong: rgba(255, 255, 255, 0.94);
  --wallet-panel-border: rgba(13, 33, 24, 0.12);
  --wallet-muted: rgba(24, 35, 30, 0.64);
  --wallet-grid-line: rgba(4, 106, 56, 0.055);
  --wallet-shadow: 0 20px 52px rgba(20, 38, 30, 0.1);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 103, 31, 0.13), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(4, 106, 56, 0.11), transparent 34%),
    linear-gradient(180deg, rgba(4, 106, 56, 0.07), transparent 430px),
    #f8faf7;
}

body.wallet-app::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(var(--wallet-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--wallet-grid-line) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 72%);
}

.wallet-app *,
.wallet-app *::before,
.wallet-app *::after {
  box-sizing: border-box;
}

.wallet-app :where(img, svg, video, canvas) {
  max-width: 100%;
}

.wallet-app :where(code, pre, input, select, textarea, button, a, strong, span, p, h1, h2, h3, h4) {
  min-width: 0;
}

.wallet-app :where(code, pre, .wlt-card-address, .wlt-binding-item code, .vault-key, .ecosystem-qr code, .eco-merchant-hdi, .eco-merchant-wallet) {
  overflow-wrap: anywhere;
}

.wallet-app .site-header,
.wallet-app .personal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: var(--wallet-shell-bg);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.18);
}

body.theme-light.wallet-app .site-header,
body.theme-light.wallet-app .personal-header {
  border-bottom-color: var(--wallet-shell-border);
  box-shadow: var(--wallet-shadow);
}

.wallet-app .brand-link,
.wallet-app .personal-brand {
  border: 1px solid var(--wallet-panel-border);
  background: var(--wallet-panel-bg);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.08);
}

.wallet-app .brand-tagline,
.wallet-app .personal-tagline {
  color: var(--brand-orange);
  font-weight: 850;
  letter-spacing: 0.7px;
  opacity: 0.95;
  text-transform: uppercase;
}

.wallet-app .brand-name,
.wallet-app .personal-name {
  font-weight: 850;
}

.wallet-app .coin-main,
.wallet-app .wlt-main,
.wallet-app .vault-main,
.wallet-app .eco-main {
  position: relative;
}

body.theme-dark.wallet-app :where(.coin-main, .wlt-main, .vault-main, .eco-main) {
  color: rgba(255, 255, 255, 0.92);
}

body.theme-light.wallet-app :where(.coin-main, .wlt-main, .vault-main, .eco-main) {
  color: #17231c;
}

body.theme-dark.wallet-app :where(.coin-main h1, .coin-main h2, .coin-main h3, .coin-main h4, .wlt-main h1, .wlt-main h2, .wlt-main h3, .wlt-main h4, .vault-main h1, .vault-main h2, .vault-main h3, .vault-main h4, .eco-main h1, .eco-main h2, .eco-main h3, .eco-main h4) {
  color: #fff;
}

body.theme-light.wallet-app :where(.coin-main h1, .coin-main h2, .coin-main h3, .coin-main h4, .wlt-main h1, .wlt-main h2, .wlt-main h3, .wlt-main h4, .vault-main h1, .vault-main h2, .vault-main h3, .vault-main h4, .eco-main h1, .eco-main h2, .eco-main h3, .eco-main h4) {
  color: #111;
}

body.theme-dark.wallet-app :where(.coin-main p, .coin-main li, .coin-main span, .coin-main small, .wlt-main p, .wlt-main li, .wlt-main span, .wlt-main small, .vault-main p, .vault-main li, .vault-main span, .vault-main small, .eco-main p, .eco-main li, .eco-main span, .eco-main small) {
  color: rgba(255, 255, 255, 0.66) !important;
}

body.theme-light.wallet-app :where(.coin-main p, .coin-main li, .coin-main span, .coin-main small, .wlt-main p, .wlt-main li, .wlt-main span, .wlt-main small, .vault-main p, .vault-main li, .vault-main span, .vault-main small, .eco-main p, .eco-main li, .eco-main span, .eco-main small) {
  color: rgba(23, 35, 28, 0.78) !important;
}

.wallet-app :where(.coin-tech-item, .coin-comparison-item, .coin-use-card, .coin-road-item, .wlt-card, .wlt-panel, .wlt-layer-grid > div, .vault-card, .vault-panel, .vault-row, .eco-panel, .eco-stat, .eco-earn-steps div, .eco-merchant-card, .ecosystem-card, .ecosystem-panel, .eco-market-card, .eco-market-metric) {
  border-color: var(--wallet-panel-border);
  background-color: var(--wallet-panel-bg);
  box-shadow: var(--wallet-shadow);
}

.wallet-app :where(.wlt-locked, .vault-locked, .ecosystem-locked) {
  border: 1px solid var(--wallet-panel-border);
  background: var(--wallet-panel-bg-strong);
  box-shadow: var(--wallet-shadow);
}

.wallet-app :where(.wlt-hero-desc, .eco-hero-desc, .vault-card p, .vault-panel p, .wlt-panel p, .ecosystem-card p, .ecosystem-panel p, .coin-hero-copy p, .coin-section p) {
  color: var(--wallet-muted);
}

.wallet-app :where(.wlt-field input, .wlt-field select, .wlt-field textarea, .eco-field input, .eco-field select, .vault-field input, .vault-field select, .vault-field textarea) {
  border-color: var(--wallet-panel-border);
  background-color: var(--wallet-panel-bg-strong);
  color: var(--text-color);
}

.wallet-app :where(.wlt-field input, .wlt-field select, .wlt-field textarea, .eco-field input, .eco-field select, .vault-field input, .vault-field select, .vault-field textarea):focus {
  border-color: rgba(255, 103, 31, 0.5);
  box-shadow: 0 0 0 4px rgba(255, 103, 31, 0.12);
  outline: none;
}

.wallet-app :where(.btn-primary, .wlt-submit, .ecosystem-action.primary, .vault-action.primary) {
  box-shadow: 0 18px 42px rgba(255, 103, 31, 0.18);
}

.wallet-app :where(.btn-secondary, .wlt-btn, .ecosystem-action, .vault-action) {
  border-color: var(--wallet-panel-border);
}

body.theme-light.wallet-app :where(.btn-secondary, .wlt-btn, .ecosystem-action, .vault-action) {
  background: rgba(255, 255, 255, 0.72);
  color: #17231c;
}

body.theme-light.wallet-app :where(.btn-secondary, .wlt-btn, .ecosystem-action, .vault-action):hover {
  background: rgba(255, 103, 31, 0.1);
  border-color: rgba(180, 69, 8, 0.18);
}

body.theme-light.wallet-app :where(.wlt-kicker, .vault-kicker, .eco-kicker, .coin-kicker, .hero-label) {
  color: #b44508;
}

body.theme-dark.wallet-app :where(
  .coin-panel,
  .coin-card,
  .coin-proof > div,
  .coin-stat,
  .coin-learn-card,
  .coin-comparison-item,
  .coin-use-card,
  .coin-road-item,
  .wlt-card,
  .wlt-stat,
  .wlt-principles div,
  .wlt-panel,
  .wlt-layer-grid > div,
  .wlt-security-state div,
  .wlt-device-row,
  .wlt-binding-item,
  .eco-panel,
  .eco-stat,
  .eco-earn-steps div,
  .eco-market-card,
  .eco-market-metric,
  .eco-merchant-card,
  .ecosystem-card,
  .ecosystem-panel,
  .ecosystem-summary,
  .ecosystem-metric,
  .ecosystem-layer,
  .vault-panel,
  .vault-card,
  .vault-metric,
  .vault-row,
  .vault-ip-bridge
) {
  background: rgba(18, 20, 22, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.26) !important;
}

body.theme-dark.wallet-app :where(
  .coin-hero-visual,
  .coin-media,
  .coin-showcase-media,
  .coin-architecture-media,
  .wlt-card-bg,
  .eco-merchant-card-bg
) {
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 103, 31, 0.16), transparent 36%),
    radial-gradient(circle at 82% 18%, rgba(4, 106, 56, 0.18), transparent 38%),
    rgba(10, 12, 12, 0.94) !important;
}

body.theme-dark.wallet-app :where(
  .coin-proof div,
  .coin-card,
  .coin-panel,
  .coin-stat,
  .coin-learn-card,
  .coin-use-card,
  .coin-tech-item,
  .coin-comparison div,
  .coin-flow div,
  .coin-roadmap article,
  .wlt-stat,
  .wlt-principles div,
  .wlt-panel,
  .wlt-security-state div,
  .wlt-device-row,
  .eco-panel,
  .eco-stat,
  .eco-earn-steps div,
  .eco-market-card,
  .eco-market-metric,
  .eco-merchant-card,
  .ecosystem-card,
  .ecosystem-panel,
  .ecosystem-summary,
  .ecosystem-metric,
  .ecosystem-layer,
  .vault-panel,
  .vault-card,
  .vault-metric,
  .vault-row
) {
  background-image: none !important;
}

body.theme-dark.wallet-app :where(
  .coin-panel p,
  .coin-card p,
  .coin-proof p,
  .coin-learn-card p,
  .coin-comparison-item p,
  .coin-use-card p,
  .coin-road-item p,
  .wlt-panel p,
  .wlt-stat p,
  .wlt-principles p,
  .wlt-layer-grid p,
  .eco-merchant-card p,
  .eco-market-card p,
  .ecosystem-card p,
  .ecosystem-panel p,
  .ecosystem-summary p,
  .vault-panel p,
  .vault-card p,
  .vault-row small,
  .vault-ip-bridge p
) {
  color: rgba(255, 255, 255, 0.62) !important;
}

body.theme-light.wallet-app :where(
  .coin-panel,
  .coin-card,
  .coin-proof > div,
  .coin-stat,
  .coin-learn-card,
  .coin-comparison-item,
  .coin-use-card,
  .coin-road-item,
  .wlt-card,
  .wlt-stat,
  .wlt-principles div,
  .wlt-panel,
  .wlt-layer-grid > div,
  .wlt-security-state div,
  .wlt-device-row,
  .wlt-binding-item,
  .eco-panel,
  .eco-stat,
  .eco-earn-steps div,
  .eco-market-card,
  .eco-market-metric,
  .eco-merchant-card,
  .ecosystem-card,
  .ecosystem-panel,
  .ecosystem-summary,
  .ecosystem-metric,
  .ecosystem-layer,
  .vault-panel,
  .vault-card,
  .vault-metric,
  .vault-row,
  .vault-ip-bridge
) {
  background: rgba(255, 255, 255, 0.84) !important;
  border-color: rgba(13, 33, 24, 0.12) !important;
  box-shadow: 0 18px 42px rgba(20, 38, 30, 0.1) !important;
}

body.theme-light.wallet-app :where(
  .coin-panel p,
  .coin-card p,
  .coin-proof p,
  .coin-learn-card p,
  .coin-comparison-item p,
  .coin-use-card p,
  .coin-road-item p,
  .wlt-panel p,
  .wlt-stat p,
  .wlt-principles p,
  .wlt-layer-grid p,
  .eco-merchant-card p,
  .eco-market-card p,
  .ecosystem-card p,
  .ecosystem-panel p,
  .ecosystem-summary p,
  .vault-panel p,
  .vault-card p,
  .vault-row small,
  .vault-ip-bridge p
) {
  color: rgba(23, 35, 28, 0.68) !important;
}

.wallet-app-launcher {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: -18px 0 clamp(34px, 5vw, 62px);
}

.wallet-app-launcher a {
  min-width: 0;
  padding: 16px 14px;
  border: 1px solid var(--wallet-panel-border);
  border-radius: 16px;
  background: var(--wallet-panel-bg);
  color: inherit;
  text-decoration: none;
  box-shadow: var(--wallet-shadow);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.wallet-app-launcher a:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 103, 31, 0.28);
  background: rgba(255, 103, 31, 0.08);
}

.wallet-app-launcher span {
  display: block;
  margin-bottom: 7px;
  color: var(--brand-orange);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.wallet-app-launcher strong {
  display: block;
  margin-bottom: 6px;
  font-size: 0.95rem;
  line-height: 1.2;
}

.wallet-app-launcher p {
  margin: 0;
  color: var(--wallet-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.wallet-overview-page .site-header {
  z-index: 100;
}

.wallet-overview-page .header-inner {
  position: relative;
}

.wallet-overview-page .coin-hero {
  min-height: min(760px, calc(100svh - 76px));
}

.wallet-overview-page .coin-hero-copy {
  min-width: 0;
}

.wallet-overview-page .coin-hero h1 {
  max-width: 860px;
}

.wallet-overview-page .coin-hero-visual {
  width: 100%;
  max-width: 560px;
  justify-self: end;
}

.wallet-overview-page .coin-hero-visual img {
  aspect-ratio: 1 / 1;
}

.wallet-overview-page .coin-visual-caption span,
.wallet-overview-page .wallet-suite-rail span {
  color: #fff !important;
}

body.theme-light.wallet-overview-page .wallet-suite-rail span {
  color: rgba(23, 35, 28, 0.76) !important;
}

.wallet-app :where(
  .coin-main,
  .wlt-main,
  .vault-main,
  .eco-main,
  .ecosystem-main
) {
  min-width: 0;
}

.wallet-app :where(
  .coin-hero,
  .coin-split,
  .coin-arch-split,
  .coin-showcase,
  .coin-architecture,
  .coin-world,
  .coin-community,
  .coin-community-split,
  .wlt-hero,
  .wlt-grid,
  .wlt-stats,
  .wlt-principles,
  .vault-hero,
  .vault-split,
  .vault-grid,
  .eco-hero,
  .eco-grid,
  .eco-stats,
  .eco-layers,
  .ecosystem-hero,
  .ecosystem-split,
  .ecosystem-grid,
  .ecosystem-metric-grid,
  .ecosystem-layers,
  .eco-services-grid,
  .eco-earn-steps
) {
  min-width: 0;
}

@media (min-width: 769px) {
  .wallet-app .site-header,
  .wallet-app .personal-header {
    min-height: 76px;
  }

  .wallet-app .header-inner,
  .wallet-app .personal-header-inner {
    min-height: 76px;
  }

  .wallet-app-launcher {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .wallet-app :where(
    .coin-hero,
    .coin-split,
    .coin-arch-split,
    .coin-showcase,
    .coin-architecture,
    .coin-world,
    .coin-community,
    .coin-community-split,
    .wlt-hero,
    .wlt-grid,
    .vault-hero,
    .vault-split,
    .vault-grid,
    .eco-hero,
    .eco-grid,
    .ecosystem-hero,
    .ecosystem-split,
    .ecosystem-grid,
    .ecosystem-layers,
    .eco-services-grid,
    .eco-earn-steps
  ) {
    grid-template-columns: 1fr !important;
  }

  .wallet-app-launcher {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .wallet-overview-page .coin-hero {
    min-height: auto;
  }

  .wallet-overview-page .coin-hero-visual {
    justify-self: stretch;
    max-width: none;
  }

  .wallet-app :where(.coin-proof, .coin-roadmap, .coin-comparison, .wlt-stats, .wlt-principles, .eco-stats, .ecosystem-grid, .ecosystem-layers) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wallet-app :where(.coin-grid, .coin-learn-grid, .coin-use-grid, .coin-stats, .eco-services-grid, .eco-earn-steps) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .wallet-app :where(.coin-main, .wlt-main, .vault-main, .eco-main, .ecosystem-main) {
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .wallet-app :where(
    .coin-card,
    .coin-proof div,
    .coin-tech-item,
    .coin-comparison div,
    .coin-flow div,
    .coin-roadmap article,
    .wlt-stat,
    .wlt-principles div,
    .wlt-panel,
    .wlt-locked,
    .vault-panel,
    .vault-card,
    .vault-metric,
    .vault-row,
    .eco-panel,
    .eco-stat,
    .eco-merchant-card,
    .eco-market-card,
    .ecosystem-card,
    .ecosystem-panel,
    .ecosystem-summary,
    .ecosystem-metric,
    .ecosystem-layer
  ) {
    border-radius: 14px;
  }
}

@media (max-width: 768px) {
  body.wallet-app,
  body.theme-light.wallet-app {
    padding-top: 72px;
  }

  body.wallet-app {
    background:
      radial-gradient(circle at 10% 0%, rgba(255, 103, 31, 0.16), transparent 34%),
      radial-gradient(circle at 100% 4%, rgba(4, 106, 56, 0.18), transparent 34%),
      #000;
  }

  body.theme-light.wallet-app {
    background:
      radial-gradient(circle at 10% 0%, rgba(255, 103, 31, 0.13), transparent 34%),
      radial-gradient(circle at 100% 4%, rgba(4, 106, 56, 0.12), transparent 34%),
      #f8faf7;
  }

  .wallet-app .brand-link,
  .wallet-app .personal-brand {
    border: 0;
    background: transparent;
  }

  .wallet-overview-page .header-inner {
    padding-inline: 14px;
  }

  .wallet-overview-page .site-header .brand-link {
    max-width: calc(100vw - 84px);
    padding-left: 0 !important;
  }

  .wallet-overview-page .site-header .brand-name,
  .wallet-overview-page .site-header .brand-tagline {
    max-width: 190px;
  }

  .wallet-overview-page .site-header .wallet-nav {
    right: 10px;
    width: min(340px, calc(100vw - 20px));
  }

  .wallet-overview-page .coin-main {
    padding-top: 18px;
  }

  .wallet-overview-page .coin-hero {
    padding-top: 28px;
    padding-bottom: 32px;
  }

  .wallet-app-launcher {
    grid-template-columns: 1fr;
    margin-top: -4px;
  }

  .wallet-app-launcher a {
    padding: 14px;
    border-radius: 14px;
  }

  .wallet-app :where(.coin-proof, .coin-roadmap, .coin-comparison, .wlt-stats, .wlt-principles, .eco-stats, .ecosystem-grid, .ecosystem-layers) {
    grid-template-columns: 1fr;
  }

  .wallet-app :where(.coin-grid, .coin-learn-grid, .coin-use-grid, .coin-stats, .eco-services-grid, .eco-earn-steps, .vault-grid, .ecosystem-metric-grid) {
    grid-template-columns: 1fr !important;
  }

  .wallet-app :where(.coin-hero, .wlt-hero, .vault-hero, .eco-hero, .ecosystem-hero) {
    gap: 22px;
  }

  .wallet-app :where(.coin-hero-visual, .coin-media, .coin-showcase-media, .coin-architecture-media) {
    min-height: 280px !important;
  }

  .wallet-overview-page .coin-hero-visual,
  .wallet-overview-page .coin-hero-visual img {
    min-height: 280px !important;
  }

  .wallet-app :where(.coin-hero-actions, .wlt-action-row, .vault-actions, .ecosystem-actions, .wlt-device-actions) {
    gap: 8px;
  }

  .wallet-app :where(.wlt-btn, .wlt-submit, .vault-action, .ecosystem-action, .btn-secondary) {
    min-height: 44px;
    padding-inline: 14px;
  }

  .wallet-app .personal-header .auth-bar,
  .wallet-app .site-header .auth-bar {
    max-width: 88px;
  }

  .wallet-app .personal-header .auth-bar span,
  .wallet-app .site-header .auth-bar span {
    display: none;
  }

  .wallet-app :where(.wlt-card, .eco-merchant-card) {
    aspect-ratio: 1.48;
  }

  .wallet-app .wlt-card {
    max-width: 100%;
  }

  .wallet-app :where(.coin-pillar-nav) {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .wallet-app :where(.coin-pillar-nav)::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 560px) {
  .wallet-app :where(.wlt-main, .coin-main, .vault-main, .eco-main, .ecosystem-main) {
    padding-left: 16px;
    padding-right: 16px;
  }

  .wallet-app :where(.coin-panel, .coin-card, .coin-learn-card, .coin-use-card, .wlt-panel, .vault-panel, .ecosystem-panel, .eco-panel, .eco-market-card, .wallet-app-launcher a) {
    padding: 16px;
  }

  .wallet-app :where(.coin-hero-actions a, .coin-btn, .wlt-action-row .wlt-btn, .wlt-action-row .wlt-submit, .wlt-device-actions .wlt-btn, .vault-actions .vault-action, .ecosystem-actions .ecosystem-action) {
    width: 100%;
  }

  .wallet-app :where(.coin-hero h1, .vault-hero h1, .ecosystem-hero h1, .eco-hero h1, .wlt-hero h1) {
    font-size: clamp(2rem, 11vw, 3.2rem) !important;
    line-height: 1.05;
  }

  .wallet-app :where(.coin-section-head h2, .coin-panel h2, .wlt-panel h2, .vault-panel h2, .eco-panel h2, .ecosystem-panel h2) {
    font-size: clamp(1.35rem, 7vw, 2rem);
    line-height: 1.12;
  }

  .wallet-app :where(.coin-hero-visual, .coin-hero-visual img, .coin-media, .coin-media img, .coin-showcase-media, .coin-showcase-media img, .coin-architecture-media, .coin-architecture-media img) {
    min-height: 240px !important;
  }

  .wallet-overview-page .coin-main {
    padding-left: 14px;
    padding-right: 14px;
  }

  .wallet-overview-page .coin-hero {
    gap: 18px;
  }

  .wallet-overview-page .coin-hero h1 {
    font-size: clamp(2.1rem, 11vw, 3.15rem) !important;
  }

  .wallet-overview-page .coin-hero-copy p:not(.hero-label) {
    font-size: 0.95rem;
    line-height: 1.58;
  }

  .wallet-overview-page .wallet-suite-rail {
    gap: 6px;
  }

  .wallet-overview-page .wallet-suite-rail span {
    min-height: 30px;
    padding: 5px 9px;
    font-size: 0.66rem;
  }

  .wallet-overview-page .coin-hero-visual,
  .wallet-overview-page .coin-hero-visual img {
    min-height: 230px !important;
  }

  .wallet-overview-page .coin-visual-caption {
    left: 10px;
    right: 10px;
    bottom: 10px;
    gap: 6px;
  }

  .wallet-overview-page .coin-visual-caption span {
    padding: 8px;
    border-radius: 10px;
    font-size: 0.65rem;
  }

  .wallet-app .wlt-card-inner {
    padding: 16px;
  }

  .wallet-app .wlt-card-footer {
    gap: 10px;
  }

  .wallet-app .wlt-card-footer span {
    letter-spacing: .7px;
  }
}