/* TTAJ Wallet Fix24 — unified asset/network visual identity */

.ttaj-asset-icon {
  --ttaj-icon-size: 44px;
  position: relative;
  display: inline-grid;
  place-items: center;
  width: var(--ttaj-icon-size);
  height: var(--ttaj-icon-size);
  flex: 0 0 var(--ttaj-icon-size);
  overflow: visible;
}

.ttaj-asset-icon.sm {
  --ttaj-icon-size: 36px;
}

.ttaj-asset-icon.lg {
  --ttaj-icon-size: 54px;
}

.ttaj-asset-icon > .ttaj-token-face,
.ttaj-network-icon {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: var(--surface2, #101916);
  border: 1px solid var(--border, #1c2a25);
  font-weight: 950;
  color: var(--text, #eef8f3);
}

.ttaj-asset-icon img,
.ttaj-network-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ttaj-asset-icon .ttaj-network-badge {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 40%;
  height: 40%;
  min-width: 15px;
  min-height: 15px;
  z-index: 2;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 2px solid var(--surface, #0a100e);
  border-radius: 50%;
  background: var(--surface, #0a100e);
  box-shadow: 0 1px 5px #0008;
  font-size: 9px;
  font-weight: 950;
}

.ttaj-asset-icon .ttaj-network-badge img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.ttaj-network-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}

.ttaj-network-icon.sm {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
}

.ttaj-network-icon.lg {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
}

/* Existing circular wrappers must not clip the network badge. */

.coin:has(.ttaj-asset-icon),
.ico:has(.ttaj-asset-icon),
.asset-logo:has(.ttaj-asset-icon) {
  overflow: visible !important;
  background: transparent !important;
  border-color: transparent !important;
}

.asset-btn .ttaj-asset-icon {
  --ttaj-icon-size: 30px;
}

.pick-row .ttaj-asset-icon {
  --ttaj-icon-size: 38px;
}

.receive-qr-grid {
  display: block !important;
  width: 100%;
  height: 100%;
}

.receive-qr-grid svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ttaj-asset-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
}

/* Compact official-project verification badge. */

.ttaj-project-verified {
  display: inline-grid;
  place-items: center;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  vertical-align: -2px;
}

.ttaj-project-verified svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ttaj-project-verified path:first-child {
  fill: #1689ff;
  stroke: #8dc8ff;
  stroke-width: 0.4;
}

.ttaj-project-verified .ttaj-project-check {
  fill: none;
  stroke: #fff;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ttaj-unit-price {
  margin-top: 3px;
  color: var(--text2, #c8d8d1);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.ttaj-unit-price.unavailable {
  color: var(--muted, #7f938b);
  font-weight: 700;
}