.app-theme .asset-tile .qualified-marker { position: absolute; top: 16%; right: 19%; z-index: 2; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #167447; color: #fff; font-size: 12px; font-weight: 700; line-height: 1; }

.app-theme .asset-tile.market-up { background: #166b46; color: #fff7df; }
.app-theme .asset-tile.market-down { background: #9e3540; color: #fff7df; }
.app-theme .asset-tile.market-flat { background: #665e4c; color: #fff7df; }
.app-theme .asset-tile.market-up .tile-symbol, .app-theme .asset-tile.market-down .tile-symbol, .app-theme .asset-tile.market-flat .tile-symbol { color: inherit; }
.market-change-legend { text-align: center; color: var(--ink-muted, #786d55); font-size: .85rem; margin: .75rem 1rem; }
.market-pages { display: flex; gap: .5rem; justify-content: center; flex-wrap: wrap; padding: .5rem 1rem 2rem; }
.market-pages a { padding: .5rem .8rem; border: 1px solid #a18b53; border-radius: .5rem; }
.market-pages a[aria-current="page"] { background: #e9b342; color: #221b11; font-weight: 700; }

html[data-theme] .app-theme .market-workspace .honeycomb-field .asset-tile.market-up { --hex-fill: #166b46; background: #24885d; color: #fff7df; }
html[data-theme] .app-theme .market-workspace .honeycomb-field .asset-tile.market-down { --hex-fill: #9e3540; background: #c34b57; color: #fff7df; }
html[data-theme] .app-theme .market-workspace .honeycomb-field .asset-tile.market-flat { --hex-fill: #665e4c; background: #82765f; color: #fff7df; }