/* Market strip under the top bar (2026-10-29). Theme tokens only. */
.mkt-strip { display: flex; align-items: center; gap: 12px; padding: 6px 16px; background: var(--panel); border-bottom: 1px solid var(--line); overflow: hidden; }
.mkt-badge { font-size: 12px; font-weight: 700; white-space: nowrap; }
.mkt-badge::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; background: var(--muted); }
.mkt-badge.live { color: var(--good); } .mkt-badge.live::before { background: var(--good); }
.mkt-badge.delayed { color: var(--warn); } .mkt-badge.delayed::before { background: var(--warn); }
.mkt-badge.closed { color: var(--muted); }
.mkt-items { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: thin; flex: 1; }
.mkt-item { display: inline-flex; gap: 8px; align-items: baseline; white-space: nowrap; background: transparent; border: 1px solid transparent; border-radius: 8px; padding: 3px 10px; cursor: pointer; font-size: 13px; }
.mkt-item:hover { background: var(--panel-hover); border-color: var(--line-hover); }
.mkt-name { color: var(--text-secondary); }
.mkt-err { font-size: 11px; color: var(--muted); }
.mkt-modal { position: fixed; inset: 0; background: rgba(15, 23, 42, .45); z-index: 60; display: flex; align-items: center; justify-content: center; padding: 16px; }
.mkt-modal.hidden { display: none; }
.mkt-card { background: var(--panel); border-radius: 12px; width: min(960px, 100%); padding: 14px 16px; box-shadow: var(--shadow-card); }
.mkt-chead { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; }
.mkt-chead h3 { margin: 0; flex: 1; font-size: 16px; }
.mkt-chead button.on { background: var(--accent-d); border-color: var(--line-accent); color: var(--accent); }
.mkt-card canvas { display: block; width: 100%; border: 1px solid var(--line); border-radius: 8px; }
.mkt-cinfo { font-size: 12px; color: var(--muted); margin-top: 6px; }
@media (max-width: 640px) { .mkt-strip { padding: 6px 10px; } }
.mkt-note { font-size: 11.5px; color: var(--muted); white-space: nowrap; }
@media (max-width: 640px) { .mkt-note { display: none; } }