/* Listing-only styles: keep the trading workspace and other tables unchanged. */
.markets-section > .container { max-width: 1540px; }
.markets-section .market-table-container { border-radius: 10px; box-shadow: none; }
.markets-section .market-table { min-width: 1170px; font-variant-numeric: tabular-nums; }
.markets-section .market-table thead th { padding: 1rem 0.8rem; font-size: 0.76rem; background: #101010; }
.markets-section .market-table tbody td { height: 76px; padding: 0.9rem 0.8rem; font-size: 0.85rem; }
.markets-section .market-table tbody tr:hover > td { background-color: #141414; }
.markets-section .market-table strong { font-size: 0.9rem; font-weight: 600; }
.markets-section .market-table small { margin-top: 0.2rem; font-size: 0.73rem; }
.markets-section .market-table .coin-icon { width: 2rem; height: 2rem; flex-basis: 2rem; margin-right: 0.3rem; }
.markets-section .market-asset-column { min-width: 215px; }
.market-asset-link { color: inherit; text-decoration: none; }
.market-asset-link:hover strong { color: var(--nl-accent-light); }
.markets-section .market-table td > .market-change { min-width: 75px; font-weight: 600; }
.markets-section .market-table .btn { padding: 0.4rem 0.8rem; font-size: 0.78rem; }
.market-row-actions { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
.markets-section .market-info-button { color: #fff; background: #2563eb; border-color: #2563eb; }
.markets-section .market-info-button:hover, .markets-section .market-info-button:focus-visible { color: #fff; background: #1d4ed8; border-color: #1d4ed8; }
.markets-section .market-info-button:focus-visible { outline: 2px solid #93c5fd; outline-offset: 3px; }
.markets-section .market-table-footer { gap: 1rem; padding: 1rem; }
.markets-section .market-placeholder { font-weight: 400; }
.markets-section .market-mobile-only { display: none; }
@media (max-width: 767px) {
    .markets-section .market-mobile-only:not([hidden]) { display: block; }
    .markets-section .market-search { width: 100%; }
    .markets-section .market-search input { min-height: 44px; font-size: 1rem; }
    .markets-section .market-table-wrap { overflow: visible; }
    .markets-section .market-table,
    .markets-section .market-table tbody { display: block; width: 100%; min-width: 0; }
    /* Keep column headings available to assistive technology, outside the visual grid. */
    .markets-section .market-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .markets-section .market-table tbody tr {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) minmax(0, 1.25fr);
        grid-template-areas: 'asset asset price' 'volume volume change' 'favorite actions actions';
        gap: .75rem .5rem;
        padding: 1rem .75rem;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }
    .markets-section .market-table tbody tr[hidden] { display: none; }
    .markets-section .market-table tbody tr.is-expanded,
    .markets-section:not(.markets-enhanced) .market-table tbody tr {
        grid-template-areas: 'asset asset price' 'volume volume change' 'favorite actions actions' 'change1h change1h change7d' 'high high low';
    }
    .markets-section .market-table tbody tr.market-wide-figures {
        grid-template-areas: 'asset asset change' 'price price price' 'volume volume volume' 'favorite actions actions';
    }
    .markets-section .market-table tbody tr.market-wide-figures.is-expanded {
        grid-template-areas: 'asset asset change' 'price price price' 'volume volume volume' 'favorite actions actions' 'change1h change1h change7d' 'high high high' 'low low low';
    }
    .markets-section .market-table tbody td {
        display: block; height: auto; min-width: 0; padding: 0; border: 0;
        white-space: normal; overflow-wrap: anywhere; box-shadow: none;
        font-size: .875rem; background: transparent;
    }
    .markets-section .market-table tbody tr:hover > td { background: transparent; }
    .markets-section .market-table .market-asset-cell { grid-area: asset; align-self: center; }
    .markets-section .market-table .market-price-cell { grid-area: price; align-self: center; font-weight: 600; font-size: .95rem; }
    .markets-section .market-table .market-change-cell { grid-area: change; align-self: start; }
    .markets-section .market-table .market-volume-cell { grid-area: volume; text-align: left !important; }
    .markets-section .market-table .market-favorite-cell { grid-area: favorite; width: auto; }
    .markets-section .market-table .market-actions-cell { grid-area: actions; align-self: center; }
    .markets-section .market-table .market-change1h-cell { grid-area: change1h; text-align: left !important; }
    .markets-section .market-table .market-change7d-cell { grid-area: change7d; }
    .markets-section .market-table .market-high-cell { grid-area: high; text-align: left !important; }
    .markets-section .market-table .market-low-cell { grid-area: low; }
    .markets-section.markets-enhanced .market-table tr:not(.is-expanded) .market-detail-cell { display: none; }
    .markets-section .market-table .market-change1h-cell,
    .markets-section .market-table .market-change7d-cell { padding-top: .75rem; border-top: 1px solid rgba(255,255,255,.09); }
    .markets-section .market-table .coin-icon { width: 1.6rem; height: 1.6rem; flex-basis: 1.6rem; flex-shrink: 0; margin-right: 0; }
    .markets-section .market-asset-link > div { min-width: 0; }
    .markets-section .market-table strong { font-size: .875rem; line-height: 1.35; }
    .markets-section .market-table small { font-size: .75rem; color: #aaa; }
    .markets-section .market-table .market-mobile-label { color: #aaa; font-size: .72rem; font-weight: 400; margin-bottom: .15rem; }
    .markets-section .market-table .market-volume-cell > [data-market-volume],
    .markets-section .market-table .market-volume-cell > small { display: inline; }
    .markets-section .market-table .market-volume-cell > small { display: inline-block; margin-left: .25em; white-space: nowrap; }
    .markets-section .market-table .market-wide-figures .market-price-cell { text-align: left !important; }
    .markets-section .market-table .market-wide-figures .market-low-cell { text-align: left !important; }
    .markets-section .market-table .market-wide-figures .market-price-cell > span,
    .markets-section .market-table .market-wide-figures .market-price-cell > small { display: inline; }
    .markets-section .market-table .market-wide-figures .market-price-cell > small { display: inline-block; margin-left: .35em; white-space: nowrap; }
    .markets-section .market-table td > .market-change { min-width: 0; }
    .markets-section .market-row-actions { display: flex; justify-content: flex-end; gap: .375rem; flex-wrap: wrap; }
    .markets-section .market-table .btn,
    .markets-section .market-details-button,
    .markets-section .market-mobile-direction { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
    .markets-section .market-table .btn { padding: .4rem .7rem; font-size: .8rem; }
    .markets-section .market-details-button,
    .markets-section .market-mobile-direction { border: 1px solid #393939; border-radius: .375rem; color: #ddd; background: #141414; }
    .markets-section .market-details-button { gap: .4rem; padding: .4rem .55rem; font-size: .78rem; }
    .markets-section .market-details-button[hidden] { display: none; }
    .markets-section .market-details-button[aria-expanded='true'] i { transform: rotate(180deg); }
    .markets-section .market-details-button:focus-visible,
    .markets-section .market-mobile-direction:focus-visible { outline: 2px solid var(--nl-accent-light); outline-offset: 2px; }
    .markets-section .market-favorite-button,
    .markets-section .market-favorite-login { width: 44px; height: 44px; }
    .markets-section .market-mobile-sort:not([hidden]) { display: flex; align-items: center; gap: .5rem; padding: .75rem; border-bottom: 1px solid #292929; }
    .markets-section .market-mobile-sort label { color: #aaa; font-size: .8rem; white-space: nowrap; }
    .markets-section .market-mobile-sort select {
        flex: 1; width: 0; min-width: 0; min-height: 44px; font-size: 1rem;
        color: #eee; background-color: #141414; border-color: #393939;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    }
    .markets-section .market-mobile-direction { flex-shrink: 0; width: 44px; }
    .markets-section .market-table-footer { flex-wrap: wrap; }
}