.market-feed {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 10px 14px;
    background: #111d30;
    color: #eef5ff;
    border-radius: 6px 6px 0 0;
    font-size: 12px;
}

.market-feed__state {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

.market-feed__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #93a5bd;
}

.market-feed__state[data-market-state="live"] .market-feed__dot {
    background: #59e2ab;
    box-shadow: 0 0 0 3px rgb(89 226 171 / 16%);
}

.market-feed__state[data-market-state="volatile"] .market-feed__dot {
    background: #ffcd77;
    box-shadow: 0 0 0 3px rgb(255 205 119 / 16%);
}

.market-feed__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px clamp(12px, 2vw, 26px);
    margin: 0;
}

.market-feed__metrics div { display: flex; gap: 6px; align-items: baseline; }
.market-feed__metrics dt { color: #b8c8de; font-size: 10px; font-weight: 600; }
.market-feed__metrics dd { margin: 0; font: 600 12px/1.2 ui-monospace, monospace; }

.explorer-shell:has(.editor-stage.is-expanded [data-market-feed]) .sidebar-toggle-icon {
    visibility: hidden;
}