/* MagicKcal Work123w2 / App411. Scope: existing ERFOLGE components only.
 * Six range tabs, full period axes and natural flow below the chart. Existing
 * colour/typography classes retained; no other page, AK or global style change.
 * Rejected: global layout compaction and a separate design system. */
.statisticsTrendCard.mkErfolgeTrend > .statisticsTrendHead{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0}
.statisticsTrendCard.mkErfolgeTrend .statisticsTrendTopRight{justify-items:stretch;width:100%;min-width:0}
.statisticsTrendCard.mkErfolgeTrend .statisticsTrendControls{width:100%;justify-content:center}
.statisticsTrendCard.mkErfolgeTrend > .statisticsTrendHead .statisticsTrendControls > .statisticsToggle{display:flex;flex:1 1 auto;flex-wrap:nowrap;width:100%;max-width:620px;min-width:0;gap:.2rem}
.statisticsTrendCard.mkErfolgeTrend .statisticsToggle button{flex:1 1 0;min-width:0;padding-left:6px;padding-right:6px}
.mkErfolgeTrend .mkErfolgeChartWrap{position:relative;width:100%;min-width:0}
.mkErfolgeTrend .weightTrendChart{display:block;width:100%;overflow:visible}
.mkErfolgeTrend .weightTrendDateLabel{font-size:14px!important}
.mkErfolgeTrend .weightTrendDateLabel tspan{font-size:inherit}
.mkErfolgeTrend .weightTrendPointHit{fill:transparent;pointer-events:all}
.mkErfolgeTrend .weightTrendPointGroup{cursor:pointer}
.mkErfolgeTrend .weightTrendPointGroup:focus-visible .weightTrendPointDot{stroke-width:4}
.mkErfolgeTrend .mkErfolgeChange{position:static;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin:12px 0 0;text-align:center}
.mkErfolgeTrend .mkErfolgeChange strong{white-space:nowrap}
.mkErfolgeTrend .mkErfolgeChangeNote{text-align:center;margin:8px 0 0}
.mkErfolgeGoal .developmentMetricValue{flex-wrap:wrap;gap:4px}
.mkErfolgeGoal:is([data-goal-kind="hold"],[data-goal-kind="beyond"]) .developmentMetricValue{padding-right:18px}
.mkErfolgeGoal .developmentMetricLabel{overflow-wrap:anywhere}
.mkErfolgeGoal .mkErfolgeMeasurement{display:block;margin-top:5px;font-size:.8em}
@media(max-width:600px){
 .statisticsTrendCard.mkErfolgeTrend .statisticsToggle button{padding-left:3px;padding-right:3px;font-size:13px!important}
 .mkErfolgeTrend .weightTrendDateLabel{font-size:16px!important}
}