/* Shared "hash chip" component — one truncated address/hash + copy + tap-to-expand, used on
   every SPS-facing payment surface so a 66-char hash can never blow out a table cell or a modal.
   Colours are kept deliberately plain (no brand accent) so it drops into any surface's palette;
   each page's own stylesheet may still override `.hash-chip-toggle` font-family if it wants to. */
/* `nowrap` + `min-width: 0` on the toggle (not `flex-wrap: wrap` on the parent) is the fix: the
   label shrinks and ellipsizes before the copy control is ever pushed onto its own line — found
   reviewing the UI-fix screenshots, where the copy button sat stacked under every chip. */
.hash-chip { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; flex-wrap: nowrap; }
.hash-chip-toggle {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 12.5px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  color: inherit;
  padding: 4px 8px;
  cursor: pointer;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hash-chip-copy {
  font-family: inherit;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  color: inherit;
  width: 26px;
  height: 26px;
  padding: 0;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hash-chip-copy svg { width: 14px; height: 14px; display: block; }
.hash-chip-copy.copied { border-color: #3ddc84; color: #3ddc84; }
.hash-chip-full[hidden] { display: none; }
.hash-chip-full {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 12.5px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.hash-chip-explorer {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
}
.hash-chip-empty { opacity: 0.6; }