#charts-tabs .chart-provider-nav { display: flex; align-items: center; gap: 4px; padding: 6px; border: 1px dotted rgba(113,113,122,.2); border-radius: 4px; }
#charts-tabs .chart-provider-tab { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 36px; padding: 0 18px; border-radius: 4px; background: rgba(113,113,122,.1); color: #71717a; text-decoration: none; transition: color 180ms ease, background-color 180ms ease; }
#charts-tabs .chart-provider-tab:hover { color: #27272a; background: rgba(113,113,122,.08); }
#charts-tabs .chart-provider-tab[aria-current="page"] { color: #fff; background: linear-gradient(to right, var(--primary, #4f18f5), var(--secondary, #e92b80)); }
#charts-tabs .chart-provider-tab:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#charts-tabs .chart-provider-tab svg { width: 20px; height: 20px; flex: none; }
#charts-tabs .chart-provider-label { display: grid; grid-template-columns: 0fr; opacity: 0; transition: grid-template-columns 220ms ease, opacity 180ms ease; }
#charts-tabs .chart-provider-label > span { overflow: hidden; min-width: 0; }
#charts-tabs .chart-provider-label > span > span { display: block; padding-left: 8px; white-space: nowrap; font-size: 14px; font-weight: 600; }
#charts-tabs [aria-current="page"] .chart-provider-label { grid-template-columns: 1fr; opacity: 1; }
.dark #charts-tabs .chart-provider-tab { color: #a1a1aa; }
.dark #charts-tabs .chart-provider-tab:hover { color: #e4e4e7; background: rgba(161,161,170,.08); }
.dark #charts-tabs .chart-provider-tab[aria-current="page"] { color: #fff; background: linear-gradient(to right, var(--primary, #4f18f5), var(--secondary, #e92b80)); }
@media (max-width: 767px) {
    #content.hh-charts-page { padding-left: 0 !important; padding-right: 0 !important; }
}
@media (max-width: 380px) {
    #charts-tabs .chart-provider-tab { padding-left: 10px; padding-right: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    #charts-tabs .chart-provider-tab, #charts-tabs .chart-provider-label { transition: none; }
}