/* Match the approved ZIP Home image while retaining persistent SPA architecture. */
@media (max-width: 700px) {
  .tp-app .app-header { min-height: 45px; padding: 9px 16px 2px; }
  .tp-header-brand .tp-tron-logo { width: 32px; height: 34px; }
  .tp-header-brand { gap: 9px; font-size: 23px; }
  .tp-header-tools { gap: 11px; }
  .tp-header-circle { width: 35px; height: 35px; }
  .tp-header-circle .tp-icon { width: 19px; height: 19px; }
  .tp-app .app-page-content { padding: 8px 16px calc(103px + env(safe-area-inset-bottom, 0px)); }
  .tp-wallet-hero { min-height: 0; padding: 19px 16px 14px; border-radius: 16px; }
  .tp-primary-balance { margin: 6px 0; }
  .tp-wallet-secondary { margin-top: 12px; padding-top: 10px; }
  .tp-action-card { min-height: 104px; padding: 9px 3px 8px; gap: 5px; border-radius: 15px; }
  .tp-action-circle .tp-icon { width: 33px; height: 33px; }
  .tp-action-card strong { font-size: 14px; }
  .tp-action-card small { font-size: 10px; }
  .tp-activity-row { min-height: 64px; gap: 11px; padding: 10px 0; }
  .tp-activity-info, .tp-activity-value { gap: 4px; }
  .tp-activity-symbol { width: 38px; height: 38px; }
  .tp-home-note { margin: 22px 0 5px; }
  .tp-bottom-nav { height: calc(74px + env(safe-area-inset-bottom,0px)) !important; padding: 7px 12px calc(7px + env(safe-area-inset-bottom,0px)); }
  .tp-app .app-main { padding-bottom: calc(79px + env(safe-area-inset-bottom,0px)); }
  .tp-bottom-item.tp-pay-item { margin-top: -33px; }
  .tp-pay-item .tp-bottom-icon { width: 56px; height: 56px; padding: 16px; border-radius: 16px; }
}
.tp-card-watermark { position: absolute; right: -2px; top: 9px; width: 111px; height: 142px; opacity: .46; color: #ff294f; z-index: -1; transform: none; pointer-events: none; }
.tp-card-watermark path { stroke: currentColor; stroke-width: .9; fill: none; }
.tp-header-circle { position: relative; }
.tp-unread-indicator { position: absolute; width: 9px; height: 9px; right: 0; top: -1px; background: #ff3459; border-radius: 50%; }
.tp-bottom-item.active[href='#/home'] .tp-bottom-icon { fill: #ff3156; stroke: #ff3156; }
.tp-activity-value .tp-sample-status { color: #57deb5; }
.tp-home-note { color: #96a6bb; }
@media (max-width: 360px) {
  .tp-app .app-header { padding-inline: 13px; }
  .tp-app .app-page-content { padding-inline: 13px; }
  .tp-action-card { min-height: 101px; }
  .tp-action-card small { font-size: 9px; }
  .tp-activity-info strong, .tp-activity-value strong { font-size: 11px; }
}
@media (min-width: 701px) {
  .tp-app .app-header { min-height: 75px; padding-top: 14px; }
  .tp-action-card { min-height: 136px; }
  .tp-home { max-width: 850px; margin-inline: auto; }
}

.tp-header-circle.tp-avatar {overflow: hidden; background: #19283b;}
.tp-demo-avatar {width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;}