@media (max-width: 860px) {
    .metric-grid,
    .split-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hero-panel {
        min-height: 156px;
        padding: 18px;
    }
}

@media (max-width: 640px) {
    .os-topbar {
        padding: 12px 14px;
    }

    .os-topbar__meta span {
        display: none;
    }

    .os-shell {
        padding: 14px 10px 92px;
    }

    .hero-panel,
    .page-head {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-panel .action-btn,
    .page-head .action-btn,
    .head-actions,
    .head-actions .action-btn {
        width: 100%;
    }

    .metric-grid,
    .split-grid,
    .signal-grid {
        grid-template-columns: 1fr;
    }

    .metric-card {
        min-height: 86px;
    }

    .load-row {
        grid-template-columns: 1fr;
    }

    .trainer-actions {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .muscle-picker {
        grid-template-columns: 1fr;
    }

    .muscle-buttons {
        grid-template-columns: repeat(3, 1fr);
    }

    .report-filter {
        grid-template-columns: 1fr;
    }

    .schedule-head,
    .schedule-row {
        min-width: 620px;
        grid-template-columns: 64px repeat(var(--trainer-count, 5), minmax(112px, 1fr));
    }
}