/* Свои стили поверх Tabler. Только то, чего в Tabler нет. */

/* Суммы: цифры одной ширины, без переноса */
.sum { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }

/* Заголовок группы в меню */
.navbar-vertical .nav-group {
  padding: 1rem 1rem .25rem;
  font-size: .6875rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .55;
}

/* Кто вошёл — внизу меню */
.navbar-vertical .who {
  margin-top: auto;
  padding: 1rem;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
}

/* Нижние вкладки телефона */
.tabbar {
  position: sticky;
  bottom: 0;
  z-index: 6;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: var(--tblr-bg-surface);
  border-top: 1px solid var(--tblr-border-color);
  padding-bottom: env(safe-area-inset-bottom);
}
.tabbar a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-height: 3.25rem;
  padding: .5rem .125rem .625rem;
  font-size: .6875rem;
  font-weight: 600;
  color: var(--tblr-secondary);
  text-decoration: none;
}
.tabbar a .ti { font-size: 1.25rem; }
.tabbar a.on { color: var(--tblr-green); box-shadow: inset 0 3px 0 var(--tblr-green); }
.tabbar a:focus-visible { outline: 2px solid var(--tblr-primary); outline-offset: -2px; }

/* Журнал: было и стало */
.diff { font-size: .8125rem; overflow-wrap: anywhere; }
.diff del { color: var(--tblr-red); text-decoration: line-through; }
.diff ins { color: var(--tblr-green); text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}