/* Manager/owner Reports: every point has a visible period and value, including gaps. */
.rp-trends { margin: -4px 0 18px; border: 1px solid var(--line-c); background: var(--bg-alt-c); }
.rp-trends__controls { padding: 16px 18px 8px; }
.rp-trends__label { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; font-weight: 700; color: var(--ink-c); }
.rp-trends__select { min-height: 44px; max-width: 100%; padding: 8px 12px; border: 1px solid var(--line-2-c); background: var(--bg-c); color: var(--ink-c); font: inherit; }
.rp-trends__select:focus-visible { outline: 2px solid var(--accent-c); outline-offset: 2px; }
.rp-trends__note { margin: 0; padding: 0 18px 12px; font-size: 14px; color: var(--text-c); }
.rp-trends__scroll { overflow-x: auto; border-top: 1px solid var(--line-c); scrollbar-width: thin; }
.rp-trends__series { display: flex; align-items: stretch; gap: 8px; width: max-content; min-width: 100%; margin: 0; padding: 18px; list-style: none; }
.rp-trends__item { display: flex; flex: 0 0 100px; flex-direction: column; min-height: 208px; text-align: center; color: var(--ink-c); }
.rp-trends__barbox { display: flex; align-items: flex-end; justify-content: center; height: 134px; border-bottom: 2px solid var(--line-2-c); }
.rp-trends__bar { display: block; width: 48px; max-height: 130px; background: var(--accent-c); }
.rp-trends__gap { align-self: center; font-size: 12px; color: var(--muted-c); }
.rp-trends__value { margin-top: 7px; font-family: var(--font-display); font-size: 17px; font-variant-numeric: tabular-nums; }
.rp-trends__period { margin-top: 3px; font-size: 12px; line-height: 1.3; }
.rp-trends__detail { margin-top: 3px; font-size: 11px; line-height: 1.3; color: var(--muted-c); }
.rp-trends__item.is-missing { color: var(--muted-c); }
@media (max-width: 720px) {
  .rp-trends__item { flex-basis: 88px; }
  .rp-trends__bar { width: 38px; }
}