/* Bottom nav — floating glass pill (как list-sticky-pill у хедера) */

.nav {
  position: absolute !important;
  left: var(--yaqin-gutter) !important;
  right: var(--yaqin-gutter) !important;
  bottom: var(--yaqin-nav-float-inset) !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 6px !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: var(--yaqin-radius-pill) !important;
  /* Светлая тема: почти непрозрачный фон — иначе tertiary «пропадает» на фото */
  background: color-mix(in srgb, var(--yaqin-surface-raised) 92%, transparent) !important;
  backdrop-filter: blur(28px) saturate(1.35);
  -webkit-backdrop-filter: blur(28px) saturate(1.35);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--yaqin-sep) 70%, transparent),
    0 8px 24px rgba(0, 0, 0, 0.12);
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  align-items: center;
  gap: 0;
  z-index: 30 !important;
  box-sizing: border-box;
}

html[data-theme='dark'] .nav,
html[data-theme='system'] .nav {
  background: color-mix(in srgb, var(--yaqin-surface-raised) 72%, transparent) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--yaqin-bg-subtle) 55%, transparent),
    0 10px 28px rgba(0, 0, 0, 0.28);
}

@media (prefers-color-scheme: light) {
  html[data-theme='system'] .nav {
    background: color-mix(in srgb, var(--yaqin-surface-raised) 92%, transparent) !important;
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--yaqin-sep) 70%, transparent),
      0 8px 24px rgba(0, 0, 0, 0.12);
  }
}

.nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 48px;
  padding: 4px 2px;
  font-size: 22px;
  line-height: 1;
  /* secondary читается на белом; tertiary слишком бледный на стекле */
  color: var(--yaqin-text-secondary);
  border: 0;
  background: none;
}

.nav button.active {
  color: var(--yaqin-text);
}

.nav small {
  margin: 0;
  font-size: var(--yaqin-fs-micro);
  font-weight: 500;
  line-height: 1.15;
  white-space: nowrap;
}

.nav button.active small {
  font-weight: 600;
}

.badge {
  top: -2px;
  right: auto;
  left: calc(50% + 6px);
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--yaqin-danger);
  color: var(--yaqin-ink-inverse);
  font-size: var(--yaqin-fs-badge);
  font-weight: 700;
  display: grid;
  place-items: center;
}

/* Вкладки: view на всю высоту (включая зону под pill), inset — у внутреннего скролла */
body.tab-shell:not(.full-screen) .view {
  padding-bottom: 0;
}

/* Таббар только на главных вкладках; внутренние экраны — назад + sticky CTA */
body:not(.tab-shell) .nav,
body.full-screen .nav,
body.sheet-view .nav {
  display: none !important;
}