.trend-load-state { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-height: 28px; padding: 0 16px 8px; color: #a7d0ca; font-size: 13px; }
.trend-load-state button { min-height: 40px; min-width: 56px; padding: 7px 12px; color: #effffb; border: 1px solid #39766d; border-radius: 8px; background: #123e37; font: inherit; cursor: pointer; }
.trend-load-state button[hidden] { display: none; }
.trend-load-state[data-state="error"] { color: #f4cd8e; }
.home-page .home-combo-axis { font-size: 12px; }
@media (pointer: coarse) { .trend-load-state button { min-height: 44px; min-width: 44px; } }
@media (min-width: 2000px) { .trend-load-state { font-size: 16px; } }