/* ═══ CHROME FIX — FINAL OVERRIDES (highest priority) ═══════════════════════
   These rules must stay at the END of this block to win over everything above.
   They use !important so cached styles cannot override them.              ════ */

/* ── Rider mode: kill dark teal background in all rider containers ─────────── */
body.rider-mode,
body.rider-mode #root,
body.rider-mode #root-inner {
  background: var(--c-bg) !important;
}
body.rider-mode .screen {
  background: var(--c-bg);
}

/* ── Nav final override: full-width, short, integrated tab bar ─────────────── */
.nav {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  margin: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  height: calc(52px + env(safe-area-inset-bottom)) !important;
  background: var(--c-nav) !important;
  border: none !important;
  border-top: 1px solid rgba(183,218,221,0.35) !important;
  box-shadow: 0 -1px 12px rgba(8,59,86,0.06) !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-around !important;
  padding-top: 5px !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
  padding-left: env(safe-area-inset-left) !important;
  padding-right: env(safe-area-inset-right) !important;
}
.nav-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 5px 6px !important;
  min-width: 40px !important;
  flex: 1 !important;
  cursor: pointer !important;
  border: none !important;
  background: none !important;
  transition: color 0.15s !important;
}
.nav-btn svg { width: 22px !important; height: 22px !important; }
.nav-label { font-size: 10px !important; letter-spacing: 0.04em !important; }

/* ── Screen bottom padding: content clears the tab bar ─────────────────────── */
.screen {
  padding-bottom: calc(52px + env(safe-area-inset-bottom)) !important;
}