/* Agent Dial's wallet: live x402 receipts. Builds on ../../site.css tokens. */
.ad-live { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--ok);
  box-shadow: 0 0 6px var(--ok); animation: blink 2s steps(1) infinite; }

.ad-hero { display: grid; grid-template-columns: 88px 1fr; gap: 14px; align-items: center; }
.ad-hero img { width: 88px; height: 88px; border: 1px solid var(--ink); display: block; background: var(--slate-lo); }

.ad-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; }
.ad-totals { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
.ad-tile { padding: 10px 12px; border: 1px solid var(--slate); background: rgba(13, 10, 19, 0.6); min-width: 0; }
.ad-label { font-weight: 800; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }
.ad-big { font-family: var(--mono); font-size: 20px; color: var(--lavender); margin: 6px 0 4px;
  text-shadow: 0 0 8px rgba(221, 218, 255, 0.25); overflow-wrap: anywhere; }
.ad-bal .ad-big { color: var(--ok); text-shadow: 0 0 8px rgba(61, 220, 132, 0.35); }
.ad-sub { font-size: 11px; line-height: 1.45; color: var(--muted); overflow-wrap: anywhere; }
.ad-sub a { white-space: nowrap; }
.ad-dim { color: var(--muted); }
.ad-tile .ad-big.ad-na { font-size: 14px; color: var(--muted); text-shadow: none; }
.ad-older { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 12px; }

.ad-cats { width: 100%; border-collapse: collapse; font-size: 12px; }
.ad-cats caption { text-align: left; font-weight: 600; font-size: 12px; color: var(--lavender); padding-bottom: 6px; }
.ad-cats caption small { color: var(--muted); font-weight: 400; }
.ad-cats caption span { color: var(--muted); font-weight: 400; }
.ad-cats th { text-align: left; font-weight: 800; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--muted); border-bottom: 1px solid var(--slate); padding: 4px 6px; }
.ad-cats td { padding: 5px 6px; border-bottom: 1px dashed var(--slate-lo); color: var(--lavender); }
.ad-cats .num { text-align: right; font-family: var(--mono); white-space: nowrap; }

.ad-feed { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ad-row { padding: 8px 10px; border: 1px solid var(--slate-lo); background: rgba(13, 10, 19, 0.6); font-size: 12px; min-width: 0; }
.ad-top { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.ad-what { color: var(--lavender); min-width: 0; }
.ad-amt { font-family: var(--mono); color: var(--amber); white-space: nowrap; }
.ad-refill .ad-top { display: flex; flex-wrap: wrap; }
.ad-bot { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 4px; font-family: var(--mono); font-size: 11px; }
.ad-when { color: var(--muted); font-family: var(--mono); font-size: 11px; }
.ad-row a { color: var(--lavender); text-decoration: none; overflow-wrap: anywhere; font-family: var(--mono); font-size: 11px; }
.ad-row a:hover { color: var(--amber); }
.ad-pill { font-weight: 800; font-size: 9px; letter-spacing: 0.16em; padding: 2px 7px; border: 1px solid currentColor;
  text-transform: uppercase; white-space: nowrap; color: var(--muted); }
.ad-pill.twit { color: var(--neon); text-shadow: 0 0 6px rgba(176, 38, 255, 0.5); }
.ad-pill.blockrun { color: var(--amber); }
.ad-pill.ok { color: var(--ok); }
.ad-pill.wait { color: var(--amber); }
.ad-refill .ad-leg { display: flex; gap: 6px 12px; flex-wrap: wrap; align-items: baseline; margin-top: 5px; color: var(--lavender); }
.ad-refill .ad-leg span a { font-family: var(--mono); }
.ad-fee { margin-top: 5px; font-family: var(--mono); font-size: 11px; color: var(--amber); }
.ad-note { font-size: 12px; line-height: 1.55; color: var(--muted); margin: 0; }
.ad-note:empty { display: none; }
.ad-yes { color: var(--ok); }
.ad-no { color: var(--red); }

.ad-flowwrap { overflow-x: auto; border: 1px solid var(--slate-lo); background: var(--ink); padding: 10px; }
.ad-flow { font-size: clamp(9px, 2.9vw, 12px); line-height: 1.25; color: var(--lavender); width: max-content; margin: 0 auto; }
.ad-hl { color: var(--neon); text-shadow: 0 0 6px rgba(176, 38, 255, 0.6); }

.ad-links { margin: 0; padding-left: 20px; display: grid; gap: 5px; font-size: 12px; line-height: 1.5; color: var(--muted); }
.ad-links li::marker { color: var(--neon); }

#more { justify-self: start; }
#feed-status:empty { display: none; }
.ad-statusbox { display: grid; gap: 2px; }
.status.warn { color: var(--amber); }
.ad-checked { font-family: var(--mono); font-size: 11px; line-height: 1.5; color: var(--muted); }
.ad-checked:empty { display: none; }

@media (max-width: 520px) {
  .ad-hero { grid-template-columns: 64px 1fr; gap: 12px; }
  .ad-hero img { width: 64px; height: 64px; }
  .ad-big { font-size: 18px; }
  .ad-totals .ad-big { font-size: 16px; }
  .ad-flowwrap { padding: 8px 6px; }
}