.kpi-period { margin-top: 8px; font-size: 12px; line-height: 1.55; color: #64748b; }
.kpi-period summary { cursor: pointer; display: flex; align-items: baseline; gap: 6px; list-style: none; font-variant-numeric: tabular-nums; flex-wrap: wrap; }
.kpi-period summary::-webkit-details-marker { display: none; }
.kpi-period summary::after { content: 'ⓘ'; color: #94a3b8; font-size: 11px; }
.kpi-period summary:focus-visible { outline: 2px solid #0e7490; outline-offset: 3px; border-radius: 3px; }
.kpi-period[data-direction="up"] summary { color: #15803d; }
.kpi-period[data-direction="down"] summary { color: #b91c1c; }
.kpi-period small { display: block; margin-top: 8px; padding: 8px; border-radius: 6px; background: #f1f5f9; color: #475569; font-size: 11px; overflow-wrap: anywhere; }