/* trade hosts (App\Commerce\Trade): the account bar, the draft note, trade pages */
.tradebar{display:flex;gap:14px;align-items:center;margin:16px var(--gutter) 0;padding:12px 16px;border-radius:8px;background:var(--accent-soft);color:var(--accent-dark);font-size:14px;flex-wrap:wrap}
.tradebar .tag,.draftbar .tag{height:24px;padding:0 8px;display:inline-flex;align-items:center;border-radius:3px;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.tradebar .who{flex:1 1 280px;line-height:1.45}.tradebar .muted{color:var(--ink-2)}.tradebar .btn.link{padding:0;color:var(--accent-dark)}
.draftbar{display:flex;gap:14px;align-items:flex-start;margin:10px var(--gutter) 0;padding:12px 16px;border-radius:8px;border:1px dashed var(--warn);background:var(--warn-bg);color:var(--warn-ink);font-size:14px;line-height:1.5}
.draftbar .tag{background:var(--warn);color:#fff;flex-shrink:0}.draftbar a{color:inherit;font-weight:600}
.accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 var(--gutter) 24px}
.account{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.account.on{border:2px solid var(--accent);padding:21px}.account h2{font-size:24px}.account .kind{font-size:12px;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}
.account p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-3)}.account .btn{margin-top:auto}
.packnote{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:8px;background:var(--sunken);font-size:14px;line-height:1.5;color:var(--ink-3)}
.termrows .row{align-items:flex-start}.termrows .row .l span{line-height:1.45}
.por{font-family:var(--display);font-size:28px}
@media (max-width:820px){.accounts{grid-template-columns:1fr}.tradebar,.draftbar{margin:12px var(--gutter) 0}}
/* The trade store's draft host says it follows open proposals in its own bar, with links: the generic scenario flag would repeat it. */
.scenario{display:none}