/* /coins/categories/ directory table (moved from the template; semantic tokens only). */
#coin-categories-page :is(
    [data-sort-name=name],
    [data-sort-name="best-performance"],
    .bestCoin .bb
) {
    text-align: left;
}

#coin-categories-page .coinCatMarketcap {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#coin-categories-page .coinCatMarketcap .updown {
    font-size: 12px;
}

#coin-categories-page .coinCatMarketcap .updown i {
    height: 12px;
    width: 12px;
}

#coin-categories-page .updown {
    align-items: center;
    display: flex;
}

#coin-categories-page .updown i {
    display: inline-block;
    height: 16px;
    width: 16px;
}

#coin-categories-page .updown.down i {
    transform: rotate(90deg);
}

#coin-categories-page .updown.up i {
    transform: rotate(-90deg);
}

#coin-categories-page .updown.down {
    color: var(--arz-color-negative-content);
}

#coin-categories-page .updown.up {
    color: var(--arz-color-positive-content);
}

#coin-categories-page .catname {
    padding: 0 5px !important;
}

#coin-categories-page .catname .aa {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#coin-categories-page .catname .bb {
    color: var(--arz-color-text);
    font-weight: 600;
}

#coin-categories-page .catname .cc {
    color: var(--arz-color-text-muted);
    font-size: 12px;
}

#coin-categories-page .catname :is(.bb, .cc) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Desktop */
#coin-categories-page .bestCoin {
    display: flex;
    gap: 10px;
}

#coin-categories-page .bestCoin .aa {
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
}

#coin-categories-page .bestCoin .bb {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#coin-categories-page .bestCoin .updown {
    font-size: 12px;
}

#coin-categories-page .bestCoin .updown i {
    height: 12px;
    width: 12px;
}

#coin-categories-page .coinCatVolSec2 {
    color: var(--arz-color-text-muted);
    font-size: 12px;
}

#coin-categories-page .winnerLosser .ee {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#coin-categories-page .winnerLosser .aa {
    background: var(--arz-color-negative);
    border-radius: var(--arz-radius-pill);
    height: 5px;
    overflow: hidden;
}

#coin-categories-page .winnerLosser .bb {
    background: var(--arz-color-positive);
    height: 5px;
}

#coin-categories-page .winnerLosser .cc {
    color: inherit;
    font-size: 10px;
    opacity: .78;
}

#coin-categories-page .winnerLosser .dd {
    align-items: center;
    display: flex;
    gap: 5px;
}

#coin-categories-page .winnerLosser .ff {
    display: flex;
    justify-content: space-between;
}

#coin-categories-page .winnerLosser .unknown {
    color: var(--arz-color-text-muted);
    font-size: 12px;
}

/* Mobile */
#coin-categories-page .coin-count {
    color: var(--arz-color-text-muted);
    display: flex;
    gap: 3px;
    justify-content: center;
}

#coin-categories-page .coin-count .aa {
    font-size: 9px;
}