/* Keep the eight activity views aligned in one desktop row. */
@media (min-width: 1181px) {
    .insights-tabs {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        gap: 3px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .insights-tabs button {
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: 10.5px !important;
        white-space: nowrap !important;
    }
    .insights-tabs button b {
        min-width: 21px !important;
        width: 21px;
        height: 21px !important;
        margin-left: 3px !important;
    }
}

@media (min-width: 1051px) and (max-width: 1180px) {
    .insights-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

.customer-leaderboard .hub-avatar { background: #fff0d6; color: #9a6408; }
.customer-leaderboard .leader-bar i { background: linear-gradient(90deg, #d9a441, #f0c66c); }
.customer-leaderboard + footer { display: flex; justify-content: space-between; }
.ranking-view[hidden]{display:none!important}
.period-settings-drawer form>.ranking-scope-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.ranking-scope-switches .period-toggle{margin:0;min-height:76px;border:1px solid #e2e8e4;border-radius:8px}
.ranking-scope-switches .period-toggle:has(input:checked){background:#eef4ff;border-color:#b9cdfd}
@media(max-width:560px){.period-settings-drawer form>.ranking-scope-switches{grid-template-columns:1fr}}
.period-toggle input{display:block!important;position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.period-toggle:focus-within{outline:3px solid #bfd0ff;outline-offset:2px}