/* $agentpay CA slots (top bar pill, sidebar, footer). Markup is generated in scripts/build.mjs. */
.ca.ca-live { gap: 6px; padding: 4px 6px 4px 4px; border-style: solid; }
.ca-addr { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; padding: 3px 6px; border-radius: 999px; color: var(--fg); font: 450 12.5px var(--mono); cursor: pointer; }
.ca-addr:hover { background: rgba(255,255,255,.07); }
.ca-addr svg, .ca-card svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; flex: none; opacity: .75; }
.ca-l { text-decoration: none; color: var(--mut); font: 450 12px var(--mono); padding: 3px 8px; border-radius: 999px; border: 1px solid var(--line-2); }
.ca-l:hover { color: var(--fg); border-color: rgba(255,255,255,.3); }
[data-ca-copy].copied, [data-ca-copy].copied .mono { color: #7ee2a8; }
/* sidebar bottom */
.side .me.ca-side { align-items: flex-start; }
.ca-side-t { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.ca-side-t .ca-addr { padding: 2px 0; font-size: 12.5px; color: var(--mut); }
.ca-side-t .ca-addr:hover { background: none; color: var(--fg); }
.ca-side-l { display: flex; gap: 6px; }
.ca-side-l .ca-l { font-size: 11px; padding: 2px 7px; }
/* footer brand column */
.ca-card { border: 1px solid var(--line-2); border-radius: 14px; padding: 12px; background: var(--inset); max-width: 380px; }
.ca-card-h { display: flex; align-items: center; gap: 8px; font: 450 11.5px var(--mono); color: var(--mut-2); text-transform: uppercase; letter-spacing: .08em; }
.ca-card-h b { background: var(--fg); color: #000; padding: 2px 9px; border-radius: 999px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.ca-full { display: block; margin: 10px 0; font: 400 12.5px/1.45 var(--mono); color: var(--fg); overflow-wrap: anywhere; user-select: all; }
.ca-card-a { display: flex; flex-wrap: wrap; gap: 8px; }
.ca-card-a .btn.sm { height: 32px; padding: 0 12px; font-size: 12.5px; gap: 6px; text-decoration: none; }
/* footer Token column */
.ca-navcopy { background: none; border: 0; padding: 0; text-align: left; cursor: pointer; color: var(--mut); font: 400 13px var(--mono); }
.ca-navcopy:hover { color: var(--fg); }
@media (max-width: 560px) {
  .ca.ca-live { gap: 4px; padding: 3px 4px 3px 3px; }
  .ca.ca-live b { padding: 3px 7px; }
  .ca-addr { font-size: 11px; padding: 2px 4px; gap: 4px; }
  .ca-addr svg { width: 12px; height: 12px; }
  .ca.ca-live .ca-l { font-size: 10.5px; padding: 2px 6px; }
  .ca.ca-live .ca-l .ar { display: none; }
}
@media (max-width: 420px) {
  .ca.ca-live b { display: none; }
}
.ca-side-l .ca-l .ar { display: none; }
.ca-side-l .ca-l { white-space: nowrap; }