/* Technocore Worker — optional EVM wallet
   Secondary utility. Visually separated from the primary flow, never advertised.
   Secrets are handled entirely by wallet-ui.js in page memory. */

.wallet { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
.wallet-head { max-width: 54ch; }
.wallet-head .eyebrow { color: var(--fg-faint); }
.wallet-head h2 { margin-top: 8px; font-size: 1rem; font-weight: 600; letter-spacing: -.015em; }
.wallet-head .muted { margin-top: 7px; font-size: .8rem; line-height: 1.55; }

.wallet-empty { margin-top: 16px; }

.wallet-ready {
  margin-top: 16px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px;
  padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--inset);
  overflow: hidden;
}
#wallet-phrase { display: grid; gap: 12px; }
#wallet-phrase .micro { margin: 0; }
.wallet-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; min-width: 0; }
.wallet-field { min-width: 0; flex: 1; }
#wallet-address {
  display: block; margin-top: 5px; min-width: 0; max-width: 100%; color: var(--fg); font-size: .82rem;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.wallet-recovery { border-top: 1px solid var(--line); padding-top: 15px; display: grid; gap: 12px; min-width: 0; }
.wallet-recovery-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.wallet-recovery-labels { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
.mono-mini { color: var(--fg-faint); font: 600 .67rem/1 var(--mono); letter-spacing: .07em; }
.ok-mini { color: var(--ok); font-size: .74rem; }

#wallet-reveal-confirm {
  display: grid; gap: 10px; padding: 13px; border: 1px solid var(--line-2); border-radius: var(--radius-sm); background: var(--bg-raise);
}
#wallet-reveal-confirm .note { margin-top: 0; }
.ack { display: flex; align-items: flex-start; gap: 9px; color: var(--fg-muted); font-size: .78rem; line-height: 1.45; cursor: pointer; }
.ack input { margin-top: 2px; flex: none; }

.wallet-btn-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.wallet-words {
  list-style: none; margin: 4px 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px 14px;
}
.wallet-words li { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.wallet-words span { flex: none; width: 15px; text-align: right; color: var(--fg-faint); font: 500 .64rem/1 var(--mono); }
.wallet-words strong { font: 600 .8rem/1.3 var(--mono); color: var(--fg); overflow-wrap: anywhere; }

.wallet-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#wallet-status { margin-top: 12px; }
#wallet-status:empty { display: none; }

@media (max-width: 560px) {
  .wallet-row { flex-direction: column; align-items: stretch; }
  .wallet-row .btn { align-self: flex-start; }
  .wallet-words { grid-template-columns: repeat(3, 1fr); gap: 10px 8px; }
}
@media (max-width: 360px) {
  .wallet-words { grid-template-columns: repeat(2, 1fr); }
}