/* === Page Tickers === */
.exv-tickers-layout {
    display: grid;
    grid-template-columns: minmax(280px, 360px) 1fr;
    gap: 18px;
    align-items: start;
}
.exv-tickers-list { max-height: 74vh; overflow-y: auto; }
.exv-table tbody tr.active { background: var(--theme-bg-quaterniaire); }

/* Barre de filtres de catégorisation (chips), pleine largeur au-dessus de la liste et du graphique. */
.exv-sector-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.exv-sector-filter-full {
    padding: 14px 16px;
    background: var(--theme-bg-tertiaire);
    border: 1px solid var(--theme-border-color);
    border-radius: var(--border-radius-classic);
}
.exv-sector-chip {
    background: var(--theme-bg-primaire);
    color: var(--theme-texte-secondaire);
    border: 1px solid var(--theme-border-color);
    border-radius: 999px;
    padding: 4px 13px;
    font-size: var(--ht-texte-08);
    font-weight: var(--wg-texte-medium);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.exv-sector-chip:hover { color: var(--theme-texte-primaire); border-color: var(--theme-border-color-hover); }
.exv-sector-chip.active {
    background: var(--cl-accent);
    color: var(--cl-blanc-i1);
    border-color: var(--cl-accent);
}
.exv-tk-sym { font-weight: var(--wg-texte-semibold); }
.exv-tk-sub { font-size: var(--ht-texte-07); color: var(--theme-texte-tertiaire); margin-top: 1px; }
.exv-tk-cur { color: var(--theme-texte-tertiaire); vertical-align: middle; }
.exv-indicator-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; }
.exv-indicator-grid .k { font-size: var(--ht-texte-07); color: var(--theme-texte-tertiaire); }
.exv-indicator-grid .v { font-size: var(--ht-texte-09); font-weight: var(--wg-texte-medium); }

@media (max-width: 800px) {
    .exv-tickers-layout { grid-template-columns: 1fr; }
}