/* Atomic swap tab. Rules only apply when the tab exists in the DOM (atomic.enabled). */
.atomic-tabs{display:flex;gap:8px;margin:0 0 14px;padding:0;flex-wrap:nowrap;align-items:center}
.atomic-tabs button{appearance:none;border:1px solid var(--line,#3a2a5a);background:transparent;color:inherit;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;flex:0 1 auto;max-width:100%}
.atomic-tabs button[aria-selected="true"]{border-color:var(--accent,#7b4dff);background:rgba(123,77,255,.12)}
.atomic-badge{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--accent,#7b4dff);white-space:nowrap}
@media (max-width:480px){
  .atomic-tabs{gap:6px}
  .atomic-tabs button{padding:6px 10px;font-size:12px}
  .atomic-badge{margin-left:6px;font-size:11px}
}
/* Keep "Where it all goes" / cost on whole phrases. Scoped so the gated-off live instant card is unchanged. */
#card:has(#atomic-tabs) details.bd summary{align-items:center;gap:8px 12px;flex-wrap:wrap}
#card:has(#atomic-tabs) details.bd summary span{white-space:nowrap}