/* Additive Market Data visual refresh. Data, filtering and table semantics stay unchanged. */
#market-data-page .market-data-shell { gap: clamp(1.2rem, 2vw, 2rem); }
#market-data-page .market-workspace-head { padding: .25rem 0 .5rem; }
#market-data-page .market-workspace-copy h2 { font-size: clamp(2rem, 3.2vw, 3.15rem); letter-spacing: -.055em; }
#market-data-page .market-workspace-copy p { max-width: 58ch; font-size: .98rem; }
#market-data-page .market-workspace-status { padding: .55rem .75rem; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); }
#market-data-page .market-explorer { gap: 1.1rem; padding: clamp(1.15rem, 2vw, 1.75rem); border-radius: var(--r-xl); background: linear-gradient(145deg, color-mix(in srgb, var(--surface) 92%, var(--accent-soft)), var(--surface)); box-shadow: 0 16px 36px rgba(0,0,0,.12); }
#market-data-page .market-controls-row { grid-template-columns: minmax(16rem, 1fr) auto auto auto; gap: .65rem; }
#market-data-page .market-search-field input { min-height: 48px; border-radius: .85rem; background: color-mix(in srgb, var(--surface-2) 82%, transparent); font-size: .92rem; }
#market-data-page .market-search-field input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
#market-data-page .market-add-btn { width: 48px; height: 48px; border-radius: .85rem; }
#market-data-page .market-filters-row { gap: .5rem; padding-top: .15rem; }
#market-data-page .market-filter-chip { min-height: 36px; padding-inline: .85rem; border: 1px solid transparent; border-radius: .7rem; background: var(--surface-2); }
#market-data-page .market-filter-chip.active { box-shadow: 0 6px 15px color-mix(in srgb, var(--accent) 17%, transparent); }
#market-data-page .market-table-caption { padding: .35rem .2rem 0; }
#market-data-page .market-table-caption span { font-size: .88rem; }
#market-data-page .market-table-floating { overflow: auto; max-height: min(68vh, 53rem); border-radius: var(--r-xl); box-shadow: 0 14px 34px rgba(0,0,0,.1); }
#market-data-page thead th { position: sticky; top: 0; z-index: 2; padding-block: .9rem; background: color-mix(in srgb, var(--surface-2) 94%, var(--accent-soft)); }
#market-data-page tbody td { padding-block: 1rem; }
#market-data-page tbody tr { border-bottom: 1px solid var(--hairline); }
#market-data-page .asset-logo { width: 34px; height: 34px; border-radius: .7rem; }
#market-data-page .asset-symbol-copy strong { font-size: .9rem; }
#market-data-page .market-action-stack { gap: .55rem; }
#market-data-page .market-follow-btn, #market-data-page .credit-row-action .primary-btn, #market-data-page .credit-row-action .secondary-btn { min-height: 40px; border-radius: .7rem; }
@media (max-width: 700px) {
  #market-data-page .market-workspace-head { display: grid; gap: .8rem; }
  #market-data-page .market-workspace-status { justify-self: start; }
  #market-data-page .market-explorer { padding-inline: .9rem; }
  #market-data-page .market-controls-row { grid-template-columns: minmax(0, 1fr) auto auto auto; }
  #market-data-page .market-table-floating { margin-inline: -.9rem; border-radius: 0; border-inline: 0; }
}
@media (prefers-reduced-motion: reduce) { #market-data-page * { scroll-behavior: auto; } }

/* Mobile Market Overview: an open research scanner, not a compressed desktop table. */
#market-data-page .market-mobile-quote,
#market-data-page .market-mobile-gesture-hint { display: none; }

@media (max-width: 700px) {
  #market-data-page {
    overflow-x: clip;
    padding-bottom: 1.5rem;
  }
  #market-data-page .market-data-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    min-width: 0;
  }
  #market-data-page .market-workspace-head {
    gap: .55rem;
    padding: 0;
  }
  #market-data-page .market-workspace-copy h2 {
    font-size: clamp(1.7rem, 8vw, 2.15rem);
    line-height: 1;
  }
  #market-data-page .market-workspace-copy p {
    max-width: 35rem;
    margin-top: .55rem;
    font-size: .82rem;
    line-height: 1.45;
  }
  #market-data-page .market-workspace-status {
    min-height: 24px;
    justify-self: start;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: .68rem;
  }
  #market-data-page .market-explorer {
    width: 100%;
    min-width: 0;
    gap: .8rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--surface);
    box-shadow: none;
  }
  #market-data-page .market-controls-row,
  #market-data-page .market-filters-row,
  #market-data-page .market-table-caption {
    margin-inline: 0;
  }
  #market-data-page .market-controls-row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .45rem;
  }
  #market-data-page .market-search-field input {
    min-height: 44px;
    border: 0;
    border-radius: .72rem;
    background: var(--surface-2);
    box-shadow: inset 0 0 0 1px var(--hairline);
  }
  #market-data-page .market-add-btn {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: .72rem;
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--border);
  }
  #market-data-page .market-filters-row {
    gap: .4rem;
    padding: 0 0 .2rem;
    scroll-snap-type: x proximity;
  }
  #market-data-page .market-filter-chip {
    min-height: 38px;
    padding-inline: .78rem;
    border-radius: 999px;
    scroll-snap-align: start;
  }
  #market-data-page .market-table-caption {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    padding: .1rem 0 .25rem;
  }
  #market-data-page .market-table-caption > div:first-child { display: none; }
  #market-data-page .market-watchlist-summary {
    min-width: 0;
    padding: 0;
    overflow: hidden;
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #market-data-page .market-mobile-gesture-hint {
    display: block;
    color: var(--muted-2);
    font-size: .65rem;
    font-weight: 600;
    white-space: nowrap;
  }

  #market-data-page .market-table-floating {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: none;
    margin: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  #market-data-page .market-table-floating table,
  #market-data-page .market-table-floating tbody {
    display: block;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
  }
  #market-data-page .market-table-floating thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
  #market-data-page .market-table-floating tbody {
    border-top: 1px solid var(--hairline);
  }
  #market-data-page .market-table-floating tr[data-market-row] {
    display: flex;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid var(--hairline);
    background: transparent;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
  }
  #market-data-page .market-table-floating tr[data-market-row]::-webkit-scrollbar { display: none; }
  #market-data-page .market-table-floating tr[data-market-row]:hover,
  #market-data-page .market-table-floating tr[data-market-row]:focus-within { background: transparent; }
  #market-data-page .market-table-floating tr[data-market-row]:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
  }
  #market-data-page .market-table-floating tr[data-market-row] > td {
    position: relative;
    left: auto;
    z-index: auto;
    display: grid;
    flex: 0 0 clamp(142px, 42vw, 176px);
    min-width: 0;
    min-height: 108px;
    grid-template-rows: .75rem minmax(0, 1fr);
    align-content: stretch;
    align-items: start;
    gap: .62rem;
    padding: 1rem;
    border: 0;
    background: transparent;
    box-shadow: none;
    scroll-snap-align: start;
  }
  #market-data-page .market-table-floating tr[data-market-row] > td::before {
    content: attr(data-label);
    align-self: start;
    color: var(--muted-2);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .065em;
    line-height: 1.2;
    text-transform: uppercase;
  }
  #market-data-page .market-table-floating tr[data-market-row] > .market-identity-cell {
    position: relative;
    left: auto;
    flex-basis: 100%;
    min-height: 108px;
    grid-template-rows: 1fr;
    align-items: center;
    padding-inline: .2rem .35rem;
    background: var(--surface);
    box-shadow: none;
  }
  #market-data-page .market-table-floating tr[data-market-row] > .market-identity-cell::before { display: none; }
  #market-data-page .market-mobile-primary {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    width: 100%;
    min-height: 76px;
    align-items: center;
    gap: .75rem;
    padding: .3rem 0;
    text-align: left;
  }
  #market-data-page .market-mobile-primary .asset-logo {
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  #market-data-page .market-mobile-primary .asset-logo-img {
    object-fit: contain;
    filter: none;
  }
  #market-data-page .market-mobile-primary .asset-symbol-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .22rem;
  }
  #market-data-page .market-mobile-primary .asset-symbol-copy em {
    display: block;
    order: -1;
    max-width: 100%;
    overflow: hidden;
    color: var(--text);
    font-size: .9rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #market-data-page .market-mobile-primary .asset-symbol-copy strong {
    color: var(--muted-2);
    font-size: .68rem;
    font-weight: 650;
    letter-spacing: .03em;
    line-height: 1.1;
  }
  #market-data-page .market-mobile-quote {
    display: grid;
    justify-items: end;
    gap: .16rem;
    min-width: 88px;
  }
  #market-data-page .market-mobile-price {
    color: var(--text);
    font-size: .88rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
  }
  #market-data-page .market-mobile-day {
    font-size: .82rem;
    font-style: normal;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
  }
  #market-data-page .market-mobile-status .mkt-pill {
    max-width: 105px;
    overflow: hidden;
    color: var(--muted-2);
    font-size: .57rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #market-data-page .market-live-price-cell,
  #market-data-page .market-day-cell,
  #market-data-page .market-status-cell { display: none !important; }
  #market-data-page .market-evidence-cell { flex-basis: min(78vw, 290px); }
  #market-data-page .market-timing-cell { flex-basis: min(48vw, 178px); }
  #market-data-page .market-month-cell,
  #market-data-page .market-year-cell { flex-basis: min(44vw, 164px); }
  #market-data-page .market-action-cell { flex-basis: min(70vw, 250px); text-align: left; }
  #market-data-page .decision-evidence-cell,
  #market-data-page .timing3y-cell {
    width: 100%;
    min-width: 0;
    padding-left: 0;
    border-left: 0;
  }
  #market-data-page .market-evidence-cell > .symbol-link,
  #market-data-page .market-timing-cell > .symbol-link,
  #market-data-page .market-month-cell > .symbol-link,
  #market-data-page .market-year-cell > .symbol-link {
    display: grid;
    width: 100%;
    height: 100%;
    align-content: start;
    justify-items: start;
    text-align: left;
  }
  #market-data-page .decision-evidence-cell,
  #market-data-page .timing3y-cell,
  #market-data-page .market-change-cell {
    align-content: start;
    gap: .3rem;
  }
  #market-data-page .decision-evidence-head strong,
  #market-data-page .timing3y-cell strong,
  #market-data-page .market-change-value {
    color: var(--text);
    font-family: var(--font-sans);
    font-size: .84rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
  }
  #market-data-page .decision-evidence-cell small,
  #market-data-page .timing3y-cell small,
  #market-data-page .market-change-cell em {
    font-family: var(--font-sans);
    font-size: .68rem;
    font-weight: 600;
    line-height: 1.3;
  }
  #market-data-page .market-change-cell em { font-style: normal; }
  #market-data-page .decision-evidence-counts {
    max-width: 100%;
  }
  #market-data-page .market-change-cell { justify-items: start; }
  #market-data-page .market-action-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  #market-data-page .market-table-floating tbody > tr:not([data-market-row]) { display: block; }
  #market-data-page .market-table-floating .empty-cell {
    display: block;
    width: 100%;
    padding: 2.5rem 1rem;
    border-bottom: 1px solid var(--hairline);
  }
}