/* smit-timeline.css — единая хронологическая лента (SmitTimeline).
   Событие = цветной кружок-иконка + заголовок (+подпись) + время справа.
   До этого ленты верстали по-своему в десятке мест (ov-feed, *-history, *-feed). */
.smit-tl { display: flex; flex-direction: column; }
.smit-tl-row {
  display: flex; gap: .65rem; padding: .5rem 0;
  border-bottom: 1px solid var(--border-subtle, #eef1f5);
}
.smit-tl-row:last-child { border-bottom: 0; }
.smit-tl-ico {
  width: 24px; height: 24px; flex: 0 0 auto; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--bs-tertiary-bg, #f1f3f5); color: #6c757d; font-size: .7rem;
}
.smit-tl-body { flex: 1 1 auto; min-width: 0; }
.smit-tl-title { font-size: .86rem; }
.smit-tl-title a { color: inherit; text-decoration: none; }
.smit-tl-title a:hover { text-decoration: underline; }
.smit-tl-sub {
  font-size: .76rem; color: #6c757d;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.smit-tl-when { font-size: .72rem; color: #8a929b; white-space: nowrap; flex: 0 0 auto; }

/* тон кружка-иконки — общий семафор проекта (как SmitBadge) */
.smit-tl-ico.ok    { background: rgba(67,183,122,.12); color: #2f8f5f; }
.smit-tl-ico.err   { background: rgba(220,53,69,.10);  color: #c23b48; }
.smit-tl-ico.info  { background: rgba(59,130,246,.12); color: #3b82f6; }
.smit-tl-ico.warn  { background: rgba(240,160,32,.14); color: #b8791a; }
.smit-tl-ico.muted { background: var(--bs-tertiary-bg, #f1f3f5); color: #6c757d; }

/* направление суммы (приход/расход) — цвет заголовка; стрелку даёт иконка,
   поэтому сигнал не только цветом */
.smit-tl-title.in  { color: #2f8f5f; }
.smit-tl-title.out { color: #c23b48; }

/* компактный режим — для узких сайдбаров и дроверов */
.smit-tl.compact .smit-tl-row { padding: .32rem 0; gap: .5rem; }
.smit-tl.compact .smit-tl-ico { width: 20px; height: 20px; font-size: .62rem; }

.smit-tl-empty { color: #8a929b; font-size: .82rem; padding: .6rem 0; }

/* ── тёмная тема ── */
[data-bs-theme="dark"] .smit-tl-row, .dark-theme .smit-tl-row { border-bottom-color: #2a2f37; }
[data-bs-theme="dark"] .smit-tl-sub, .dark-theme .smit-tl-sub,
[data-bs-theme="dark"] .smit-tl-when, .dark-theme .smit-tl-when { color: #9aa6b2; }
[data-bs-theme="dark"] .smit-tl-ico, .dark-theme .smit-tl-ico { background: #2a2f37; color: #adb5bd; }
[data-bs-theme="dark"] .smit-tl-ico.ok, .dark-theme .smit-tl-ico.ok { background: rgba(67,183,122,.18); color: #7fd6a8; }
[data-bs-theme="dark"] .smit-tl-ico.err, .dark-theme .smit-tl-ico.err { background: rgba(220,53,69,.18); color: #ff9ea8; }
[data-bs-theme="dark"] .smit-tl-ico.info, .dark-theme .smit-tl-ico.info { background: rgba(59,130,246,.18); color: #8bb7ff; }
[data-bs-theme="dark"] .smit-tl-ico.warn, .dark-theme .smit-tl-ico.warn { background: rgba(240,160,32,.20); color: #ffcc7a; }
[data-bs-theme="dark"] .smit-tl-title.in, .dark-theme .smit-tl-title.in { color: #7fd6a8; }
[data-bs-theme="dark"] .smit-tl-title.out, .dark-theme .smit-tl-title.out { color: #ff9ea8; }