.wallet-form {
  margin-bottom: 1.5rem;
  display: flex;              /* flex container */
  justify-content: center;    /* center horizontally */
  align-items: center;        /* vertical alignment */
  gap: 0.5rem;                /* space between input and button */
}

#wallet_fetch_address {
  flex: 1 1 300px;            /* grow/shrink, min width 300px */
  max-width: 750px;           /* optional maximum width */
  padding: 0.5rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.wallet-address-click {
    cursor: pointer;
    text-decoration: underline;
    color: #E200FF;
    display: inline-block;       /* shrink to content width */
    max-width: 200px;           /* adjust as needed */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    /* show "…" if too long */
}
.wallet-address-click:hover {
    color: #8F00FF;
}


.wallet-form button {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  background-color: #2b7a78;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.wallet-form button:hover {
  background-color: #3aafa9;
}

/* optional: center wallet-form block in page */
.wallet-form-container {
  display: flex;
  justify-content: center;
}


.wallet-error {
  color: darkred;
  margin-top: 0.5rem;
  font-weight: bold;
}

.wallet-table {
  width: 100%;
  /* max-width: 850px; */
  border-collapse: collapse;
  margin-top: 1rem;
}

.wallet-table th,
.wallet-table td {
  border: 1px solid #ccc;
  padding: 0.5rem 1rem;
  text-align: left;
}

.wallet-table th {
  background-color: #2b7a78;
  color: #fff;
}

.wallet-table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* -- Wallet Row Flashing -- */
.row-flash {
    animation: flashFade 2s ease-out;
}

@keyframes flashFade {
    0%   { background-color: #e8ffb5; }
    50%  { background-color: #fcffd1; }
    100% { background-color: transparent; }
}