/* Locally captured market overview, preserving the source widget's dark table rhythm. */
.local-market-widget { display: flex; flex-direction: column; color: #d1d4dc; font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; background: transparent; }
.local-market-widget * { box-sizing: border-box; }
.local-market-tabs { display: flex; gap: 4px; padding: 8px 10px; overflow-x: auto; border-bottom: 1px solid #24262b; }
.local-market-tab { flex: 0 0 auto; padding: 8px 9px; border: 0; border-radius: 4px; color: #b2b5be; background: transparent; font: inherit; font-size: 12px; cursor: pointer; }
.local-market-tab:hover, .local-market-tab[aria-selected="true"] { color: #fff; background: #24262b; }
.local-market-tab:focus-visible { outline: 2px solid #1b9973; outline-offset: 1px; }
.local-market-list { flex: 1; }
.local-market-row { display: grid; grid-template-columns: 36px minmax(90px, 1fr) minmax(65px, auto) minmax(65px, auto); align-items: center; gap: 8px; min-height: 55px; padding: 8px 14px; border-bottom: 1px solid #1b1c20; }
.local-market-logos { position: relative; display: flex; align-items: center; width: 34px; min-height: 30px; }
.local-market-logo { width: 26px; height: 26px; border-radius: 50%; object-fit: contain; }
.local-market-logo + .local-market-logo { position: absolute; left: 9px; top: 10px; width: 19px; height: 19px; border: 1px solid #161616; }
.local-market-identity { display: flex; flex-direction: column; min-width: 0; }
.local-market-ticker { color: #d1d4dc; font-weight: 500; }
.local-market-description { overflow: hidden; color: #92959d; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.local-market-price { text-align: right; font-variant-numeric: tabular-nums; }
.local-market-changes { display: flex; flex-direction: column; text-align: right; font-variant-numeric: tabular-nums; }
.local-market-changes.is-positive { color: #22ab94; }
.local-market-changes.is-negative { color: #f23645; }
.local-market-status { margin: 0; padding: 9px 14px; color: #92959d; font-size: 10px; text-align: right; }
@media (max-width: 450px) { .local-market-row { gap: 5px; padding-inline: 8px; font-size: 12px; grid-template-columns: 29px minmax(70px, 1fr) minmax(50px, auto) minmax(53px, auto); } .local-market-tab { padding-inline: 7px; } }