/* Contract address pill with Copy (see /launch/copy-ca.js). */
.ca { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; max-width: 100%; padding: 4px 4px 4px 12px; border: 1px solid var(--surface3); border-radius: var(--rfull); background: var(--surface2); font-size: 14px; line-height: 20px; color: var(--neutral2); }
.ca-label { font-size: 12px; font-weight: var(--medium, 500); letter-spacing: 0.04em; color: var(--neutral3); }
.ca-addr { font-family: var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace); font-size: 14px; color: var(--neutral1); white-space: nowrap; }
.ca-copy { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 12px; margin: 0; border: 0; border-radius: var(--rfull); background: var(--accent2); color: var(--accent1); font: inherit; font-size: 14px; font-weight: var(--medium, 500); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 100ms ease; }
.ca-copy:hover { background: var(--accent2-hover, var(--accent2)); }
.ca-copy.copied, .ca-icon.copied { background: var(--success2, rgba(64, 182, 107, 0.12)); color: var(--success); }
.ca-link { padding-right: 8px; font-size: 13px; color: var(--neutral2); white-space: nowrap; }
.ca-link:hover { color: var(--neutral1); }
.ca-manual { flex-basis: 100%; min-width: 0; margin: 2px 8px 4px 0; padding: 6px 10px; border: 1px solid var(--surface3); border-radius: var(--r12); background: var(--surface1); color: var(--neutral1); font-family: var(--mono, ui-monospace, monospace); font-size: 16px; }
.ca-icon { display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; margin: -4px 0; padding: 0; border: 0; border-radius: var(--r8, 8px); background: transparent; color: var(--neutral3); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ca-icon:hover { background: var(--surface3); color: var(--neutral1); }
.ca-slot:empty, .ca-slot[hidden] { display: none; }
@media (max-width: 360px) {
  .ca { gap: 4px 6px; padding-left: 10px; }
  .ca-copy { padding: 4px 10px; }
  .ca-link-text { display: none; }
  .ca-link { padding: 0 8px 0 2px; font-size: 15px; }
}
.ca:has(.ca-manual:not([hidden])) { border-radius: var(--r16, 16px); padding-bottom: 6px; }
/* Coin page on phones: keep the CA with the name, above the swap box. */
@media (max-width: 1000px) { .left > .coin-ca { order: 0; } }