.toolbar svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}

/* La barra tiene más acciones que el ancho de un teléfono pequeño. */
.toolbar {
  left: max(8px, env(safe-area-inset-left));
  right: max(8px, env(safe-area-inset-right));
  width: auto;
  max-width: none;
  transform: none;
  justify-content: flex-start;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.toolbar::-webkit-scrollbar { display: none; }
.toolbar button { flex: 0 0 auto; }

.app-version {
  margin: -11px 0 2px !important;
  color: #78b9d0 !important;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
