/* Canonical seal ledger. Trench identity remains intact. */
.view-seals .portfolio-summary {
  display: none !important;
}

.view-seals .ledger-arrival {
  min-height: 52px;
  margin: 0 0 14px;
  padding: 0 18px;
  border: 0;
  border-radius: 14px;
  background: rgba(184, 255, 37, .075);
}

.view-seals .ledger-arrival > span {
  display: flex;
  gap: 12px;
}

.view-seals .ledger-arrival small {
  color: #b8ff25;
}

.view-seals .library-tools {
  margin-bottom: 10px;
  border-radius: 16px !important;
}

.view-seals .library-tools .filters button {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: #82908b !important;
  box-shadow: none !important;
}

.view-seals .library-tools .filters button.active {
  background: rgba(89, 220, 232, .09) !important;
  color: #e4fbfd !important;
}

.seal-ledger-list {
  width: 100%;
  display: grid;
  gap: 6px;
}

.seal-ledger-row {
  --seal-row-accent: #59dce8;
  width: 100%;
  min-width: 0;
  min-height: 96px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 64px minmax(230px, 1.4fr) minmax(150px, .75fr) minmax(112px, .55fr) minmax(112px, .55fr) minmax(108px, .52fr) 84px;
  align-items: center;
  gap: 15px;
  border: 0;
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 50%, color-mix(in srgb, var(--seal-row-accent) 7%, transparent), transparent 30%),
    rgba(255, 255, 255, .035);
  color: #edf2ef;
  cursor: pointer;
  text-align: left;
  transition: background .18s ease, transform .18s ease;
}

.seal-ledger-row.kind-swap { --seal-row-accent: #6b8dff; }
.seal-ledger-row.kind-work { --seal-row-accent: #59dce8; }
.seal-ledger-row.kind-cause { --seal-row-accent: #f5a84b; }
.seal-ledger-row.kind-community { --seal-row-accent: #84e5c5; }
.seal-ledger-row.kind-token { --seal-row-accent: #c7ff31; }

.seal-ledger-row:hover,
.seal-ledger-row:focus-visible {
  transform: translateX(3px);
  background:
    radial-gradient(circle at 100% 50%, color-mix(in srgb, var(--seal-row-accent) 11%, transparent), transparent 32%),
    rgba(255, 255, 255, .055);
  outline: 0;
}

.seal-ledger-row.just-sealed {
  background:
    radial-gradient(circle at 100% 50%, rgba(184, 255, 37, .1), transparent 32%),
    rgba(184, 255, 37, .045);
}

.seal-ledger-emblem {
  position: relative;
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #07100f;
  color: var(--seal-row-accent);
  box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}

.seal-ledger-emblem img {
  object-fit: cover;
}

.seal-ledger-emblem svg {
  width: 28px;
  height: 28px;
}

.seal-ledger-identity,
.seal-ledger-id,
.seal-ledger-coherence,
.seal-ledger-rail,
.seal-ledger-issued {
  min-width: 0;
}

.seal-ledger-row small,
.seal-ledger-row b,
.seal-ledger-row em,
.seal-ledger-row code {
  display: block;
}

.seal-ledger-row small {
  color: #73817c;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.seal-ledger-identity small {
  color: var(--seal-row-accent);
}

.seal-ledger-identity b {
  margin-top: 5px;
  overflow: hidden;
  color: #f5f6f2;
  font-size: 17px;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seal-ledger-identity em {
  margin-top: 5px;
  overflow: hidden;
  color: #77837f;
  font-size: 10px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seal-ledger-id code {
  margin-top: 7px;
  overflow: hidden;
  color: var(--seal-row-accent);
  font-size: 10px;
  letter-spacing: .06em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seal-ledger-coherence b,
.seal-ledger-rail b,
.seal-ledger-issued b {
  margin-top: 7px;
  overflow: hidden;
  color: #dce4df;
  font-size: 11px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seal-ledger-open {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: var(--seal-row-accent);
}

.seal-ledger-open i {
  padding: 5px 7px;
  border-radius: 7px;
  background: #b8ff25;
  color: #07100f;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.seal-ledger-open b {
  color: #f5f6f2;
  font-size: 10px;
}

.seal-ledger-open svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Authorization is one instrument, not two decorated cards. */
.view-exchange .exchange-authorize {
  gap: 0 !important;
  overflow: hidden;
  border-radius: 28px;
  background:
    radial-gradient(circle at 78% 10%, rgba(89, 220, 232, .065), transparent 29%),
    linear-gradient(145deg, rgba(17, 29, 31, .98), rgba(8, 15, 19, .99));
}

.view-exchange .authorize-instrument,
.view-exchange .wallet-approval,
.view-exchange .fee-card,
.view-exchange .identity-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-exchange .wallet-ready,
.view-exchange .authorization-scope span {
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 1100px) {
  .seal-ledger-row {
    grid-template-columns: 60px minmax(200px, 1.2fr) minmax(140px, .7fr) minmax(108px, .5fr) minmax(100px, .5fr) 72px;
  }

  .seal-ledger-issued {
    display: none;
  }
}

@media (max-width: 760px) {
  .view-seals .library-heading {
    padding-bottom: 24px;
  }

  .view-seals .ledger-arrival {
    padding: 12px 14px;
  }

  .seal-ledger-row {
    min-height: 118px;
    padding: 12px;
    grid-template-columns: 54px minmax(0, 1fr) 44px;
    grid-template-rows: auto auto;
    gap: 9px 12px;
  }

  .seal-ledger-emblem {
    width: 52px;
    height: 52px;
    grid-column: 1;
    grid-row: 1;
  }

  .seal-ledger-identity {
    grid-column: 2;
    grid-row: 1;
  }

  .seal-ledger-open {
    grid-column: 3;
    grid-row: 1;
  }

  .seal-ledger-id {
    grid-column: 1 / 3;
    grid-row: 2;
  }

  .seal-ledger-coherence {
    grid-column: 3;
    grid-row: 2;
  }

  .seal-ledger-rail,
  .seal-ledger-issued {
    display: none;
  }

  .seal-ledger-open b,
  .seal-ledger-open i {
    display: none;
  }
}