/*
 * m0 Design System — Panels: Pools (CANONICAL)
 * The pools panel (gold markets pools view). Panel-scoped, prefixed (pool-*).
 * Token-driven, no literal px/hex/rgba.
 */

.pool-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}
.pool-card {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm) var(--spacing-md);
    background: color-mix(in srgb, var(--anviz-bg-panel) 100%, transparent);
    border-radius: var(--radius-sm);
    border: 1px solid color-mix(in srgb, var(--anviz-accent-secondary) 20%, transparent);
}
.pool-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
}
.pool-name {
    font-family: 'Orbitron', monospace;
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--patriot-white);
}
.pool-apy {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 0.74rem;
    color: var(--text-accent);
}
.pool-stats {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    font-size: 0.78rem;
    color: var(--text-muted);
}
.pool-stats .stat {
    display: flex;
    align-items: baseline;
    gap: var(--spacing-xs);
}