.activity-controls label{display:flex;align-items:center;gap:10px;white-space:nowrap}
.activity-controls label strong{font-size:1rem}
.chart{overflow-x:auto}
.chart-col{min-width:11px}
.brand-mark{color:#000;font-size:.88rem;letter-spacing:-.04em}
@media(max-width:620px){.activity-controls{align-items:flex-start;flex-direction:column}.activity-controls label{width:100%;justify-content:space-between}.activity-controls>select{width:100%}}

/* Web 1.2: souhrnné karty přepínají graf. */
.metrics .metric-card{appearance:none;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:17px;cursor:pointer;min-width:0}
.metrics .metric-card span{display:block;color:var(--muted);font-size:.85rem;margin-bottom:9px}
.metrics .metric-card strong{font-size:1.65rem}
.metrics .metric-card.selected{border-color:var(--orange);background:linear-gradient(145deg,#192630,var(--surface));box-shadow:inset 0 0 0 1px #ffae3255}
.metrics .metric-card:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.app-version{display:inline-block;vertical-align:middle;margin-left:12px;padding:2px 6px;border:1px solid #385064;border-radius:5px;color:var(--muted);font-size:.67rem;letter-spacing:.03em;font-weight:600}
@media(max-width:620px){.metrics .metric-card strong{font-size:1.3rem}}